改变背景,颜色,字体在特定的页面

更新

打开任何WordPress主题,在header.php文件中你可能会看到:

身体< < ?php body_class ();? > >

body_class()函数是一个简洁的小函数,它输出CSS类,例如,可以方便地更改About页面的背景颜色。很容易找到特定的CSS类的目标。你可以这样做:

查看任何页面的源代码并搜索标签。例如,在这个页面上,标签看起来是这样的:


         

class= " "是我们在本技巧中主要感兴趣的部分。每一个CSS类(single, single-tips, post -2811等)都为我们提供了用于样式表的CSS钩子,如下所示:

.single {background: #ededed url(http://example.com/images/this-is-your-background-image.jpg) repeat top left;} . postd -2811{背景色:#ccc;}

正如你所看到的,WordPress允许对每个页面的CSS进行粒度控制。下面是上面每个类的作用域:

  • .single -所有单职位,适用于所有职位
  • .single tips -所有单tips,适用于所有小贴士
  • .post -2811 -只适用于这个特定的帖子,不适用于其他任何帖子
  • .single-format-standard -适用于所有选择“标准”格式的帖子
  • .logged-in -仅显示已登录的用户
  • .admin-bar -仅显示管理员栏是否被启用
  • .browser- Chrome -仅当用户使用谷歌Chrome浏览器时显示。这些类根据使用的浏览器而变化。

很整洁的,不是吗?您甚至可以放大字体、修改字体颜色,或者通过针对样式表中的这些CSS类来真正改变任何东西。例如,下面是你如何放大段落字体仅在一篇文章:

.single p {font-size: 1.2em;}

这很容易走极端。请不要。设计一致性在网页设计中很重要。也就是说,上面的主体类将允许你用一点CSS在WordPress中对每个页面或帖子进行不同的样式设置。

通讯
加入了280000年独立网站所有者

下一个加入我们每月通讯的人将获得25%的优惠!

我们保证100%的隐私。你的信息不会被分享。

这一项已入账。书签的永久链接

发布的他在Graph Paper Press工作

Thad是Theme的创始人。作品和图形纸印刷机。此前,他曾为《今日美国》制作在线多媒体和纪录片项目,包括奥巴马总统的就职典礼等。他和妻子艾比住在纽约布鲁克林。

关于“改变特定页面的背景、颜色和字体”的19个想法

  1. 感谢。但是我还是不明白如何改变一个特定的帖子的背景颜色。我希望我的常规主题保持原样,但我希望能够写一个简短的说明(例如,一个更正词或宣布一些东西等),让这个帖子凭借自己的背景脱颖而出。最好的方法是什么?
    谢谢

    1. 你好德里克,你应该能够选择元素(如:身体),你想改变背景颜色属性,然后定义新的背景颜色的元素在文件中你的css定义(这应该是style.css在你的子主题)。

  2. 如果一个启用了一个主题(矿山coraline),你如何改变整个博客的背景和字体颜色?在自定义主题中是否有特定的设置?

  3. 我正在试图编辑的页面上寻找标签,特别是home.php,但我不能在任何地方找到它。我是不是错过了这个过程中的一个步骤?我应该编辑一些东西,而不是home.php来改变背景颜色吗?

    谢谢!

  4. 嗨,萨德。我真的很兴奋找到这个页面,但我不能应用什么,你显示到我的网站。对于特定的页面,我插入到style.css的CSS是什么?我把”。Page Page -id-342 {background-color:red;} "进入我的主样式表style.css,它是不工作的。我从源头找到的,你能帮帮我吗?任何能够说明如何覆盖wordpress CSS的挑战,如我,将获得大量的网络流量。我希望你能拔出来!

  5. 嗨萨德,我真的很喜欢“全帧”的主题,但我有一个问题,改变身体的颜色。我把它放到CSS编辑器中;

    background-color: rgba(215, 44, 44, 0.5);}

    没有结果。

    我已经尝试了你上面所做的一切,我按照你的建议去这里

    http://www.css3maker.com/css-3-rgba.html#

    从另一个线程,仍然没有…

    我做错什么了?

  6. 谢谢你的信息!
    我的主题只允许使用一种颜色-绿色。所有的菜单字母都是绿色的,等等。它们还会在style.css文件中吗?附注:我用的是kage绿色主题

留下一个回复