在某些页面上禁用子主题CSS

时间:2014-05-27 作者:user1049961

我已经激活了子主题,需要在某些页面上完全禁用子主题css,只留下父主题css。

如何做到这一点?

1 个回复
最合适的回答,由SO网友:Pieter Goosen 整理而成

有两种方法可以完成你需要做的事情。

METHOD 1

第一种方法是从孩子的主样式中创建一个单独的样式表。然后将所有css移动到该样式表中。对于本例,我们将此样式表称为自定义样式。css。

如上所述,将特定于特定页面的所有css复制到此新样式表。

现在可以使用wp_enqueue_style() 有条件地使用is_page() 条件标记,仅用于所需的页面。所以打开你的子函数。php并在其中添加以下内容

function enqueue_my_style() {
  if( is_page( SEE CODEX FOR EXAMPLES)) {
    wp_enqueue_style( \'my-style\', get_stylesheet_directory_uri().\'/custom-style.css\' );
  }
 }
 add_action( \'wp_enqueue_scripts\', \'enqueue_my_style\' );  

METHOD 2

违约body_class() 默认情况下,使一些css选择器可用于使用css定位特定页面。以下是选择器

  • 。rtl{}
  • 。主页{}
  • 。博客{}
  • 。存档{}
  • 。日期{}
  • 。搜索{}
  • 。已分页{}
  • 。附件{}
  • 。错误404{}
  • 。单个postid-(id){}
  • 。附件id-(id){}
  • 。附件-(mime类型){}
  • 。作者{}
  • 。作者-(user\\u nicename){}
  • 。类别{}
  • 。类别-(slug){}
  • 。标记{}
  • 。标记-(slug){}
  • 。页面父{}
  • 。页面子父页面id-(id){}
  • 。页面模板页面模板-(模板文件名){}
  • 。搜索结果{}
  • 。无搜索结果{}
  • 。已登录{}
  • 。已分页-(页码){}
  • 。单页-(页码){}
  • 。第paged页-(页码){}
  • 。类别分页-(页码){}
  • 。标记已分页-(页码){}
  • 。分页日期-(页码){}
  • 。作者已分页-(页码){}
  • 。搜索分页-(页码){}
将样式应用于特定元素时,您可以使用这些选择器仅针对特定页面的特定元素,例如

.home H1 {}
只针对主页上的H1元素

结束

相关推荐

如何在子域上提供资产文件(js、css、图像)

目前我正在网站上建立一个博客。我和wordpress想在我的资产服务器assets上为博客提供我的所有资产。地点com/blog/。通过更改数据库中的siteurl选项(wp\\u选项),我在前端获得了所需的结果,但是管理员将路由到该地址(资产服务器),而不是站点。com(这是主选项的值)。我需要从子域(js、css和图像)更改哪些服务器资产文件?