我正在将jQuery插件添加到我正在开发的网站中。不用说，它需要加载自定义脚本；也是一个自定义样式表。
从样式表开始，我一直试图通过使用wp_register_style() 和wp_enqueue_style() 像这样：
if ( ! function_exists( \'add_additional_css\' ) ) {
function add_additional_css() {
wp_enqueue_style( \'webmarket-child\', get_stylesheet_uri() , array( \'main\' ) );
wp_register_style( \'slick\', get_stylesheet_directory_uri() . \'/slick/slick.css\', array( \'jquery\' ) );
wp_enqueue_style( \'slick\' );
}
add_action( \'wp_enqueue_scripts\', \'add_additional_css\', 20 )
这是从
functions.php 我的孩子主题，这就是为什么它还包括“webmarket孩子”的排队风格。
我已经反复检查了我的代码，我认为没有任何问题，但样式表没有加载。
什么可能阻止此加载？
边栏：当我最初创建子主题时，我在加载子样式表时遇到了一些问题。只有通过添加上述代码，我才能加载样式表。最佳实践：
add_action( \'wp_enqueue_scripts\', \'enqueue_parent_theme_style\' );
function enqueue_parent_theme_style() {
wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );
}
无法工作。我忍不住想，导致失败的原因也与我无法加载其他样式表有关。
SO网友:Amit Mishra
嘿，请包括这样的样式表
<?php
add_action( \'wp_enqueue_scripts\', \'enqueue_parent_theme_style\' );
function enqueue_parent_theme_style() {
wp_enqueue_style( \'parent-style\', get_stylesheet_uri() );
}
而且样式表不需要加载jQuery，所以请将代码更改为如下所示
if ( ! function_exists( \'add_additional_css\' ) ) {
function add_additional_css() {
wp_enqueue_style( \'webmarket-child\', get_stylesheet_uri() , array( \'main\' ) );
wp_register_style( \'slick\', get_stylesheet_directory_uri() . \'/slick/slick.css\');
wp_enqueue_style(\'slick\');
}
add_action( \'wp_enqueue_scripts\', \'add_additional_css\', 20 )
我想它会很好用的。
SO网友:HK89
您需要使用平滑滑块css和js，您可以将脚本排队。
if ( ! function_exists( \'add_additional_css\' ) ) {
//Enqueue scripts
add_action(\'wp_enqueue_scripts\', \'add_additional_css\', 20);
function wp_enqueue_all_scripts(){
//add slick slider
wp_register_style(\'slickcss\', get_template_directory_uri() . \'/slick/slick.css\' );
//load slick js
wp_register_script(\'slickslider\', get_template_directory_uri() . \'/slick/slick.min.js\', array(\'jquery\'), \'\', true );
////load slick initiate script
wp_register_script( \'slickinit\', get_template_directory_uri() . \'/your-custom-folder/js/custom-slick-init.js\', array( \'jquery\' ) );
// load slick on page
wp_enqueue_style( \'slickcss\' );
wp_enqueue_script (\'slickslider\');
wp_enqueue_script (\'slickinit\');
}
}
