WordPress修改标签云大小及颜色

修改WordPress标签字体大小:
在cpanel面板中依次打开「wp-includes」→「category-template.php」,找到wp_tag_cloud,


1

2

3

4

5

6

7

function wp_tag_cloud( $args = ” ) {

$defaults = array(

‘smallest’ => 8, ‘largest’ => 22, ‘unit’ => ‘pt’, ‘number’ => 45,

‘format’ => ‘flat’, ‘separator’ => “\n”, ‘orderby’ => ‘name’, ‘order’ => ‘ASC’,

‘exclude’ => ”, ‘include’ => ”, ‘link’ => ‘view’, ‘taxonomy’ => ‘post_tag’, ‘echo’ => true

);

$args = wp_parse_args( $args, $defaults );

其中:
smallest:使用次数最少的标签字号大小,默认是「8」;
largest:使用次数最多的标签字号大小,默认是「22」;

其实网上很多教程对smallest和largest讲的都不准确,网上都说的是smallest表示标签字体最小字号,largest表示标签字体最大字
号,所以最开始的时候我只写了一篇文章,当然标签的使用次数都是1次,所以标签的大小都是一样的,当时我还没理解到为什么标签的大小都一样呢

unit:标签字体大小单位,默认是「pt」;
number:标签云中显示标签的数量,默认是「45」;
format :「Flat」怎么个显示法没搞懂;
separator:标签之间的分隔符,默认是空格;
orderby:标签顺序,默认是以名称排序;
order:升序还是降序。
修改完毕保存覆盖原文件即可。
修改WordPress标签颜色:
打开functions.php,加入如下代码:


1

2

3

4

5

6

7

8

9

10

11

12

13

function colorCloud($text) {

$text = preg_replace_callback(‘|<a>|i’, ‘colorCloudCallback’, $text);

return $text;

}

function colorCloudCallback($matches) {

$text = $matches[1];

$colors=array(‘ff3300′,’0517c2′,’0fc317′,’e7cc17′,’601165′,’ffb900′,’f74e1e’,’00a4ef’,’7fba00′);//这里设置了一个颜色数组

$color=$colors[dechex(rand(0,3))];//通过这里设置选取哪几个数组颜色来轮番显示

$pattern = ‘/style=(\’|\”)(.*)(\’|\”)/i’;

$text = preg_replace($pattern, “style=\”color:#{$color};$2;\””, $text);

return “</a><a>”;

}

add_filter(‘wp_tag_cloud’, ‘colorCloud’, 1);</a>

其中:


1

$colors=array(‘ff3300′,’0517c2′,’0fc317′,’e7cc17′,’601165′,’ffb900′,’f74e1e’,’00a4ef’,’7fba00′);

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


1

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

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

时间: 2024-10-12 06:20:10

WordPress修改标签云大小及颜色的相关文章

css:层叠样式表 美化页面 修改标签的样式

css:层叠样式表  美化页面 修改标签的样式 写法分类: 1.内联: <!--使用<link />标签将css文件引入到html文件中--> <!--<link href="路径" rel="stylesheet"/>--> <!--<link/>标签只可以放在<head></head>之中,另外在html中内嵌css样式也只可以写在head标签之中--> <!-

android:修改PagerTabStrip中的背景颜色,标题字体的样式、颜色和图标以及指示条的颜色

1.修改PagerTabStrip中的背景颜色 我们在布局中直接设置background属性即可: <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="fill_parent" android:layout_height="fill_parent" > <android.support.v4.view.PagerTabS

Wordpress模板标签大全

Wordpress模板基本文件 style.css 样式表文件 index.php 主页文件 single.php 日志单页文件 page.php 页面文件 archvie.php 分类和日期存档页文件 searchform.php 搜索表单文件 search.php 搜索页面文件 comments.php 留言区域文件(包括留言列表和留言框) 404.php 404错误页面 header.php 网页头部文件 sidebar.php 网页侧边栏文件 footer.php 网页底部文件 Word

修改MyEclipse行数的颜色

1.未修改前,行数的颜色 2.依次选择"Window--->Preferences" 3.选择"General--->Editors--->Text Editors--->Line number foreground" 4.单击"Color"弹出框,选择"基本颜色",然后单击"确定" 5.单击"Apply--->OK",编辑框中的行数颜色为 修改MyEcli

修改提示框字体及颜色

1.实例介绍 本文使用tooltip控件的draw事件重绘,修改提示框字体及颜色.创建一个winform项目,在一窗体上添加button控件和tooltip控件. 2.实现代码 1 using System; 2 using System.Collections.Generic; 3 using System.ComponentModel; 4 using System.Data; 5 using System.Drawing; 6 using System.Linq; 7 using Syst

修改标签的4种显示类型

CSS中有个display属性,能修改标签的显示类型 none:隐藏标签 block:让标签变为块级标签 inline:让标签变为行内标签 inline-block:让标签变为行内-块级标签(内联-块级标签)

wordpress修改固定链接及修改链接后链接提示404错误的解决办法

wordpress默认的url实在是不好看又不好记忆,而且还不利于SEO.因此,我就捣鼓着把url做一个自定义.自定义的方式如下: 建议使用/%postname%的形式,这样利于SEO. 修改之后,localhost/wordpress一下,点击导航.点击文章标题.咦,怎么就404了?明明修改之前是可以正常访问的! 郁闷之下,我各种在仪表盘中修改,各种度娘.好像没发现解决方案.知道后来,看到这么篇文章http://blog.csdn.net/think2me/article/details/70

李洪强iOS开发之-修改状态栏的字体的颜色

李洪强iOS开发之-修改状态栏的字体的颜色 修改的效果: -(void)viewDidAppear:(BOOL)animated { [super viewDidAppear:animated]; [_magicController.view setFrame:CGRectMake(0, 0, CFScreenW, self.view.height-120)]; if ([UIApplication sharedApplication].statusBarStyle != UIStatusBar

JS修改标签中的文本且不影响其中标签

/********************************************************************* * JS修改标签中的文本且不影响其中标签 * 说明: * 需要修改<a>标签中的显示文本内容,但<a>标签中又有标签. * * 2017-8-28 深圳 龙华樟坑村 曾剑锋 ********************************************************************/ 一.参考文档: 1. get