最新公告
  • 欢迎您光临大资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • WordPress教程:添加彩色标签云

    WordPress教程:添加彩色标签云 最后编辑:2021-02-04
    增值服务: 自动发货 使用说明 安装指导 环境配置二次开发BUG修复

    WordPress教程:添加彩色标签云

    • 标签云是很多WordPress主题都有的一个主题元素,今天就讲讲如何为你的主题添加彩色标签云,包括边栏调用和页面调用。
    • 1.调用标签云
    • 我们可以使用 wp_tag_cloud() 函数实现标签云的调用。比如下面的样例:
    • <?php wp_tag_cloud(‘smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC’);?>
    • 代码注释:
    • 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(‘|<a (.+?)>|i’,’colorCloudCallback’, $text);
    •     return $text;
    • }
    • function colorCloudCallback($matches) {
    •     $text = $matches[1];
    •     $color = dechex(rand(0,16777215));
    •     $pattern = ‘/style=(\’|\”)(.*)(\’|\”)/i’;
    •     $text = preg_replace($pattern, “style=\”color:#{$color};$2;\””, $text);
    •     return “<a $text>”;
    • }
    • add_filter(‘wp_tag_cloud’, ‘colorCloud’, 1);
    • 3.制作标签云页面
    • 你可以看看主题猫的标签云页面:http://ztmao.com/tags
    • 1)复制你主题的 page.php 文件,在该文件的顶部添加:
    • <?php
    • /*
    • Template Name: Tags
    • */
    • ?>
    • 2)使用下面的代码替换page.php中的 :
    • <?php wp_tag_cloud(‘smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC’);?>
    • 3)该页面一般不需要评论功能,删除 page.php 中下面的代码:
    • <?php if (comments_open()) comments_template( ”, true ); ?>
    • 4)你还可以根据自己的需要,删除page.php中的某些功能,最后将该文件另存为 page-tags.php ,这样,一个标签云模板就做好了。
    • 5)访问 WP后台-页面-新建页面,页面名称自己填,只需要在 页面属性 中,选择 tags 模板即可:
    • 4.边栏中调用标签云
      你可以使用下面的函数调用,具体的修改方法,就靠你自己折腾主题了:
      <?php wp_tag_cloud(‘smallest=12&largest=18&unit=px&number=20’);?>
      不过,一般制作比较规范的WordPress主题,都支持 Widget小工具,你可以在 WP后台-外观-小工具 中查看是否支持 标签云小工具。
      说明:本文只是告诉你如何实现彩色标签云,以及如何调用。但是具体的样式,就要靠你自己通过CSS代码实现了。

    猜你在找

    • 2021-02-04Hi,初次和大家见面了,请多关照!

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 3482249445@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系作者
    升级SVIP尊享更多特权立即升级
    My title page contents
    召唤伊斯特瓦尔