将 Css、JS 插件和自定义脚本文件加载到 wordpress

Question

一直很难让它工作......我正在尝试在我正在工作的网站上使用动画进行一些过渡，但是当我包含文件时，它打破了主题的平均方式......大量阅读让我知道我需要使用functions.php 来将脚本和CSS 排入队列，但我尝试过但没有骰子。

我正在使用儿童主题

我需要加载的 CSS 位于我的子主题目录中名为“css”的文件夹中，我需要加载的自定义 js 和插件 js 位于我的子主题目录中名为“js”的文件夹中。

1-CSS 需要在标题中

2-jQuery需要加载

3-插件然后需要加载

4-我的scripts.js 文件需要加载，它操作插件的设置。

如果您仍然不明白这一点，那么基本上我想在 wordpress 子主题中使用http://git.blivesta.com/animsition/ 。 谢谢。

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' );