WordPress技巧:页面上的指定链接文字使用特殊颜色 – 千丝海阁

首页 » Wordpress » WordPress技巧:页面上的指定链接文字使用特殊颜色

WordPress技巧:页面上的指定链接文字使用特殊颜色

4253 16

因为昨天加了一个封神榜的(原先叫名人堂,今天已改名为封神榜)功能,在页面上方导航条的位置,这个位置其实不怎么显眼,那要怎么样才能醒目呢?tiandi首先想到的是颜色,利用和其他导航条使用不同颜色来达到最终目的。

醒目颜色

可以用多种方法来实现这种目的效果,这里tiandi用了最简单jq来实现,代码如下:

// 页内指定文字链接使用醒目颜色
$("a").each(function(i){
	if($(this).text() == "☆封神榜☆")    //匹配字符串
		$(this).css("color","#6AB5FF");   //特殊颜色
});

其实如果做得更好一点,则可以将上面的匹配字符串和特殊颜色都定义在主题的option里。这样以后每次更改的时候,不需要改源码文件,而只要更改主题选项即可。

文章评分1次,平均分5.0

本文原始地址:https://www.tiandiyoyo.com/2013/07/how-to-change-color-for-link/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

您可能还会对以下文章感兴趣:

    没有相关的文章

评论前先开启评论开关:


16 Comments

  1. 34区 :

    云推荐把自适应给毁了

  2. 这样的话,就有点麻烦了吧。。。

  3. Alex :

    这不错,收藏了,下次要用就方便了。

  4. 大发 :

    每个菜单都是单独的class,直接操作它就行了

  5. 番茄 :

    喜欢中国风!不错!

  6. 颜色鲜明确实有助于辨别。封神榜都是千年的狐狸……

  7. Wll·E :

    封神榜页面做的更拉风~~

  8. 这一招用是有用,就是不好操作啊!

  9. Betty :

    在这里总能学到新招,虽然有些东西实际操作起来真为难我这菜鸟

  10. 不用那么麻烦,找到相应的 id ,到后台设置 css 就行了啊。

    • tiandi :

      有时候,没有ID的,比如导航条这个,是wp生成的,参数又没给$before和$after。。。只能用这个办法了。

载入分页评论...