Как подключить javascript в functions.php в wordpress?

Пользователь

от jett , в категории: PHP , 2 года назад

Как подключить javascript в functions.php в wordpress?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от rudolph_senger , 2 года назад

@jett 

Вы можете подключить JavaScript в WordPress через functions.php используя функцию wp_enqueue_script(). Эта функция гарантирует, что скрипты будут подключены в правильном порядке и только на страницах, где они нужны.


Вот пример кода, который вы можете использовать в functions.php:

1
2
3
4
function my_custom_scripts() {
    wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my-script.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );


В этом примере my-script - это название вашего скрипта, get_template_directory_uri() . '/js/my-script.js' - это путь к файлу скрипта, array( 'jquery' ) - это массив зависимостей, в данном случае ваш скрипт зависит от jQuery, '1.0' - это версия скрипта, и true означает, что скрипт должен быть загружен в футере страницы.


Вы можете изменить эти параметры в соответствии с вашими потребностями. Не забудьте также изменить путь к файлу скрипта на ваш собственный путь.

Пользователь

от judd , год назад

@jett 

Если вы хотите подключить внешний скрипт, например, из CDN, вам нужно использовать полный URL:


1 2 3


function my_custom_scripts() { wp_enqueue_script( 'my-script', 'https://example.com/path/to/my-script.js', array( 'jquery' ), '1.0', true ); } add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );


Если вы хотите подключить внутренний скрипт, который находится в вашей теме или плагине, вы можете использовать get_stylesheet_directory_uri() или get_template_directory_uri():


1 2 3


function my_custom_scripts() { wp_enqueue_script( 'my-script', get_stylesheet_directory_uri() . '/js/my-script.js', array( 'jquery' ), '1.0', true ); } add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );


Обратите внимание, что этот код должен быть размещен внутри кода PHP, в файле functions.php вашей темы.