WordPress标签页面(字母表顺序排序)

wordpress tags

排序实现起来还是比较简单的,贴一下核心代码,具体代码可以在github中查看(文章尾部提供下载),能看懂最好,看不懂也没什么关系,反正复制粘贴就可以了。

首先是需要加载Pinyin.class.php这个文件,之后就是自定义页面了。新建页面的方法我就不谈了,网上很多,我只贴出内容打印部分,只要把template-tag.php中的内容放到loop里就可以了。

参考css样式

#tag-nav ul  li{display:inline-block;margin:10px}
#tag-nav ul  li a{border:1px solid #DDDDDD;color:#3B5998;padding:5px 6px;text-align:center;width:20px;display:inline-block}
#tag-nav ul  li .noclick{background-color:#FAFAFA;border:1px solid #EEEEEE;color:#EEEEEE}
.tags-all-list{margin:10px 20px}
.tags-all-list dl{border-bottom:1px dashed #CCCCCC;margin:20px 0;padding:10px 0}
.tags-all-list dt{float:left;font-size:28px;line-height:23px;text-align:center;width:70px; font-style: oblique;}
.tags-all-list dd{margin-left:70px}
ul.inline,ol.inline{list-style:none outside none;margin-left:0}
.tags-all-list dd li{margin:10px 10px 10px 0}
.tags-all-list dd li a{color:#3B5998}
ul.inline > li,ol.inline > li{display:inline-block;padding-left:5px;padding-right:5px}
.tags-all-list .set-tags{margin-left:5px;position:relative;top:-6px}

github地址

展开评论