将自定义CSS文件加载到WordPress的单页中
为什么不能将自定义CSS文件包含在发布页面(单页)中?
在其他页面中可以包括它(例如woocommerce.php | archive.php) 但是我可以加载单个文件! 为什么不能呢?单页有任何特殊限制吗?
这样,我
在function.php
function add_theme_scripts() {
wp_enqueue_style( 'slider_swiper', get_template_directory_uri() . '/css/swiper.min.css', array(), false, 'all');
wp_enqueue_style( 'all-min-css-font-awseom', get_template_directory_uri() . '/css/all.min.css', array(), false, 'all');
function load_archive_style(){
wp_enqueue_style( 'cateogory_archive', get_template_directory_uri() . '/css/category_archive.css', array(), false, 'all');
}
function load_header_style(){
wp_enqueue_style( 'header_1', get_template_directory_uri() . '/css/header_1.css', false, false, 'all');
}
function load_single_style(){
wp_enqueue_style( 'header_1', get_template_directory_uri() . '/css/single.css', false, false, 'all');
}
function load_archive_product_style(){
wp_enqueue_style( 'archive_product_style', get_template_directory_uri() . '/css/archive_product.css', array(), false, 'all');
}
function load_question_style(){
wp_enqueue_style( 'question', get_template_directory_uri() . '/css/question.css', array(), false, 'all');
}
function load_product_page_style(){
wp_enqueue_style( 'product_page_style', get_template_directory_uri() . '/css/product.css', array(), false, 'all');
}
wp_enqueue_style( 'style', get_stylesheet_uri() );
wp_enqueue_script( 'theme_jquery', get_template_directory_uri() . '/js/jquery-3.6.0.min.js', array ( ), false, true);
wp_enqueue_script( 'swiper-bundle', get_template_directory_uri() . '/js/swiper-bundle.min.js', array ( ), false, true);
wp_enqueue_script( 'theme_javascript_code', get_template_directory_uri() . '/js/app.js', array ( ), false, true);
}
add_action中添加了css file
Why Cant include the Custom Css File in post page (single page) ?
In Other Page can Include it( Such as woocommerce.php | archive.php )
But I Can Load in Single File !
Why Cant it ? Does the single page have any special restrictions?
In this way, I added the CSS file ????????????
In Function.php
function add_theme_scripts() {
wp_enqueue_style( 'slider_swiper', get_template_directory_uri() . '/css/swiper.min.css', array(), false, 'all');
wp_enqueue_style( 'all-min-css-font-awseom', get_template_directory_uri() . '/css/all.min.css', array(), false, 'all');
function load_archive_style(){
wp_enqueue_style( 'cateogory_archive', get_template_directory_uri() . '/css/category_archive.css', array(), false, 'all');
}
function load_header_style(){
wp_enqueue_style( 'header_1', get_template_directory_uri() . '/css/header_1.css', false, false, 'all');
}
function load_single_style(){
wp_enqueue_style( 'header_1', get_template_directory_uri() . '/css/single.css', false, false, 'all');
}
function load_archive_product_style(){
wp_enqueue_style( 'archive_product_style', get_template_directory_uri() . '/css/archive_product.css', array(), false, 'all');
}
function load_question_style(){
wp_enqueue_style( 'question', get_template_directory_uri() . '/css/question.css', array(), false, 'all');
}
function load_product_page_style(){
wp_enqueue_style( 'product_page_style', get_template_directory_uri() . '/css/product.css', array(), false, 'all');
}
wp_enqueue_style( 'style', get_stylesheet_uri() );
wp_enqueue_script( 'theme_jquery', get_template_directory_uri() . '/js/jquery-3.6.0.min.js', array ( ), false, true);
wp_enqueue_script( 'swiper-bundle', get_template_directory_uri() . '/js/swiper-bundle.min.js', array ( ), false, true);
wp_enqueue_script( 'theme_javascript_code', get_template_directory_uri() . '/js/app.js', array ( ), false, true);
}
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );
And In single.php File , Call the function of related style ( load_single_style(); )
This Method In All of File is Okay , But in single.php Dont work It,
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为,因为您已经任命了header_1.css的顾问名称header_1。
尝试将单个css的顾问名称更改为另一个名称。例子:
I think because you've already appointed the enqueue name header_1 for header_1.css.
Try just change the enqueue name for single.css to another name. Example: