Axiu logo
WP札记1 min read

给“继续阅读”添加不同颜色

M
Max
写代码,也记录生活里的小片段。
作为个人博客,想把首页做的像商业网站那样出彩是比较有难度的,加上内容不够丰富,很容易就会有单调或许久没更新的感觉。记得在上个主题的时候,给“继续阅读”加上了一些不一样的颜色,看起来还不错,偷懒挖出来分享一下。只是无聊的偷懒做法,有需要的可以酌情CP。
围观地址:【demo
1、打开index.php,找到 while(have_posts())... 这一行,在之前添加计数器 $display = 1;;接着找到 endwhile...,在这行之前加入自增 $display ++;
2、接着给more-read这个链接添加背景,找到more-read的style=”background:“
之后打开function.php(直接往里写也可以),在合适的地方写入函数
//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的链接。但是其他地方,比如标题、文章条目、评论条目等等地方都可以使用。类似的样式还可以做很多,比如换背景图片、进行文字大小变化、边距长宽高神马的,就看自己的需要了。
#WP札记
最后编辑于
Comments
目录
正在生成目录...
Think & Echo