Question

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

我正在使用儿童主题

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

1 - CSS需要位于标题

中

2-jQuery需要加载

3 - 然后插件需要加载

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

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

1 个答案: