zoukankan      html  css  js  c++  java
  • WordPress如何添加tag标签页面

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

    具体操作步骤如下:

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

    下载地址:

    链接:http://pan.baidu.com/s/1gfnDWSb 密码:ow3k
     

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

    1. /** TAG标签页 **/
    2. .page-template-template-tag #primary{100%;}
    3. #tag_letter{margin-left:13px}
    4. #tag_letter li{list-style: none;float:left;background:#08c;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-style: none;}
    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标签页面

  • 相关阅读:
    课程引言作业一
    多态与异常处理动手动脑
    大道至简第七八章阅读笔记
    继承与接口动手动脑
    大道至简第六章阅读笔记
    数组课后作业
    第5章 Linux网络编程基础
    第六章 高级I/O函数
    第4章 TCP/IP通信案例:访问Internet上的Web服务器
    第3章 TCP协议详解
  • 原文地址:https://www.cnblogs.com/wpxuexi/p/7234040.html
Copyright © 2011-2022 走看看