2KB项目,专业的源码交易网站 帮助 收藏 每日签到

WordPress教程:添加彩色标签云

  • 时间:2019-01-31 02:14 编辑:2KB 来源:2KB.COM 阅读:306
  • 扫一扫,手机访问
  • 分享
摘要: 标签云是很多WordPress主题都有的一个主题元素,今天就讲讲如何为你的主题添加彩色标签云,包括边栏调用和页面调用。 1.调用标签云 我们可以使用 wp_tag_cloud() 函数实现标签云的调用。比如下面的样例: <?php wp_tag_c
标签云是很多WordPress主题都有的一个主题元素,今天就讲讲如何为你的主题添加彩色标签云,包括边栏调用和页面调用。 1.调用标签云 我们可以使用 wp_tag_cloud() 函数实现标签云的调用。比如下面的样例: <?php wp_tag_cloud(&#39;smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC&#39;);?> 代码注释: smallest表示标签的最小字号 largest表示最大字号 unit=px表示字体使用像素单位 number=0表示显示所有标签,如果为40,表示显示40个 orderby=count表示按照标签所关联的文章数来排列 order=DESC表示降序排序(ASC表示升序排序,DESC表示降序排序) 更多 wp_tag_cloud() 参数,请参考 WordPress文档 wp tag cloud 2.添加彩色功能 根据上面的参数,你已经可以调用出标签云了,将下面的代码添加到wordpress企业主题的 functions.php 的最后一个 ?> 前面即可实现彩色: //边栏彩色标签 function colorCloud($text) {     $text = preg_replace_callback(&#39;|<a (.+?)>|i&#39;,&#39;colorCloudCallback&#39;, $text);     return $text; } function colorCloudCallback($matches) {     $text = $matches[1];     $color = dechex(rand(0,16777215));     $pattern = &#39;/style=(&#39;|”)(.*)(&#39;|”)/i&#39;;     $text = preg_replace($pattern, "style="color:#{$color};$2;"", $text);     return "<a $text>"; } add_filter(&#39;wp_tag_cloud&#39;, &#39;colorCloud&#39;, 1); 3.制作标签云页面 你可以看看主题猫的标签云页面:http://ztmao.com/tags 1)复制你主题的 page.php 文件,在该文件的顶部添加: <?php /* Template Name: Tags */ ?> 2)使用下面的代码替换page.php中的 : <?php wp_tag_cloud(&#39;smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC&#39;);?> 3)该页面一般不需要评论功能,删除 page.php 中下面的代码: <?php if (comments_open()) comments_template( &#39;&#39;, true ); ?> 4)你还可以根据自己的需要,删除page.php中的某些功能,最后将该文件另存为 page-tags.php ,这样,一个标签云模板就做好了。 5)访问 WP后台-页面-新建页面,页面名称自己填,只需要在 页面属性 中,选择 tags 模板即可: 4.边栏中调用标签云 你可以使用下面的函数调用,具体的修改方法,就靠你自己折腾主题了: <?php wp_tag_cloud(&#39;smallest=12&largest=18&unit=px&number=20&#39;);?> 不过,一般制作比较规范的WordPress主题,都支持 Widget小工具,你可以在 WP后台-外观-小工具 中查看是否支持 标签云小工具。 说明:本文只是告诉你如何实现彩色标签云,以及如何调用。但是具体的样式,就要靠你自己通过CSS代码实现了。


2KB项目(www.2kb.com,源码交易平台),提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务

  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【计算机/互联网|】Nginx出现502错误(2020-01-20 21:02)
【计算机/互联网|】网站运营全智能软手V0.1版发布(2020-01-20 12:16)
【计算机/互联网|】淘宝这是怎么了?(2020-01-19 19:15)
【行业动态|】谷歌关闭小米智能摄像头,因为窃听器显示了陌生人家中的照片(2020-01-15 09:42)
【行业动态|】据报道谷歌新闻终止了数字杂志,退还主动订阅(2020-01-15 09:39)
【行业动态|】康佳将OLED电视带到美国与LG和索尼竞争(2020-01-15 09:38)
【行业动态|】2020年最佳AV接收机(2020-01-15 09:35)
【行业动态|】2020年最佳流媒体设备:Roku,Apple TV,Firebar,Chromecast等(2020-01-15 09:31)
【行业动态|】CES 2020预览:更多的流媒体服务和订阅即将到来(2020-01-08 21:41)
【行业动态|】从埃隆·马斯克到杰夫·贝佐斯,这30位人物定义了2010年代(2020-01-01 15:14)
联系我们

Q Q: 7090832

电话:400-0011-990

邮箱:7090832@qq.com

时间:9:00-23:00

联系客服
商家入住 服务咨询 投拆建议 联系客服
0577-67068160
手机版

扫一扫进手机版
返回顶部