今天在逛知更鸟博客的时候,发现他的那个tag标签页面挺好的,所以我就为Three主题也弄了这么一个tag标签页面,所以今天就将折腾的过程分享给大家。PS:下次Three主题升级到1.08版时将集成进去。
具体操作步骤如下:
1、下载本站的提供的tag标签页面模板,并上传到Three主题文件夹内。
2、在Three主题文件夹内的style.css文件最后面添加以下CSS代码:
- /** TAG标签页 **/
- .page-template-template-tag #primary{width:100%;}
- #tag_letter{margin-left:13px}
- #tag_letter li{list-style: none;float:left;background:#08c;width:31px;height:31px;line-height:31px;color:#a5a5a5;text-align:center;margin:4px;border-radius:2px}
- #tag_letter li:hover{background:#c40000}
- #tag_letter li a{color:#fff;display:block}
- #all_tags{margin:30px 6px;clear:both}
- #all_tags li {list-style: none;}
- #all_tags h4{margin:-70px 0 0 5px;padding:70px 0 30px 0;height:40px;border-bottom:1px dashed #dadada}
- #all_tags li a{margin:5px;color: #a9a9a9;}
- #all_tags li a:hover{text-decoration:underline;color:#c40000}
3、登录WordPress后台新建一个页面,在“页面属性”的“模板”中选择“TAG页面模板”,然后【发布】即可。
至此,tag标签页面已经完成,效果图如下:
你可能感兴趣的文章
懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!
版权声明:本文为原创文章,版权归
发表于2015-09-05 13:16 沙发
博主真是一个技术控啊
@微童年[呲牙] 没有那么夸张,都是求助百度解决的
发表于2015-09-05 13:33 板凳
这样的话,标签就更好的利用起来了。收藏
@守心斋嗯,有了这个标签页面,以后写文章弄标签就不会乱来了,我现在有很多标签只有一篇文章,明显不合格
@懿古今嗯嗯,除了一篇文章这种不太合理的,还有一些类似的标签,可以合并。可以好好整理下。
@守心斋当初不懂,都是随心设置的,现在有了这个页面,以后就参考这个页面的tag标签来设置了
发表于2015-09-05 21:42 地板
技术帝呀
@可乐兔[呲牙] 没有那么夸张
发表于2015-09-07 08:33 4楼
有了这个标签页面,以后写文章弄标签就不会乱来了
@宝赚金股票嗯,这个应该就是tag标签页最大的作用了。我以前都是随便写的标签,太乱了
发表于2015-09-07 13:42 5楼
可以很清楚地看到有哪些标签。
@李明是的,这样以后写文章就可以从标签库中挑选了,就不会出现太多类似的标签了
发表于2015-10-12 23:48 6楼
这个大神收徒弟吗我去,叼
@榆林seo[偷笑] 你可以问问知更鸟大神,能做他徒弟肯定很强悍
发表于2017-12-30 21:55 7楼
请问一下博主,我用你这个方法 为什么tag显示不全 只显示部分tag标签?
@~这个只是在Three主题的教程,其他主题就不懂了
发表于2023-05-25 13:44 8楼
这个是你开发的主题吧?我记得!
@明月登楼早已停更多年了,源文件都不知道扔哪去了,很久不玩WordPress代码了