给“继续阅读”添加不同颜色
作为个人博客,想把首页做的像商业网站那样出彩是比较有难度的,加上内容不够丰富,很容易就会有单调或许久没更新的感觉。记得在上个主题的时候,给“继续阅读”加上了一些不一样的颜色,看起来还不错,偷懒挖出来分享一下。只是无聊的偷懒做法,有需要的可以酌情CP。
围观地址:【demo】
1、打开index.php,找到 while(have_posts())...
这一行,在之前添加计数器 $display = 1;
;接着找到 endwhile...
,在这行之前加入自增 $display ++;
。
2、接着给more-read这个链接添加背景,找到more-read的
之后打开function.php(直接往里写也可以),在合适的地方写入函数
1 2 3 4 5 6 |
//more-link color function get_color($num){ if($num <= 2 && $num > 0) {echo '#F06434';} else if( $num <= 4 && $num > 2) {echo '#6E8033';} else {echo '#710300';} } |
结束,实际效果【demo】。
这里只是拿“继续阅读”举个栗子,但是因为我把read-more链接另外写出来,而不是在content()里默认的,所以可能你的主题无法找到read more的链接。但是其他地方,比如标题、文章条目、评论条目等等地方都可以使用。类似的样式还可以做很多,比如换背景图片、进行文字大小变化、边距长宽高神马的,就看自己的需要了。
转载请注明转自:给“继续阅读”添加不同颜色
挺好啊, 此类工作还是交给js来做比较好吧
@phoetry 就是个样式嘛,无所谓了(主要是js文件后台不能编辑,还要开空间,手懒)
花俏点的主题可以玩玩
@zwwooooo 确实如此
修修又玩技术咯,围观一下
@万戈 只围观的切JJ
改程序我不会,博主懂得很多嘛
@南京康辉旅行社 一般吧
我去折腾一下。
够折腾的,呵呵~~~
@IM路人 有用处的话不怕这点折腾
想法不错
@流年 哈哈,没事折腾的可以试试
奶牛也来围观了,效果确实不错,很赞哦~~~
@奶牛 很久不见了
阿哥不是很懂
好像还没演示呢
@小年 有啊,在demo里的“继续阅读”
弄不来…我当初做博客什么都不会,就是继新浪博客搜狐博客都太卡之后萌生了自己弄个小网站的愿望,不卡比较舒服,弄得好点自己看着也好,反正就自己看看。。
@某宅 不过功能强点没啥坏处是不?
呵呵,这个到是没研究过呀
呵呵,还是不错呀,支持了
主题搞那么淫荡做神马哇
@N 淫荡多一点,生活美一点
这个主题好帅
@有点蓝 呵呵,谢谢啦