Как связать скрипт в WordPress

Question

Мой скрипт не работает в Wordpress. Я пытаюсь преобразовать мою страницу HTML в Wordpress тема .. Ive получил CSS связанный ..

<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/min/mycss.css" />  

но мой сценарий не связывает ..

<script type="text/javascript" src="min/myjs.js"></script> 

я попробовал то же самое, используя <?php bloginfo('template_directory'); ?>

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/min/myjs.js"></script> 

Помощь?

Answer 1

Не включайте скрипты и таблицы стилей таким образом. Используйте wp_enqueue_scripts. Предполагая, что это специальная тема, добавьте код в файл functions.php.

add_action('wp_enqueue_scripts', 'theme_scripts_styles'); 

function theme_scripts_styles() { 

    // Enqueue scripts and styles here 

} 

В этой функции используйте wp_enqueue_script и wp_enqueue_style в очередь файлов (должно быть очевидным для использования в зависимости от типа файла!)

Также bloginfo («template_directory») не лучшая практика.

Используйте get_stylesheet_directory_uri(), или get_template_directory_uri() для родительских тем. Вы можете удалить часть _uri, чтобы получить пути к серверу.

Таким образом, все вместе это выглядит как-то

add_action('wp_enqueue_scripts', 'theme_scripts_styles'); 

function theme_scripts_styles() { 

    wp_enqueue_style('my-styles', get_stylesheet_directory_uri() . '/min/mycss.css', array(), '1.0', 'all'); 
    wp_enqueue_script('my-scripts', get_stylesheet_directory_uri() . '/min/myjs.js', array(), '1.0', true); 

} 

Будьте уверены, чтобы прочитать Кодекс о функциях блокировок, чтобы вы знали, что делают все параметры.

Answer 2

Используйте этот код, чтобы добавить ссылку на свой сайт JavaScript.