WordPress制作一个首字母排序的标签页面
2015-12-21 12:52
218 查看
很早就想制作这样一个页面了,废话不多说,
先看看效果:传送门
在网上找了很多的代码,试了很久,修改了一些代码,最终就达到了现在的效果。
实现方法:(里面增加了缓存功能,打开页面更快,对数据进行了缓存,不用每次打开页面都查询所有标签然后按首字母分类。)
1.在functions.php函数文件中添加以下代码:
展开/收缩
2.复制一份page.php,然后更名为page-tag.php,然后上传到cpanel面板和page.php相同的路径下面
3.在page-tag.php中最上面添加下面代码:
4.把page-tag.php页面中的下面代码
修改为:
5.在style.css中加入下面的代码,我根据网上的代码修改了很多,比如开始的时候有li标签的小方块,之后我自己去掉了,又比如开始的时候宽度和我的主题不适合,之后我使用审查元素自己找到问题然后修改了,最后就有了下面的CSS代码:
上面的这些CSS代码可能不适合你的主题,有任何问题请评论留言。我会尽快回复。
6.新建一个页面,名字就写“标签”,内容不写,右边的“模板”选择Tags,然后保存即可,最后可以像我一样在菜单中添加标签页的链接就可以了哦!
参考网址:
1.http://blog.0660hf.com/261.html
2.http://9iphp.com/opensystem/wordpress/895.html
先看看效果:传送门
在网上找了很多的代码,试了很久,修改了一些代码,最终就达到了现在的效果。
实现方法:(里面增加了缓存功能,打开页面更快,对数据进行了缓存,不用每次打开页面都查询所有标签然后按首字母分类。)
1.在functions.php函数文件中添加以下代码:
展开/收缩
3.在page-tag.php中最上面添加下面代码:
6.新建一个页面,名字就写“标签”,内容不写,右边的“模板”选择Tags,然后保存即可,最后可以像我一样在菜单中添加标签页的链接就可以了哦!
参考网址:
1.http://blog.0660hf.com/261.html
2.http://9iphp.com/opensystem/wordpress/895.html
相关文章推荐
- 如何设计一门语言(一)——什么是坑(a)
- START
- 生产者/消费者问题的多种Java实现方式
- 将Sublime Text3添加到右键菜单中
- 腾讯企业邮箱又一次隐藏了qq邮件列表的入口
- SVM入门(四)线性分类器的求解——问题的描述Part1
- INSERT INTO SELECT和SELECT INTO两种表复制语句
- nginx域名转发 负载均衡 反向代理
- WordPress制作圆形头像友情链接页面的方法
- git教程
- Mysql优化(一)—Sql语句
- SVM入门(一)至(三)Refresh
- iOS中怎么转为UTF-8
- oracle 两个时间相减
- converview打两个tag
- 模糊检测BlurDetection using wavelet transform
- html中的table
- 排序算法-InsertSort-插入排序
- U盘安装Win7操作系统
- 免插件为WordPress文章中标签添加内链