Загрузите Css, JS-плагин и файл пользовательского скрипта в wordpress

Question

Мне было трудно заставить это работать ... Я пытаюсь использовать анимацию для некоторых переходов на веб-сайте, над которым я работаю, но когда я включаю файлы средний способ, которым это ломает тему ... Много чтения привело меня к пониманию, что мне нужно использовать functions.php для установки сценариев и CSS, но я пробовал и не играл в кости.

Я использую детскую тему

CSS-нужно загрузить находятся в папке каталог моего ребенка тематического под названием «CSS», пользовательские JS и плагин JS мне нужно, чтобы загрузить это расположенный в папке в моем каталоге дочерних тем, называемом «js».

1-The CSS должен быть в заголовке

2-JQuery необходимо загрузить

3-Плагин затем нужно загрузить

4-My scripts.js файл необходимо загрузить , он управляет настройками плагина.

Если вы все еще не понимаете этого, то в основном я хочу использовать http://git.blivesta.com/animsition/ в дочерней теме wordpress. Благодарю.

Answer 1

Попробуйте прочитать https://codex.wordpress.org/Child_Themes, это вам очень поможет.

Что касается вашего вопроса, вы должны поместить следующий код в файл functions.php темы вашего ребенка:

function animsition_enqueue_styles_and_styles() { 

    $parent_style = 'parent-style'; 

    wp_enqueue_style($parent_style, get_template_directory_uri() . '/style.css'); 

    wp_enqueue_style('child-style', 
     get_stylesheet_directory_uri() . '/style.css', 
     array($parent_style) 
    ); 

    wp_enqueue_style('animsition-style', get_stylesheet_directory_uri() . '/css/animsition.min.css'); 

    wp_enqueue_script('animsition-js', get_stylesheet_directory_uri() . '/js/jquery.animsition.min.js', array('jquery'), '20150628', false);  

    wp_enqueue_script('custom-animsition-js', get_stylesheet_directory_uri() . '/js/scripts.js', array('animsition-js','jquery'), '20150628', false); 

} 
add_action('wp_enqueue_scripts', 'animsition_enqueue_styles_and_styles');