WordPress标签彩色版

偶看最近在博客添加了WordPress标签彩色版,添加这个功能主要是觉得偶看博客使用的标签都是黑色的看来太单调了。

直接在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);

设置好后,在模板文件添加标签

标签彩色版基本版,设置字体最小8号,最大16号

<?php wp_tag_cloud('smallest=8&largest=16'); ?>

标签彩色版多个版,设置字体最小8号,最大24号,共调用300个。

<?php wp_tag_cloud('smallest=10&largest=24&unit=pt&number=300
 &format=flat&orderby=name&order=ASC'); ?>

这个需要建立一个模板页面,偶看在这里把源代码设置好,点击下载[模板页下载],将该文件放置在wp-content/themes/xiaohan3文件夹下

在后台新建一个页面,固定链接设置为tag,模板选择“标签”,然后点击保存即可。

设置好后,效果如下:
wordpress标签彩色版
具体效果可以查看标签云

附上偶看现在使用的完整模板

<?php
/*
Template Name: 标签 - 模板
*/
?>
<?php get_header(); ?>
	<div id="container" class="article">
    	<div class="content">
        	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <div class="post single" id="post-<?php the_ID(); ?>">
				<h2><a class="title" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
                <div class="con" id="a<?php the_ID(); ?>">
                	<?php the_content(); ?>
					            <?php wp_tag_cloud('smallest=10&largest=24&unit=pt&number=300
&format=flat&orderby=name&order=ASC'); ?>
                    <div class="clear"></div>
				</div>
            </div>
            <?php endwhile;else : ?>
            <div class="errorbox">
            	<?php _e('Sorry, no posts matched your criteria.', 'xiaohan'); ?>
			</div>
		    <?php endif; ?>
               <br>
			<center>
</center>
            <div class="comment_box">
            	<?php
	if (function_exists('wp_list_comments')) {
		comments_template('', true);
	} else {
		comments_template();
	}
?>
            </div>
        </div>
        <?php get_sidebar(); ?>
    </div>
<?php get_footer(); ?>

查看更多萧涵主题修改全记录

《WordPress标签彩色版》有28个想法

          1. 已经按照这个方法设置了,那个tags模版文件也上传了,但是:在后台新建一个页面,固定链接设置为tag,模板选择“标签”,然后点击保存即可。这一步骤我是不会设置,请告知这一步的设置方法,谢谢大哥了!!

          1. 已经按照这个方法设置了,那个tags模版文件也上传了,但是:在后台新建一个页面,固定链接设置为tag,模板选择“标签”,然后点击保存即可。这一步骤我是不会设置,请告知这一步的设置方法,谢谢大哥了!!

            1. 显示的还是不对,设置完了,如何添加中文标签呢?我看了下,居然页面里面有百度的广告,肯定没弄对!!

            2. 烦请偶看大哥是否可以录制个视频,这个标签云我真的搞不定啊!!是否需要先修改下固定链接呢?

发表评论