在索引页上以不同的字体大小显示标题

时间:2013-01-31 作者:Komal Chauhan

任何wordpress博客的索引页标题中的字体大小都相同。我们不能自己为每篇文章调整标题的大小吗?

如果我们用CSS更改它,每个标题都会更改。或者我们可以为它创建一个短代码?有什么线索可以开始吗?

2 个回复
SO网友:s_ha_dum

如果主题正在使用body_class 应该是这样的,你可以用你的CSS定位任何你想要的页面。例如,目标是所有h1 上的标记author 第页。

.author h1 {
  color:red;
}
或全部h2 在任何类型的存档页面上:

.archive h2 {
  color:red;
}
查看Codex页面上的列表,或仅查看相关页面上的源代码并查找<body 然后读取classes。

SO网友:Colin Johnston

如果您希望仅在主页上有一个唯一的标题(即H1样式),可以通过两种方式实现。

首选方法是仅为主页上的H1创建自定义样式。大多数主题生成主体类,如“主页”、“页面”、“博客”等。使用“主页”页面的主体类,您可以将以下内容添加到样式中。主题目录中的css文件:

body.home H1 {
    (your custom style here)
}
另一种方法是使用自定义查询修改模板文件,并为指定的页面/内容插入自己的代码。如果您正在更改主页上的博客帖子的H1,那么您将修改2012年的内容。包含以下内容的php文件:

<?php if (is_home()): ?>
    (your H1 line goes here)
<?php endif; ?> 
您将在内容的标题部分看到类似的代码。php,它将向您展示模板如何处理页面是否为单篇文章。你可以任意调整。可在此处找到身体类别列表http://codex.wordpress.org/Function_Reference/body_class

最好将演示文稿的更改(样式)与结构(布局)分开。如果您只想更改style H1的。如果你想定制layout 您可能希望探索从头开始创建自定义模板。有关此方法的更多信息,请参见此处http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates

我希望这有帮助!

结束

相关推荐

CSS样式在自定义Metabox中不起作用

我在设计自定义帖子的元框内容时遇到了一些困难。未应用CSS样式。根据我在另一篇帖子上读到的内容,我做了一个非常简单的测试。metabox创建:add_meta_box(\'wpptabs_company_details\', __(\'The Meta box name\', \'wpptabs\'), array(&$this, \'render_meta_content\'), \'wpptabs\', \'normal\', \'high\'); Meteabox含量:<la