主页上的不同风格和帖子wordpress

时间:2013-11-19 08:34:14

标签: wordpress css3

我是设计/开发的新手,但想快速学习。它是一个Wordpress网站,我无法弄清楚如何设置主页和帖子的样式不同。当我更改主题选项中的设置时,它会统一更改所有内容。这是网站:http://blog.kaprayonline.pk/

查看主页面上的杂志样式块,我希望它们的正文字体为12和标题14。 当我点击这些链接时,帖子字体我想要大小14和标题42.我查看了style.css并对子主题进行了很多更改但到目前为止都没有成功。

此外,我正在尝试创建一个像这里的块或容器(身体中的那些):blog.motelrocks.com到目前为止已经了解了砌体脚本,但仍然对如何制作这样的块无能为力..请帮助!

1 个答案:

答案 0 :(得分:1)

使用WordPress body_class()根据显示的页面类型将类列表附加到<body>元素。

这有助于您区分“主页”和“帖子”。您可以在http://quirm.net/2009/08/07/changing-headers-with-wordpress-body_class/

找到更多详细信息

更新

刚刚检查过,您的主题已将类home附加到主页的<body>元素,同时它将single作为类附加到帖子的<body>元素。所以现在使用CSS选择器,您可以轻松编写区分主页和帖子页面的CSS。

一个简单的例子可能是

.home div {
 background-color: #fff;
}

.single div {
 background-color: #000;
}

这将在白色背景下绘制所有Div主页,在黑色背景的帖子中绘制所有Div

有关CSS选择器https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

的详细信息,请访问此链接