今天在逛知更鳥博客的時候,發現他的那個tag標籤頁面挺好的,因此我就爲Three主題也弄了這麼一個tag標籤頁面,因此今天就將折騰的過程分享給你們。PS:下次Three主題升級到1.08版時將集成進去。css
具體操做步驟以下:ide
一、下載本站的提供的tag標籤頁面模板,並上傳到Three主題文件夾內。spa
下載地址:博客
連接:http://pan.baidu.com/s/1gfnDWSb 密碼:ow3k
二、在Three主題文件夾內的style.css文件最後面添加如下CSS代碼:string
- .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}
三、登陸WordPress後臺新建一個頁面,在「頁面屬性」的「模板」中選擇「TAG頁面模板」,而後【發佈】便可。it
至此,tag標籤頁面已經完成,效果圖以下:io
