WordPress – это популярная система управления контентом (CMS), которая позволяет пользователям создавать и настраивать веб-сайты. Одним из аспектов настройки является добавление пользовательского JavaScript на определенные страницы. В этой статье мы рассмотрим различные методы добавления пользовательского JavaScript на страницу WordPress с использованием фрагмента страницы в PHP. Мы предоставим примеры кода для каждого метода, чтобы помочь вам эффективно их реализовать.

Метод 1: добавление JavaScript в файл Functions.php темы

Первый метод предполагает добавление кода JavaScript непосредственно в файл functions.phpтемы. Чтобы настроить таргетинг на конкретную страницу, мы получим фрагмент страницы с помощью PHP и условно поставим в очередь файл JavaScript. Вот пример:

function enqueue_custom_js() {
   global $post;
   if ( $post->post_name === 'your-page-slug' ) {
      wp_enqueue_script( 'custom-js', get_template_directory_uri() . '/js/custom.js', array(), '1.0', true );
   }
}
add_action( 'wp_enqueue_scripts', 'enqueue_custom_js' );

Обязательно замените 'your-page-slug'фактическим фрагментом целевой страницы, а 'custom.js'— именем вашего пользовательского файла JavaScript.

Метод 2: использование файлов шаблонов страниц

Другой метод предполагает создание файла пользовательского шаблона страницы и добавление кода JavaScript непосредственно в него. Вот пример:

1. Скопируйте файл page.phpв каталоге вашей темы и переименуйте его в page-custom.php.
2. Откройте page-custom.phpи добавьте следующий код туда, где вы хотите включить JavaScript:

<?php
/*
Template Name: Custom Page Template
*/
?>
<?php get_header(); ?>
   <!-- Your page content here -->
   <script>
      // Add your custom JavaScript code here
   </script>
<?php get_footer(); ?>

Метод 3. Использование настраиваемых полей

WordPress также предоставляет механизм добавления настраиваемых полей на страницы. Мы можем использовать эту функцию, чтобы добавить код JavaScript, специфичный для каждой страницы. Вот пример:

1. Установите и активируйте плагин «Расширенные настраиваемые поля».
2. Создайте новую группу полей с полем «Текстовая область» для хранения кода JavaScript.
3. Назначьте группу полей нужному шаблону страницы или типу страницы.
4. В файле шаблона извлеките значение настраиваемого поля и выведите его в теге <script>.

<?php
$custom_js = get_field( 'custom_js' );
if ( $custom_js ) {
   echo '<script>' . $custom_js . '</script>';
}
?>

В этой статье мы рассмотрели три различных метода добавления пользовательского JavaScript на страницу WordPress с использованием фрагмента страницы в PHP. Эти методы обеспечивают гибкость и позволяют ориентироваться на определенные страницы с помощью специального кода JavaScript. Используя соответствующий метод, вы сможете улучшить функциональность и интерактивность своего веб-сайта WordPress.

Внедрение пользовательского JavaScript в WordPress требует хорошего понимания PHP и разработки WordPress. Обязательно тщательно протестируйте свой код и примите во внимание рекомендации по повышению производительности и безопасности.

Не забудьте выбрать метод, который лучше всего соответствует вашим потребностям и подходу к разработке. Приятного кодирования!