WordPress თემების Javascript დამატება სწორი გზა

არსებობს სპეციალური მეთოდი Javascript თქვენს WordPress თემის დასამატებლად, რათა თავიდან აიცილოთ კონფლიქტები plugin ან WordPress თემების მშობლებთან. პრობლემა ის არის, რომ ბევრი “დეველოპერები” უწოდებენ თავიანთ JavaScript ფაილებს პირდაპირ header.php ან footer.php ფაილში, რაც მისი არასწორი მეთოდია.


ამ სახელმძღვანელოში მე გაჩვენებთ, თუ როგორ სწორად გამოიძახოთ თქვენი JavaScript ფაილები თქვენი ფუნქციების.php ფაილის გამოყენებით, ასე რომ ისინი იტვირთება თქვენი საიტის სათაურის ან ქვედა ფენის ჩანართში. ამ გზით, თუ თქვენ განაწილების თემას შეიმუშავებთ და თქვენს საბოლოო მომხმარებელს სურს სკრიპტების შეცვლა მათ მიერ ბავშვის თემის საშუალებით, ან თუ ისინი იყენებენ minify / caching ან სხვა ოპტიმიზაციის მოდულებს, ისინი სწორად იმუშავებენ. და თუ თქვენ ბავშვის თემასთან მუშაობთ, თქვენს სკრიპტებს ემატება სწორი გზა, header.php ან footer.php ფაილების გადაწერა თქვენს ბავშვის თემაში, რომლებიც საჭირო არ არის საჭირო (კარგად კოდირებული თემით მუშაობისას)

არასწორი გზა დაამატეთ Javascript WordPress თემებს

Javascript თქვენს header.php ფაილში ან footer.php ფაილში დარეკვა, ეს არ არის სწორი გზა და მე ამის საწინააღმდეგოდ გირჩევთ, ხშირად ის იწვევს კონფლიქტს სხვა დანამატებთან და ხელით აკეთებს CMS– ს მუშაობის დროს. კარგი იდეაა.

WordPress თემებში Javascript- ის დამატების სწორი გზა

ჯავასკიპტის დამატება თქვენს WordPress თემაში უკეთესია, რომ ამის გაკეთება ფუნქციების საშუალებით.php ფაილის საშუალებით გამოიყენოთ wp_enqueue_script. თქვენი javascript– ის ჩატვირთვაში wp_enqueue_scriptts– ის მოქმედებით დაგეხმარებათ თქვენი თემის პრობლემები არ შეგაწუხოთ.

მაგალითი

wp_enqueue_script ('my-script', get_template_directory_uri (). '/js/my-script.js', array (), true);

ზემოთ მოყვანილი კოდი ატვირთავს my-script.js ფაილს თქვენს საიტზე. როგორც ხედავთ, მე მხოლოდ $ სახელური მაქვს ჩასმული, მაგრამ თქვენ ასევე შეგიძლიათ დაამატოთ დამოკიდებულებები თქვენი სკრიპტისთვის, ვერსიის ნომერზე და დატვირთვისას თუ არა მას სათაურზე ან ქვედა გვერდზე (ნაგულისხმევი არის სათაური).

Wp_enqueue_script () ფუნქცია ტექნიკურად შეიძლება გამოყენებულ იქნას ნებისმიერი თემის ან მოდულის შაბლონის ფაილში, მაგრამ თუ თქვენ ატვირთავთ გლობალურ სკრიპტებს, გსურთ მოათავსოთ იგი თქვენი თემის function.php ფაილში ან ცალკეულ ფაილში, რომელიც სპეციალურად გამიზნულია სკრიპტების დატვირთვისთვის საიტი მაგრამ თუ მხოლოდ კონკრეტული შაბლონის ფაილზე (მაგალითად, გალერეის ფორუმზე) გსურთ სკრიპტის ჩატვირთვა, თქვენ შეგიძლიათ განათავსოთ ეს ფუნქცია შაბლონის ფაილში, თუმცა, პირადად მე გირჩევთ ყველა სკრიპტის ერთ ადგილზე განთავსებას და პირობითი პირობების გამოყენებას. საჭირო სკრიპტები.

WordPress- მ უმასპინძლა სკრიპტები

WordPress- ს შესახებ ერთი საინტერესო რამ არის ის, რომ უკვე არსებობს უამრავი სკრიპტი, რომელსაც მასპინძლობს და დარეგისტრირდება, რომელსაც შეგიძლიათ გამოიყენოთ თქვენი თემის შემუშავებაში. მაგალითად jQuery, რომელიც გამოიყენება თითქმის ყველა პროექტში, ყოველთვის უნდა იყოს დატვირთული WordPress- დან და არასოდეს მასპინძლობთ მესამე მხარის საიტზე, როგორიცაა Google. ასე რომ, სანამ თქვენს პროექტს საკუთარ სკრიპტს დაამატებთ, შეამოწმეთ სია რეგისტრირებული სკრიპტები დარწმუნდით, რომ ის უკვე არ შედის WordPress- ში და თუ ეს არის, უნდა ატვირთოთ ის, რაც საწინააღმდეგოდ არ დარეგისტრირდება საკუთარი.

გამოიყენეთ WordPress Enqueue Hook

