学课技术网
专注PHP学习资源

不用插件也能给wordpress主题实现彩色标签云效果

不用插件也能给wordpress主题实现彩色标签云效果 在2021-12-20 09:11 进行了更新,本站所有内容仅供大家仅供学习交流使用,请勿转载传播,严禁用于商业用途,请于24小时内删除,请支持正版!!!

怎样不用插件在wordpress中实现彩色标签云效果?使用wordpress的朋友大多都喜欢用插件来实现彩色标签云的效果,这样是比较方便,但是,如果插件用多了,会对系统产生拖累。所以,我这里跟大家分享一下我使用成功了的“标签云”代码,希望对需要的朋友有所帮助。

具体方法;
以自己为例好了,在主题的侧边栏sidebar.php文件中添加下面这句代码(当然,你可以添加到任何需要的文件中的任何地方):

<?php wp_tag_cloud(‘ssmallest=8&largest=20&number=30&orderby=count&order=DESC’); ?>

其中参数可以根据自己的需要来设置,下面是它的一些参数:

smallest和largest用来设置最小(默认8)和最大(默认22)字号
unit 标签云字体所使用的单位:pt(默认),em,px等
number 显示书签的数量:0时为显示全部,默认显示45个
format 标签云的样式:flat(默认)-标签之间隔开排列;list-列表形式
orderby 标签云依据:name(默认)-按字母;count-按频率
order 排序顺序:ASC(默认)-按升序;DESC-按降序
exclude 排除某个标签。每个标签都有一个ID,如果你希望哪一个标签不显示,那就用’exclude=此标签ID′。那相应的标签就不会显示。默认显示全部。
include 包括某个标签。跟 exclude相反。如果你用’include=5,12′,那就只显示这两个ID的标签。

以上是不用插件加入标签云的方法,只显示黑白色。但是要实现随机彩色标签,还需要在主题的functions.php文件中添加如下代码:

  1. <?php
  2. function colorCloud($text) {
  3. $text = preg_replace_callback(‘|<a (.+?)>|i’, ‘colorCloudCallback’, $text);
  4. return $text;
  5. }
  6. function colorCloudCallback($matches) {
  7. $text = $matches[1];
  8. $color = dechex(rand(0,16777215));//修改此处可以控制随机色彩值的范围
  9. $pattern = ‘/style=(\’|\”)(.*)(\’|\”)/i’;
  10. $text = preg_replace($pattern, “style=\”color:#{$color};$2;\””, $text);
  11. return “<a $text>”;
  12. }
  13. add_filter(‘wp_tag_cloud’, ‘colorCloud’, 1);
  14. ?>

 

上面的方式是针对wordpress全站的文章tag标签,如果想不同分类调用不同分类的tag标签,可以参阅wordpress CMS主题如何按分类获取文件tag标签?这样,就可以在wordpress主题中的文章列表页调用当前分类下的文章tag标签

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载,如果本站内容侵犯了您的个人利益,请联系QQ125252828告知。学课技术网 » 不用插件也能给wordpress主题实现彩色标签云效果
分享到: 更多 (0)

相关推荐

  • 暂无文章

评论 抢沙发

评论前必须登录!

立即登录   注册

学课技术网专注软件汉化、分享、解密、绿化、Wordpress主题插件优化

联系我们技术支持
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册