自制WordPress标签云页面

侧栏的标签云中的tag数量毕竟有限。于是很久前就想自制一个标签云页面。

复制所用主题下的page.php,命名tags.php;
在tags.php头部添加

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

将tags.php中的<?php the_content(); ?>替换为<?php wp_tag_cloud(‘smallest=12&largest=40&unit=px&number=500’);?>
保存,上传至所用主题下的目录

后台添加新页面,模板选用tags。OVER

wp_tag_cloud是wp自身提供的函数,smallest是最小的字号(相关主题数最少),largest是最大的字号(相关主题数最多),unit是单位,number是显示的tag的最大数量

但对于blocks主题,还需要指定新的样式表。默认的content样式tag由于大小不一会重叠。
在style.css添加新样式

.tags-cloud{
	background:#FFF;
	padding:10px 11px 10px;
	overflow:hidden;
}

将wp_tag_cloud所在的div的class修改为tags-cloud。

余因为关闭了评论,所以同时移除了和评论相关的代码
最终的tags.php

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

<?php get_header(); ?>

<?php if (have_posts()) : the_post(); ?>
	<div class="post">
		<h3 class="title"><?php the_title(); ?></h3>

		<div class="tags-cloud">
			<?php wp_tag_cloud('smallest=14&largest=46&unit=px&number=500');?>
			<div class="fixed"></div>
		</div>

		<div class="meta">
			<div class="act">
				<?php edit_post_link(__('Edit', 'blocks'), '', ''); ?>
			</div>
			<div class="info">
				<?php
					if (function_exists('the_views')) the_views(true, '', '');
				?>
			</div>
			<div class="fixed"></div>
		</div>
	</div>

<?php else: ?>
	<div class="block">
		<div class="content small r">
			<?php _e('Sorry, no posts matched your criteria.', 'blocks'); ?>
		</div>
	</div>

<?php endif; ?>

<?php get_footer(); ?>
2010年8月21日 | 归档于 技术
本文目前尚无任何评论.

发表评论

XHTML: 您可以使用这些标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: