Anonim

Както се твърди от водещата CMS общност, 25% от интернет използват WordPress. Виждайки тенденциите, нямаме друг вариант, освен да им повярваме, почти всеки 2- ри блог и всеки 4 -ти сайт изглежда използват най-мощната и удобна за използване CMS. Очаквайки това, хората и разработчиците започнаха да прехвърлят сайтовете си към WordPress платформата.

В това начинание да превърнете вашия сладък и прост уебсайт в сложен, високоефективен CMS сайт, хората се забиват на много основна стъпка и задават въпроса: За любовта, как да получа този външен JavaScript (.js) файл работите в тази тема на WordPress? Вие също сте този, който задава същия въпрос? Е, amigos, най-накрая сте на точното място: тук съм, за да ви насочвам стъпка по стъпка по възможно най-простия начин за постигане на тази задача!

Сега, ако приемем, че имате WordPress всички инсталирани и стартирани с външен JS готов, нека да се заемем със задачата да включим файла!

Забележка: Използвам следния файл (testrun.js) за този урок, а темата, върху която работя, е двадесет и шестнайсет WordPress .

предупреждение ( "Hello");

Нека да започнем!

Всички скриптове и таблици на стилове се зареждат от function.php . Това е правилният начин да ги заредите в WordPress, за да избегнете конфликт с други скриптове, които се зареждат или от самия WordPress, или от вашите приставки. Ако оставите WordPress да управлява всички включени файлове, тогава ще трябва да го уведомите, че искате този файл да бъде включен в заглавната (начална) или долна (крайната) част на файла. Всеки шаблон / тема има свои собствени функции.php, така че точното име на функциите, което включва всички файлове, които трябва да бъдат включени, би било трудно да се обобщи. Тъй като приемам двадесет и шестнадесет като тема, по-долу е снимката за това как функциите ми.php (използва се за включване на файлове). Вашите трябва до известна степен да приличат на това:

Функцията wp_enqueue_script свързва скриптов файл към генерираната страница в точното време според зависимостите на скрипта, ако скриптът вече не е включен и ако всички зависимости са регистрирани. Можете или да свържете скрипт с дръжка, регистрирана по-рано с помощта на функцията wp_register_script (), или да предоставите на тази функция всички параметри, необходими за свързване на скрипт.

Wp_enqueue_script ($ обработка, $ src, $ deps, $ ver, $ in_footer) включва следните параметри:

$ дръжка

(низ) (Задължително) Име на скрипта.

$ SRC

(string | bool) (незадължително) Път към скрипта от основната директория на WordPress. Пример: '/js/myscript.js'.

Стойност по подразбиране: false

$ deps

(масив) (незадължително) Масив от регистрирани дръжки от този скрипт зависи.

Стойност по подразбиране: array ()

$ вер

(string | bool) (незадължително) String, указващ номера на версията на скрипта, ако има такъв. Този параметър се използва, за да се гарантира, че правилната версия се изпраща на клиента, независимо от кеширането, и така трябва да бъде включена, ако е наличен номер на версия и има смисъл за скрипта.

Стойност по подразбиране: false

$ in_footer

(bool) (незадължително) Дали да завладея сценария преди или преди , По подразбиране 'false'. Приема 'невярно' или 'вярно'.

Стойност по подразбиране: false

Можете да игнорирате функцията wp_register_script () за този урок. Нашата цел е да включим само външен JS. Тя трябва да работи просто добре, без него!

Следователно, ако искам да нарека моя скрипт като "тест", не забравяйте, че този парам ($ дръжка) НЕ задължително е името на действителния файл, а моят файл има външна зависимост от jquery и версия е 1.0 и се зарежда преди зареждането на страницата тогава функцията ми ще изглежда така:

wp_enqueue_script ('урок', get_template_directory_uri (). '/js/testrun.js', array ('jquery'), '1.0', невярно);

Ако забележите, използвах get_template_directory_uri (), така че низът, свързан след функцията, т.е.

Така вашият атрибут $ src, който е източникът на вашия js файл, става: get_template_directory_uri (). 'Path_to_js_wrt_index_of_template'.

Следователно, крайните функции.php изглежда така:

Задръжте там, почти свършихме! Просто запазете това сега и натиснете обновяване на вашия уебсайт … трябва да видите JS да работи! Ето моето:

Тъй като зададохме опцията $ in_footer на false, скриптът се зарежда преди страницата да се зареди, но след като се зареди JQuery, тъй като беше добавен като зависимост!

И .. Воала! Ето … Успешно включихте външен персонализиран JS файл във вашата WP тема!

Честито кодиране !!

Справка: Функция Enqueue: WordPress Codex

Кой е най-добрият начин да добавите персонализирани външни js в wordpress