ადრე ჩვენ აღვნიშნეთ ფუნქცია, რომელიც საჭიროა თქვენს საიტზე სკრიპტის დატვირთვისთვის, თუმცა, როდესაც თქვენ არა შაბლონურ ფაილებთან მუშაობისას, მაგალითად, თქვენი ფუნქციები.php ფაილი უნდა დაამატოთ ამ ფუნქციას სხვა ფუნქციის შიგნით, რომელიც შედის შესაბამის WordPress კაკვებში, ამ გზით მიიღებთ თქვენს სკრიპტებს დარეგისტრირებულია WordPress- ის, მე -3 მხარის მოდულების და თქვენი მშობლის თემის მიერ რეგისტრირებულ ყველა დანარჩენ სკრიპტზე, ბავშვის თემის გამოყენებისას.

WordPress– ს აქვს ორი განსხვავებული მოქმედება, რომელზეც შეგიძლიათ გამოიყენოთ თქვენი სკრიპტების დარეკვისთვის.

  1. wp_enqueue_scriptts – მოქმედება, რომელიც გამოიყენება სკრიპტების დატვირთვისას წინა ბოლოს
  2. admin_enqueue_scripts – მოქმედება, რომელიც გამოიყენება სკრიპტების ჩატვირთვაში WP ადმინისტრაციაში

აქ მოცემულია მაგალითი (რომელიც თქვენს ფუნქციებს.ფე ფაილზე დაემატება), თუ როგორ უნდა შექმნათ ფუნქცია და შემდეგ გამოიყენოთ WordPress Hook თქვენს სკრიპტებზე დარეკვისთვის..

/ **
* დაიწერა სკრიპტი
* /
ფუნქცია myprefix_enqueue_scriptts ()
wp_enqueue_script ('my-script', get_template_directory_uri (). '/js/my-script.js', array (), true);
}
add_action ('wp_enqueue_scriptts', 'myprefix_enqueue_scripts');

შენიშვნა: ნახეთ, როგორ ვიყენებთ “get_template_directory_uri” ფუნქციას თქვენი სკრიპტის ადგილმდებარეობის განსაზღვრისას? ეს ფუნქცია ქმნის URL თქვენს თემის საქაღალდეში. თუ ბავშვის თემასთან მუშაობთ, ამის ნაცვლად გსურთ გამოიყენოთ “get_stylesheet_directory_uri”, ისე, რომ იგი მიუთითებს თქვენი ბავშვის თემას და არა მშობლის თემას..

ჯავასკრიპტის ხაზის ხაზის დამატება

მიუხედავად იმისა, რომ შეგიძლიათ მარტივად ჩასვათ შაბლონური ჩანართის ნებისმიერი შაბლონური ფაილი, შეგიძლიათ გამოიყენოთ WordPress კაკვები თქვენი ხაზის კოდის დასამატებლად, განსაკუთრებით მაშინ, როდესაც ეს არის ძირითადი მოდული ან თემის კოდი. ქვემოთ მოცემულია თქვენს საიტზე ხაზოვანი სკრიპტების დამატების მაგალითი:

ფუნქცია myprefix_add_inline_script ()
wp_add_inline_script ("ჩემი სცენარი", "განგაში" ("გამარჯობა სამყარო"); "," შემდეგ ");
}
add_action ('wp_enqueue_scriptts', 'myprefix_add_inline_script');

რას გააკეთებს ეს დაამატეთ თქვენი ვიდეო JavaScript ადრე დარეგისტრირებული “ჩემი სკრიპტის” სკრიპტის შემდეგ. Wp_add_inline_script- ის გამოყენებისას შეგიძლიათ დაამატოთ მხოლოდ ხაზის კოდი, უკვე დარეგისტრირებული სკრიპტის მიღებამდე ან შემდეგ, ასე რომ, თუ კონკრეტული სკრიპტის კოდის შეცვლას აპირებთ, დარწმუნდით, რომ იგი ჩატვირთულია ამის შემდეგ, ან თუ უბრალოდ გსურთ დაამატოთ რაიმე პერსონალური კოდი, შეგიძლიათ დააჭიროთ ეს არის jquery სკრიპტისთვის, რომელიც ზოგადად დატვირთულია WordPress თემების უმეტესობით და თუ არა, შეგიძლიათ გამოიყენოთ wp_enqueue_script, რომ ჩატვირთოთ WordPress- ის მასპინძელი ვერსია jQuery.

ამ მეთოდის გამოყენებით ხალხს შეუძლია ადვილად წაშალოს თქვენი შინაარსის სკრიპტები ბავშვის თემის ან მოდული დანამატის საშუალებით, ის ინახავს ყველა თქვენს პერსონალურ JavaScript- ს სისუფთავე ორგანიზებულად და ის დაშიფრულია WordPress- ით, რომელიც შეიძლება იყოს უფრო უსაფრთხო. თუ თქვენ იყენებთ ბავშვთა თემას, შეგიძლიათ ატვირთოთ თქვენი სკრიპტები თქვენი ფუნქციების.php ფაილის საშუალებით, header.php ან footer.php ფაილების კოპირების ნაცვლად თქვენი ბავშვის თემის გადაწერაზე..

ამის თქმით, თუ თქვენ ბავშვზე მუშაობთ, ამის გაკეთება არ გჭირდებათ, შეგიძლიათ უბრალოდ შეიყვანოთ თქვენი კოდი თქვენს სათაურში ან გამოიყენეთ wp_head ან wp_footer კაკვები, მაგალითად მაგალითზე:

add_action ('wp_footer', ფუნქცია () {?>)  
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me