Як підключити javascript на сторінці або пості wordpress

Навігація по сторінці:

Робиться це досить просто:

1) Відкриваємо файл теми functions.php.

2) На самому початку файлу створюємо шорткод ось таким способом:

або ж ось такий код, якщо вам потрібно вивести код в сторінці WordPress:

Замість alert ( "приклад"); можна писати свій яваскрипт код, тільки стежте щоб лапки були правильні і не конфліктували. Все 'треба закривати в /' для яваскрипт всередині цього ПХП.

до меню Функція wp_enqueue_script ідеально підходить для підключення яваскрипт до теми, але трошки туговато для підключення до окремої сторінки, але все ж з точки зору правильності коду, такий варіант більш правильний ніж перший.

Докладні параметри функції wp_enqueue_script (відкриється в новому вікні) можна прочитати перейшовши за посиланням, зараз я вам покажу приклад для окремої сторінки і окремого поста.

1) Відкриваємо файл теми functions.php.

2) В самий початок записуємо код:

add_action ( 'wp_enqueue_scripts', 'my_scripts_add');
function my_scripts_add () if (is_page (15)) wp_enqueue_script ( "myScript", get_bloginfo ( 'stylesheet_directory'). '/js/myScript.js',array('jquery'),"0.1",false);
>
>

3) Зберігаємо, і заливаємо на сервер, тепер на сторінці 15 буде викликатися файл під ім'ям myScript.js

add_action ( 'wp_enqueue_scripts', 'my_scripts_add');
function my_scripts_add () if (is_single (21)) wp_enqueue_script ( "myScript", get_bloginfo ( 'stylesheet_directory'). '/js/myScript.js',array('jquery'),"0.1",false);
>
>

1) Відкриваємо файл теми header.php.

2) Перед закривається тегом пишемо:

Мені потрібен Шорткод, щоб я міг вставляти його де потрібно.

Але навіть слова "Приклад" не бачу після вставки шорткода.

Доброго дня. Це звичайно добре. Скрипт я підключив. Але як млинець викликати функцію з цього скрипта? onClick по кнопці wordpress обрізає. Я вже запарився гуглити.

Доброго дня. А що там гуглити, звичайний виклик jquery.
В той же підключається файл можна закинути такий код і все буде працювати.
(Function ($) $ (document) .ready (function () $ ( "# вашІДселектор"). On ( "click", function ());
>);
>) (JQuery);