您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

WordPress添加tag标签页面的方法

凌香2025-03-25WordPress教程已有人查阅

导读今天发现一个站的tag标签页面挺好的,所以我就为Three主题也弄了这么一个tag标签页面,所以今天就将折腾的过程分享给大家。PS:下次Three主题升级到1.08版时将集成进去。

今天发现一个站的tag标签页面挺好的,所以我就为Three主题也弄了这么一个tag标签页面,所以今天就将折腾的过程分享给大家。PS:下次Three主题升级到1.08版时将集成进去。
具体操作步骤如下:
1、下载本站的提供的tag标签页面模板,并上传到Three主题文件夹内。
下载地址:
链接:http://pan.baidu.com/s/1gfnDWSb 密码:ow3k
2、在Three主题文件夹内的style.css文件之后面添加以下CSS代码:
/** TAG标签页 **/
.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}
3、登录WordPress后台新建一个页面,在“页面属性”的“模板”中选择“TAG页面模板”,然后【发布】即可。
至此,tag标签页面已经完成。

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)html5文章资讯新闻博客pbootcms网站模板下载本模板基于PbootCMS系统开发,为新闻资讯、博客类网站设计,特别适合各类文章内容的发布与管理。采用响应式技术,确保在不同设备上都能获得良好的阅读体验。查看源码
  • pbootcms模板(PC+WAP)微信小程序开发公司网站本模板为微信小程序开发代理、软件开发公司等企业设计,基于PbootCMS内核开发,支持PC+WAP双端响应式布局,数据实时同步,适用于多行业快速建站。查看源码
  • (自适应)蓝色基建施工工程建筑集团网站pbootcms模板下载为工程建筑、基建施工类企业打造的PbootCMS模板,采用现代化设计理念,突出企业实力与项目展示,帮助建筑类企业快速建立专业在线门户。查看源码
  • 自适应车行汽车租赁二手车行业企业网站模板为汽车租赁与二手车交易场景深度优化,采用PbootCMS内核开发,聚焦车辆展示、租赁流程与服务介绍三大核心模块。响应式布局确保PC与移动端数据实时同步,后台一键管理车辆信息查看源码
  • (PC+WAP)红色户外岗亭钢结构岗亭pbootcms网站模板为钢结构岗亭、户外设施企业打造的高端响应式营销门户,基于PbootCMS开源内核深度开发,采用HTML5自适应架构,实现PC与移动端数据实时同步展示。查看源码
  • (PC+WAP)红色家装设计智能家居家具建材pbootcms网站源码下载本模板基于PbootCMS系统开发,为智能家居、家装设计及家具建材行业设计。采用现代化布局风格,突出家居设计行业特色,适合展示各类家居产品、设计方案和建材信息。查看源码
分享笔记 (共有 篇笔记)
验证码: