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{width:100%;}
  3. #tag_letter{margin-left:13px}
  4. #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}
  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標簽頁面


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM