将自定义CSS文件加载到WordPress的单页中

发布于 2025-02-12 05:26:07 字数 1796 浏览 2 评论 0原文

为什么不能将自定义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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

非要怀念 2025-02-19 05:26:07

我认为,因为您已经任命了header_1.css的顾问名称header_1。

 function load_header_style(){
      wp_enqueue_style( 'header_1', 
  get_template_directory_uri() . 
  '/css/header_1.css', false, false, 'all');
 }

尝试将单个css的顾问名称更改为另一个名称。例子:

 function load_single_style(){
       wp_enqueue_style( 'single_page', 
   get_template_directory_uri() . 
   '/css/single.css', false, false, 'all');
}

I think because you've already appointed the enqueue name header_1 for header_1.css.

 function load_header_style(){
      wp_enqueue_style( 'header_1', 
  get_template_directory_uri() . 
  '/css/header_1.css', false, false, 'all');
 }

Try just change the enqueue name for single.css to another name. Example:

 function load_single_style(){
       wp_enqueue_style( 'single_page', 
   get_template_directory_uri() . 
   '/css/single.css', false, false, 'all');
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文