Three主题如何添加tag标签页面

原创 懿古今  2015-09-05  阅读 1,371 次

今天在逛知更鸟博客的时候,发现他的那个tag标签页面挺好的,所以我就为Three主题也弄了这么一个tag标签页面,所以今天就将折腾的过程分享给大家。PS:下次Three主题升级到1.08版时将集成进去。

具体操作步骤如下:

1、下载本站的提供的tag标签页面模板,并上传到Three主题文件夹内。

2、在Three主题文件夹内的style.css文件最后面添加以下CSS代码:

  1. /** TAG标签页 **/
  2. .page-template-template-tag #primary{width:100%;}
  3. #tag_letter{margin-left:13px}
  4. #tag_letter li{list-stylenone;float:left;background:#08c;width:31px;height:31px;line-height:31px;color:#a5a5a5;text-align:center;margin:4px;border-radius:2px}
  5. #tag_letter li:hover{background:#c40000}
  6. #tag_letter li a{color:#fff;display:block}
  7. #all_tags{margin:30px 6px;clear:both}
  8. #all_tags li {list-stylenone;}
  9. #all_tags h4{margin:-70px 0 0 5px;padding:70px 0 30px 0;height:40px;border-bottom:1px dashed #dadada}
  10. #all_tags li a{margin:5px;color#a9a9a9;}
  11. #all_tags li a:hover{text-decoration:underline;color:#c40000}

3、登录WordPress后台新建一个页面,在“页面属性”的“模板”中选择“TAG页面模板”,然后【发布】即可。

至此,tag标签页面已经完成,效果图如下:

Three主题如何添加tag标签页面

历史上的今天:

本文地址:http://yigujin.cn/446.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!

文件下载

boke112导航-免费收录独立博客

WordPress免费清新BLOG/CMS响应式主题Nana专题文章
WordPress免费响应式主题:Nana

发表评论


表情

  1. 榆林seo
    榆林seo 【农民】 @回复

    这个大神收徒弟吗我去,叼

    • 懿古今
      懿古今【站长】 @回复

      @榆林seo [偷笑] 你可以问问知更鸟大神,能做他徒弟肯定很强悍

  2. 李明
    李明 【镇长】 @回复

    可以很清楚地看到有哪些标签。

    • 懿古今
      懿古今【站长】 @回复

      @李明 是的,这样以后写文章就可以从标签库中挑选了,就不会出现太多类似的标签了

  3. 宝赚金股票
    宝赚金股票 【镇长】 @回复

    有了这个标签页面,以后写文章弄标签就不会乱来了

    • 懿古今
      懿古今【站长】 @回复

      @宝赚金股票 嗯,这个应该就是tag标签页最大的作用了。我以前都是随便写的标签,太乱了

  4. 可乐兔
    可乐兔 【队长】 @回复

    技术帝呀

  5. 守心斋
    守心斋 【市长】 @回复

    这样的话,标签就更好的利用起来了。收藏

    • 懿古今
      懿古今【站长】 @回复

      @守心斋 嗯,有了这个标签页面,以后写文章弄标签就不会乱来了,我现在有很多标签只有一篇文章,明显不合格

      • 守心斋
        守心斋 【市长】 @回复

        @懿古今 嗯嗯,除了一篇文章这种不太合理的,还有一些类似的标签,可以合并。可以好好整理下。

        • 懿古今
          懿古今【站长】

          @守心斋 当初不懂,都是随心设置的,现在有了这个页面,以后就参考这个页面的tag标签来设置了

  6. 微童年
    微童年 【市长】 @回复

    博主真是一个技术控啊