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

Question

很难让它发挥作用...我正在尝试在我正在开发的网站上使用动画进行一些过渡，但是当我以平均方式包含文件时，它会破坏主题... A大量阅读使我知道我需要使用 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' );