Как подключить javascript в functions.php в wordpress?
@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
означает, что скрипт должен быть загружен в футере страницы.
Вы можете изменить эти параметры в соответствии с вашими потребностями. Не забудьте также изменить путь к файлу скрипта на ваш собственный путь.
@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 вашей темы.