ZenOven's Archivers

From zenoven on 2009-10-15 02:12:43

无插件简单技巧将WordPress文章置顶+高亮设置标题颜色

近日想把一些文章置顶并且设置置顶文章的标题颜色,但是又不想用插件,便摸索起来。

1、置顶


WordPress自带的有置顶功能,有两种方法可以将文章置顶。

  1. 文章发表后在文章列表里面找到需要编辑的文章,点击文章标题下方的快速编辑,然后在出现的选项中将文章设置为置顶,如下图所示:

    [caption id="attachment_1829" align="alignnone" width="505"]<img class="size-full wp-image-1829" alt="置顶" src="http://www.zenoven.com/wp-content/2009/10/zhiding1.jpg" width="505" height="208" /> 置顶[/caption]

  2. 编辑文章,然后点击右侧的发布框里面公开度后面的编辑,如下图所示:

    [caption id="attachment_1828" align="alignnone" width="295"]<img class="size-full wp-image-1828" alt="置顶2" src="http://www.zenoven.com/wp-content/2009/10/zhiding22.jpg" width="295" height="351" /> 置顶2[/caption]


2、设置标题颜色


将文章置顶后其次就是设置文章的标题颜色了,这个WP里面并没有提供选项,但是我们可以在编辑文章的时候对文章标题设置CSS样式

比如将一篇标题为
关于Zenoven自由人首页友情链接的一些说明及打算
的文章标题改颜色,可以把标题改为
<span style="color:#F6882D">[置顶]关于Zenoven自由人首页友情链接的一些说明及打算</span>
其中的color后面的颜色值可以自己替换,#F6882D即为下图中的橘黄色。

<img class="size-full wp-image-663 alignnone" title="zhiding3" alt="zhiding3" src="http://www.zenoven.com/wp-content/2009/10/zhiding3.jpg" width="643" height="411" />

查看完整版本: 无插件简单技巧将WordPress文章置顶+高亮设置标题颜色

From 我心疯狂 on 2009-10-15 11:29:56

沙发...你才发现啊!哈哈

From MuMu'S on 2009-10-15 12:12:03

呵呵,还是比较简单实用。

From Louis Han on 2009-10-15 14:11:57

原来还可以设置颜色 不错

From 卢松松 on 2009-10-15 16:15:07

最重要的是这句话

From zenoven on 2009-10-15 20:26:42

呵呵。。。这个比较简单,但是功能也很简单

From zenoven on 2009-10-15 20:27:24

嗯。。。不想用插件了,而且我的要求也不高,目前这样做就够用了。

From zenoven on 2009-10-15 20:28:31

是啊,因为我以前在widget中添加个文本,给标题设置样式时发现不能用,而在给文章加样式时能用,所以有点欣喜~~

From zenoven on 2009-10-15 20:29:11

嗯,是啊。。。。

From XL on 2009-10-15 20:35:44

简单点。

From 零次元 on 2009-12-31 23:12:06

搜索百度时进来这里,可是我看不到你说的wp自带的置顶功能哦,请问怎么是实现的呢?谢谢

From zenoven on 2009-12-31 23:14:14

有啊,你点击第一个图片,放大后可以看到的(在快速编辑模式下)

From SEAKA on 2010-02-02 03:02:58

你好,请问有无办法能够让链接高亮的?

From zenoven on 2010-02-03 21:43:36

这个还没具体试过 呵呵,修改修改CSS应该可以的。

From 克莱登大学教授 on 2010-03-06 12:34:17

俺正在想如何把文章置顶的事。。谢了先。。

From zenoven on 2010-03-06 19:52:57

呵呵,能帮助大家就好了

From joy.cr on 2010-03-22 14:59:53

我的试过了不行啊

From 宇宙弦 on 2010-04-13 22:06:55

其次就是设置文章的标题颜色了,这个WP里面并没有提供选项,但是我们可以在编辑文章的时候对文章标题设置CSS样式 这个怎么弄,编辑文章的时候找不到设置的地方啊。

From zenoven on 2010-04-14 01:25:56

就是在标题上面加上HTML和CSS代码啊

From 宇宙弦 on 2010-04-14 10:33:11

:(24): 太感谢你了。没想到标题那也能识别html代码。谢谢!

From 0cai on 2010-05-09 10:30:27

解决了一个问题 向博主致敬!

From 龙的传人 on 2010-06-11 19:21:32

我的BLOG将几篇文章置顶后,生成随机文章的代码失效了,老是显示那几篇文章,即使取消了置顶也不行,只好忍痛将生成随杋文章的代码从边栏模板中删除。超级郁闷~

From 自由人 on 2010-06-11 19:52:13

不会吧。。。那个应该跟置顶没关系的啊,你装了别的插件没?

From 一心而已 on 2010-06-13 11:24:17

原来这么简单 啊

From 自由人 on 2010-06-13 14:05:40

呵呵,这个是很简单的小技巧

From Solo on 2010-08-16 00:34:18

谢谢了,我拿去试试。

From 自由人 on 2010-08-16 19:30:54

不客气

From 漳州SEO on 2010-08-25 15:45:06

颜色也可以改,真的太牛了 谢谢啦

From 自由人 on 2010-08-25 16:16:24

呵呵,什么都可以改~~

From BB霜 on 2010-11-26 10:36:14

有一个小问题就是,在文章目录显示的时候也会出现置顶这两个字啊

From 自由人 on 2010-11-26 14:46:12

嗯,是的~~

From heson on 2011-01-22 21:14:49

我的wp自带置顶不好用- - 怎么回事?情侣博客的原因!?

From 自耕农 on 2011-02-17 13:39:53

:(16): 不错 很好的办法

From on 2011-02-24 10:29:53

不错

From 小羿 on 2011-03-15 11:49:48

才知道可以这样设置

From 网站建设 on 2011-03-21 11:28:03

我也刚发现,顺便问一下,是置顶到分类页还是首页呢?

From ki33 on 2011-05-12 20:31:19

俄 为什么颜色变不了

From leeviny on 2011-05-26 03:39:19

话说我用的WP3.0后台可以设置置顶。文章标题颜色,我的是五颜六色的,可以到我的博客去瞧瞧

From 烈火 on 2012-09-10 14:04:58

新版本wp用这个不行吧,试了没成功

From haozhu博客 on 2012-11-26 09:23:16

哈啊哈···不错的方法··· :(1):

From ZDYBOKE on 2012-12-10 13:47:36

会错位啊,我用了下,什么原因呢

From iKan88 on 2013-10-06 05:05:35

很好的技巧,感谢博主分享!

Tags: WordPress, WP, 文章, 无插件, 标题, 置顶, 颜色, 高亮


©ZenOven