排序实现起来还是比较简单的,贴一下核心代码,具体代码可以在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}