WordPress修改标签云大小及颜色

  • A+
所属分类:WordPress

WordPress修改标签云大小及颜色:category-template.php中修改wp_tag_cloud参数以实现标签字体大小,修改functions.php以实现彩色标签。

对于WordPress标签默认的大小真不能接受,大的很大,小的很小。颜色单一,没有趣味。我只想标签大小相差不大或者一样,如果可以还能实现彩色标签更可以。

修改WordPress标签字体大小

依次打开「wp-includes」→「category-template.php」,找到wp_tag_cloud,

  1. function wp_tag_cloud( $args = '' ) {
  2. $defaults = array(
  3. 'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
  4. 'format' => 'flat', 'separator' => "\n", 'orderby' => 'name', 'order' => 'ASC',
  5. 'exclude' => '', 'include' => '', 'link' => 'view', 'taxonomy' => 'post_tag', 'echo' => true
  6. );
  7. $args = wp_parse_args( $args$defaults );

其中:

smallest:标签字体最小字号,默认是「8」;

largest:标签字体最大字号,默认是「22」;

unit:标签字体大小单位,默认是「pt」;

number:标签云中显示标签的数量,默认是「45」;

format :「Flat」怎么个显示法没搞懂;

separator:标签之间的分隔符,默认是空格;

orderby:标签顺序,默认是以名称排序;

order:升序还是降序。

修改完毕保存覆盖原文件即可。

修改WordPress标签颜色

打开functions.php,加入如下代码

  1. function colorCloud($text) {
  2. $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);
  3. return $text;
  4. }
  5. function colorCloudCallback($matches) {
  6. $text = $matches[1];
  7. $colors=array('ff3300','0517c2','0fc317','e7cc17','601165','ffb900','f74e1e','00a4ef','7fba00');
  8. $color=$colors[dechex(rand(0,3))];
  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);

是控制颜色显示的方法,可以根据自己喜欢的颜色轮番显示,默认是也可以给出一个范围来随机显示,如:

$color = dechex(rand(0,16777215));

但是这种随机显示的效果并不好,因为有时颜色很淡,标签根本看不清。有的颜色自己还不喜欢,不如规定一下颜色为好。

weinxin
公众号
科研动力微信公众号,欢迎关注!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:6   其中:访客  6   博主  0

    • avatar 科研动力网友 9

      添加之后有问题

      • avatar 长沙旅游执念 0

        添加之后有问题

        • avatar 科研动力 9

          您的主题修改的不错,向您学习。

          • avatar 科研动力网友 9

            感谢博主,收藏了先。

            • avatar 砸核桃分享网 1

              感谢博主,收藏了先。