给“继续阅读”添加不同颜色
作为个人博客,想把首页做的像商业网站那样出彩是比较有难度的,加上内容不够丰富,很容易就会有单调或许久没更新的感觉。记得在上个主题的时候,给“继续阅读”加上了一些不一样的颜色,看起来还不错,偷懒挖出来分享一下。只是无聊的偷懒做法,有需要的可以酌情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的链接。但是其他地方,比如标题、文章条目、评论条目等等地方都可以使用。类似的样式还可以做很多,比如换背景图片、进行文字大小变化、边距长宽高神马的,就看自己的需要了。
转载请注明转自:给“继续阅读”添加不同颜色
看来你也是喜欢折腾的啊。
@NIUPR 我相当喜欢折腾
添砖加瓦,美化博客。
@严重浪漫 欢迎添瓦
演示的主题很漂亮。
这个有意思嘿 去折腾一下 看看好看不
@Veezy 无聊的话可以试试
@axiu 好想试试
小地方美化一下,积累起来就是很精致的个人博客
@Bee君 就是这么个道理