WORDPRESS 分类图标插件——CATEGORY ICONS

选用图片来识别不同分类,效果总比采用文字的好,难道不是吗~~

Category Icons就是这么一款插件,只要你调用分类函数,就会自动输出你所设置的分类图片。你也可以在想要显示分类图片的地方,输入代码来实现调用。同时一个分类可以设置好几个图片,可以在选定地方调用大图标或小图标。插件自带了中文,可以在WordPress中直接搜索安装

在后台可以设置你所想选用的各个分类的不同图标。

插件作者的主页,国内似乎上不去,但试了一下用代理还是可以上的。

插件主要有两个基本调用函数:put_cat_icons() 和 get_cat_icon()。

1. put_cat_icons()

这个函数可以让你的sidebar实现分类图标化。

put_cat_icons(list [,get_cat_icon_parameters])

其中list : 指wp_list_categories() 这个函数。

Example :

例如在sidebar栏你可以如下这么写,可以在分类旁输出你选定的图片,记住一定要添加“echo=0”。

如果你加上‘icons_only=true’,则只有显示分类图片而不显示分类名称。

2. get_cat_icon()

这个函数可以在任何位置调用你选定的分类图片。

type, [default_value], parameter_name_to_use : description.

  • string, align : align attribute for the image tag.
  • boolean, border : If true the border will be displayed. If false, it’ll not. (Don’t use this if you want valid Strict XHTML)
  • int, [current_category], cat : Category ID. If not specified, the current category is used or the current post’s category.
  • string, class : Class attribute for the image tag.
  • boolean, [true], echo : If true the html code will be ‘echoed’. If no, it’ll be returned.
  • boolean, [false], expand : Whether the image should be expanded to fit the rectangle specified by fit_xxx.
  • int, [-1], fit_height : Maximum height (or desired height if $expanded=true) of the image.
  • int, [-1], fit_width : Maximum width (or desired width if $expanded=true) of the image.
  • boolean, [false], hierarchical : If true, the icons are displayed in hierarchical order (horizontally).
  • boolean, [true], link : If true the image is made a hyperlink (wrapped by anchor tag).
  • int, [3], max_icons : Maximum number of icons to display
  • string, prefix : String to echo before the image tag. If no image, no output.
  • boolean, [true], small : Use the small icon.
  • string, suffix : String to echo after the image tag. Ignored if no image found.
  • boolean, [false], use_priority : If true, only the most prioritized icon will be displayed.
  • boolean, [false], vertical_display : Display the icons vertically.

Examples

在你想调用的地方输入以下代码:

<?php get_cat_icon(); ?>

如果调用方式如上,则表示调用分类小图标,长宽分别为32px和20px,图片css类别名为”myicons”。从而你可以在”myicons”中设定图片显示位置。

如:

.myicons {
margin : 0 3px 0px 0;
}

如果调用方式如下,则表明在这里调用分类ID号为“5”的图片,长宽分别为100px和100px,如果图片偏小则自动拉大。

<?php get_cat_icon(‘cat=5&fit_width=100&height=100&expand=true’); ?>

插件作者主页:http://www.category-icons.com,需用代理访问。

 

在HotNews pro中使用Category Icons插件的分类图标

最近WordPress建了下博客,在折腾遍官网上所有主题之后,还是选择了国人开发的HotNews pro,布局样式更适合自己口味呢。

唯一的缺陷就是HotNews pro的分类图标要根据类别的别名来命名通过ftp上传,不太方便后期维护和管理这些图标。很多人应该都有用过分类图标插件,英文名称Category Icons,提供很方便的分类图标管理和调用的函数。Category Icons的使用方法这里不介绍了,请参阅WORDPRESS 分类图标插件——CATEGORY ICONS

如何在HotNews pro(热点新闻)主题中使用分类图标插件呢?

  1. 打开HotNews pro主题中的cat_ico.php,它的路径应该是/wp-content/themes/HotNewspro/includes/cat_ico.php
  2. 将原始代码
<?php if (get_option('swt_ico') == 'Display') { ?>
	<div class="cat_ico">
		<?php
			foreach((get_the_category()) as $cat)
			{
			$catname =$cat->category_nicename;
			$cattitle=$cat->cat_name;
			echo "<a href=/category/";
			echo $catname;
			echo "/>";
			echo "<img src=/wp-content/caticon/";
			echo $catname;
			echo ".gif alt=\"$catname category \" title=\"$cattitle\" /></a>\n";
			}
		?>
	</div>
<?php { echo ''; } ?>
<?php } else { } ?>

替换成:

<?php if (get_option('swt_ico') == 'Display') { ?>
	<div class="cat_ico">
		<?php
			if (function_exists('get_cat_icon'))
			{
				get_cat_icon('class=cat_ico');
			}
			else
			{
				foreach((get_the_category()) as $cat)
				{
				$catname =$cat->category_nicename;
				$cattitle=$cat->cat_name;
				echo "<a href=/category/";
				echo $catname;
				echo "/>";
				echo "<img src=/wp-content/caticon/";
				echo $catname;
				echo ".gif alt=\"$catname category \" title=\"$cattitle\" /></a>\n";
				}
			}
		?>
	</div>
<?php { echo ''; } ?>
<?php } else { } ?>

 

完成之后在主题设置中只要分类图标中设置了分类图标Display并且安装了Category Icons插件,那么就会显示Category Icons的分类图标;如果没有安装Category Icons插件,就会显示热点新闻主题自带的分类图标了!