Wordpress主题改变样式表的顺序



我已经按照"tutorial"的这两个链接,使用git和composer设置了一个WP页面。

  1. https://deliciousbrains.com/storing-wordpress-in-git/
  2. https://deliciousbrains.com/using-composer-manage-wordpress-themes-plugins/

我的问题:通过查看chrome上开发工具的network选项卡,我发现bootstrap样式表被调用为最后一个样式表,因此它覆盖了主题样式和我的子主题样式。但我想要以下订单:

第一个:引导程序样式、第二个父主题样式和第三个child-theme样式。

如何在不直接触及父主题的情况下实现该目标?

还是我做错了什么,而现在的订单是预定的?

您必须使用wp_enequeue_style函数的依赖参数:以文件名为例,请根据您的需要进行更改。

add_action( 'wp_enqueue_scripts', 'mytheme_scripts' );
/**  Enqueue scripts and styles.  **/
function mytheme_scripts()
{
wp_enqueue_style( 'bootsrap-styles', get_template_directory_uri() . '/css/bootstrap.min.css','', 'v1' );
wp_enqueue_style( 'main-css', get_template_directory_uri() . '/css/main.css',['bootsrap-styles',''], 'v1' );
}

您可以通过主题的函数来实现这一点。php

add_action('wp_enqueue_scripts', function(){
wp_enqueue_style('mainstyle', get_template_directory_uri() . '/main.css' );
}, 99);

Wordpress会将所述.css文件放在您的标题中,并给予99优先级,这意味着它会比其他文件晚添加。您可以为每个所需的.css文件执行此操作,并维护自己的首选顺序。

最新更新