最新公告
  • 欢迎您光临影客学习网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • WordPress无插件实现彩色标签云

    标签云是很多WordPress主题都有的一个主题元素

    今天讲讲如何为你的主题模版添加彩色标签云

    Wordpress无插件实现彩色标签云

    当然也包括侧边栏调用和文章内容页面调用

    一、调用标签云

    使用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表示降序排序)

    二、添加彩色功能

    根据上面的参数你已经可以调用出标签云了

    然后将下面的代码添加到主题模版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);

    三、制作标签云页面

    1、复制并打开你主题模版下的page.php文件在该文件的顶部添加

    <?php
    /*
    Template Name: Tags
    */
    ?>

    2、使用下面的代码替换page.php中的 <?php the_content(); ?>

    <?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

    这样一个wordpress的标签云模板就做好了

    5、访问 Wordpres的后台-页面-新建页面

    页面名称可以自己任意填写,只需要在页面属性中选择tags模板即可

    四、边栏中调用标签云

    你可以使用下面的函数调用,具体的修改方法,就靠你自己折腾主题了:

    <?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=20');?>

    不过一般制作比较规范的WordPress主题都支持 Widget小工具

    你可以在WP后台-外观-小工具中查看是否支持标签云小工具

    提示:

    本教程只是告诉你如何实现彩色标签云以及如何调用

    但是具体的样式就要靠你自己通过CSS代码去实现美化了


    关注微信公众号『影客学习网』

    第一时间了解最新网络动态关注博主不迷路~

    1. 本站所有资源来源于用户上传和互联网,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务,除了本站原创售价资源都有技术服务,请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!
    影客学习网 » WordPress无插件实现彩色标签云

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    为什么评论刷新后不显示?
    评论文章的时候,每次评论都要填网站下面一定要勾选,否则可能下载链接显示不出来!一定要记住!

    发表评论

    • 21会员总数(位)
    • 843资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 526稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
    升级SVIP尊享更多特权立即升级