Как добавить кастомный код JavaScript для определенной страницы на WordPress-сайте?
Здравствуйте! У меня есть WordPress-сайт и мне нужно добавить кастомный код JavaScript только на определенную страницу. Я пробовал различные способы, но ни один из них не сработал. Можете помочь?
Вот пример кода, который я пытался использовать:
function myCustomScript() {
// Ваш скрипт здесь
}
if ( is_page( 'your-page-slug' ) ) {
add_action( 'wp_enqueue_scripts', 'myCustomScript' );
}
Я хотел бы убедиться, что код будет выполняться только на странице с определенным слагом. Как я могу правильно добавить данный код в WordPress? Буду благодарен за любую помощь и подсказки!
Ответы:
Для добавления кастомного JavaScript кода только на определенную страницу в WordPress, можно использовать функцию wp_enqueue_script в сочетании с условием is_page.
Вот пример, как можно правильно добавить ваш код в WordPress:
function myCustomScript() {
// Ваш скрипт здесь
}
function enqueueCustomScript() {
// Проверяем, что мы находимся на нужной странице
if ( is_page( 'your-page-slug' ) ) {
// Регистрируем скрипт
wp_register_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0', true );
// Подключаем скрипт
wp_enqueue_script( 'custom-script' );
}
}
add_action( 'wp_enqueue_scripts', 'enqueueCustomScript' );
В данном примере:
- Функция
myCustomScriptпредставляет ваш кастомный код JavaScript. Замените комментарий "// Ваш скрипт здесь" на ваш реальный код. - Функция
enqueueCustomScriptпроверяет, что мы находимся на нужной странице, используя условиеis_pageс указанием слага страницы. Замените 'your-page-slug' на слаг вашей страницы. - Функция
enqueueCustomScriptтакже регистрирует ваш скрипт с помощью функцииwp_register_script. В данном примере, файл скрипта должен находиться по пути "ваша-тема/js/custom-script.js". Замените этот путь на реальный путь к вашему файлу скрипта. - После регистрации скрипта, мы используем функцию
wp_enqueue_script, чтобы подключить его к нужной странице.
Убедитесь, что код выше добавлен в файл функций вашей активной темы. Вы можете открыть файл functions.php в вашем редакторе темы и добавить код в конец файла.
Если код все равно не работает, вам может потребоваться проверить, что используется правильный слаг страницы и что ваш скрипт находится в правильной директории.
Надеюсь, это поможет вам добавить кастомный JavaScript код только на определенную страницу в WordPress! Если у вас возникнут еще вопросы или нужна дополнительная помощь, пожалуйста, дайте знать. Удачи вам!