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

GD Star Rating
loading...

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

1、置顶

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

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

    置顶

    置顶

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

    置顶2

    置顶2

2、设置标题颜色

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

比如将一篇标题为

关于Zenoven自由人首页友情链接的一些说明及打算

的文章标题改颜色,可以把标题改为

<span style=”color:#F6882D”>[置顶]关于Zenoven自由人首页友情链接的一些说明及打算</span>

其中的color后面的颜色值可以自己替换,#F6882D即为下图中的橘黄色。

zhiding3

无插件简单技巧将WordPress文章置顶+高亮设置标题颜色, 4.0 out of 5 based on 1 rating

已有41条评论 发表评论

  1. iKan88 /

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

    GD Star Rating
    loading...
  2. ZDYBOKE /

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

    GD Star Rating
    loading...
  3. haozhu博客 /

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

    GD Star Rating
    loading...
  4. 烈火 /

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

    GD Star Rating
    loading...
  5. leeviny /

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

    GD Star Rating
    loading...
  6. ki33 /

    俄 为什么颜色变不了

    GD Star Rating
    loading...
  7. 网站建设 /

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

    GD Star Rating
    loading...
  8. 小羿 /

    才知道可以这样设置

    GD Star Rating
    loading...
  9. /

    不错

    GD Star Rating
    loading...
  10. 自耕农 /

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

    GD Star Rating
    loading...
  11. heson /

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

    GD Star Rating
    loading...
  12. BB霜 /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      嗯,是的~~

      GD Star Rating
      loading...
  13. 漳州SEO /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      呵呵,什么都可以改~~

      GD Star Rating
      loading...
  14. Solo /

    谢谢了,我拿去试试。

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      不客气

      GD Star Rating
      loading...
  15. 一心而已 /

    原来这么简单 啊

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

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

      GD Star Rating
      loading...
  16. 龙的传人 /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

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

      GD Star Rating
      loading...
  17. 0cai /

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

    GD Star Rating
    loading...
  18. 宇宙弦 /

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

    这个怎么弄,编辑文章的时候找不到设置的地方啊。

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
      1. 宇宙弦 /

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

        GD Star Rating
        loading...
  19. joy.cr /

    我的试过了不行啊

    GD Star Rating
    loading...
  20. 克莱登大学教授 /

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

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      呵呵,能帮助大家就好了

      GD Star Rating
      loading...
  21. SEAKA /

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

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
  22. 零次元 /

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

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
  23. XL /

    简单点。

    GD Star Rating
    loading...
  24. 卢松松 /

    最重要的是这句话

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      嗯,是啊。。。。

      GD Star Rating
      loading...
  25. Louis Han /

    原来还可以设置颜色 不错

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
  26. MuMu'S /

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

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
  27. 我心疯狂 /

    沙发…你才发现啊!哈哈

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...

发表评论