如何为WordPress中各篇日志单独定义样式

当你日常使用WordPress发布文章时候,有没有想过单独改变某篇或某些文章的样式呢?使其与众不同,或者是让它的背景颜色不一样?又或者是让它的字体大小不一样等。这里介绍一个简单的方法,使你可以自由地对任意文章的样式进行更改。

在这里我们会用到<?php the_ID(); ?>这个函数。我们在WordPress的后台文章管理中能看到每篇文章都有一个属于自己的ID号。通过调用这个函数,我们可以根据ID号对指定文章进行单独的样式定义。

譬如在我的WordPress主题模板的index.php内,有如下的一段代码:

snap1 thumb 如何为WordPress中各篇日志单独定义样式

它决定了首页文章的显示内容和布局,具体根据各位使用的模板不同而有所不同。为了利用上面提及的文章ID号对其进行样式定义,对该代码改变如下:

snap3 thumb 如何为WordPress中各篇日志单独定义样式

其中黄色高亮的为需要增加的代码(如下红色字段):

<div class="post" id="post-<?php the_ID(); ?>">
原样式内容
</div>

当完成上述更改后,我们现在就可以在style.css文件中增加对指定文章的样式定义语句了。如对ID号为200的文章,样式定义如下:

#post-200 { background: #113355; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }#post-200 h2 {font-family: Georgia, Verdana, Arial; font-size: 1.2em; }

上面分别对ID号为200的文章重新定义了背景颜色,字体样式及h2标题的字体大小和样式。如还需进行其它定义,相信大家能举一反三,增加相应的定义代码。

分类:WordPress;标签:, ;收藏本文的永久链接

13 Responses to “如何为WordPress中各篇日志单独定义样式”

  1. 北极冰仔 回复此留言 2007/06/14 09:45 #comment-1646

    8错8错,推荐了。

  2. hhalloyy 回复此留言 2007/06/14 11:14 #comment-1645

    这样一对一可以直接在写post时自己利用代码实现。

    不如给不同分类定义样式,这样便能够自动实现样式匹配。

  3. 央街浪子 回复此留言 2007/06/14 13:27 #comment-1644

    来访来访!如果能做成by category的插件,相信应该对新手有好处,熟手嘛,怎么玩都成呢

  4. venson 回复此留言 2007/06/15 04:52 #comment-1642

    单双数的Post 怎么定义呢?

  5. 酷辣客 回复此留言 2007/06/17 15:58 #comment-1647

    好文,搜藏

  6. ffxk 回复此留言 2007/06/17 15:59 #comment-1648

    这样是不是太麻烦了,有没有更好的办法。

    一个文章定义一组CSS ID,要是有很多文章都需要定义,那CSS文章不是很大.

  7. Jinwen 回复此留言 2007/06/19 07:54 #comment-1649

    觉得如果每篇文章也定义样式当然不好。这种方法用来在某一时间内特别定义一些文章还可以。

  8. venson 回复此留言 2007/07/02 06:19 #comment-1651

    还没有回答我的问题:单双数的Post 怎么定义呢?
    就是让post像一些模板中的comment一样,background两种颜色,交替出现......

  9. lecoo 回复此留言 2007/07/19 02:19 #comment-1652

    嗯,受用,谢了!


The trackbacks and pingpacks: