如何为 Wordpress 中的特定页面自定义 CSS 框架？答案

【问题标题】：How can I customize a CSS framework for specific pages in Wordpress?如何为 Wordpress 中的特定页面自定义 CSS 框架？
【发布时间】：2014-05-27 02:13:15
【问题描述】：

我正在尝试自定义 framework.css 以了解侧边栏在特定页面上的显示高度。是否可以使用自定义页面模板和特定的 div 类声明来做到这一点？例如创建一个自定义模板并在该模板中创建一个类来“覆盖”这些页面的默认 css 侧边栏元素设置？我该怎么做呢？

【问题讨论】：

标签： css wordpress frameworks customization

【解决方案1】：

根据brasofilo 的回答，每个页面都有自己的类，如果是brasofilo 的代码，它就是page-id-674。一般都是wordpress生成的。

如果你想在特定页面上做样式，你可以使用这样的东西：

body.page-id-674 div.specific-div-class {
  /*code*/
}

希望有帮助！

【讨论】：

如果 div 不在正文中，但包含在看起来像
并且具有 CSS 元素类的 div 中，我将如何设置它的：.sidebars #primary，.sidebars #secondary，.content-wide-sidebar #primary { 宽度：250px;边距顶部：0px；右边距：-86px； }
有post_class 函数，你可以添加到div 或任何HTML 元素。 <div class=”<?php post_class(); ?>”></div> 所以你可以像这样添加自定义类：<div class=”<?php post_class( ‘my-custom-class’ ); ?>”></div> 这将反过来生成一个 div 元素，该元素具有各种类名，每个类名都由 WordPress 添加，还包括你传递的类一个论点——具体来说，my-custom-class。

【解决方案2】：

一种选择是确保主题在<body> 标签内使用函数body_class()。

当我选择页面模板侧边栏模板 (wp-content/themes/twenty-eleven/sidebar-page.php) 时，page-template-<b>sidebar-page-php</b> 类出现在body 标记中：

【讨论】：