
不使用插件给分类添加图片
曾在wordpress 分类插件——Category Icons 一文中介绍了如何利用插件给分类添加图片,不过这类插件必然会增加数据库查询次数。网上搜索之,不用插件也可以实现显示分类图片的效果。
转载方法如下:
-
准备好各个对应分类的图片,并且图片的名称和分类名一致。比如有一个“与我有关”的文章分类,其缩略名是 “sth-about-me”,那么就将对应的分类图片命名为“sth-about-me.jpg”(进入Wordpress后台-管理-分类,即可修改分类缩略名,最好使用英文)。
-
使用 FTP 在你的 /wp-contant/ 目录下建立一个 cat-icons 目录,将所有分类图片上传至该目录下。
-
打开你的 index.php文件,在 post 容器内,即
1 2
<div class="post" id="post-<?php the_ID(); ?>"> </div>
中的适当位置添加如下代码:
1 2 3 4 5 6 7 8 9
<?php foreach((get_the_category()) as $cat) { $catname =$cat->category_nicename; echo "<a href="/category/";" echo $catname; echo "/>"; echo "<img src="http://yourdomain/wp-content/cat-icons/";" echo $catname; echo ".jpg alt=\"$catname category \" title=\"$catname 分类 \" /></a>\n"; } ?>
但请注意,倘若你的分类永久链接形式不是默认的: “http://yourdomain/category/分类名称/” 那么你就需要根据自己的链接形式修改第四行的 “/category/”
-
最后你还需要有一定的 HTML/CSS 的知识来将上述代码进行定位,你可以让它在 “entry 容器” 旁 float left 或者 right ,如果图片较小的话还能放到文章标题 H2 的旁边等等,这就要看大家的想象力和页面的排版方式了。
完成上述步骤后,分类图片就能自动的添加在文章旁了。有个问题还需要注意,如果你的文章不止属于一个分类,此时对应的所有分类图片都会显示,如果只想让它显示一个分类图标的话就需要用 CSS 技巧来 hiden 多余的图片了。
另这样显示图片后,图片简介文字为英文缩略名,这里zEUS又对上述代码进行了修改以显示中文名称。
增加一个变量:$cattitle 和修改 title 的值:\"$cattitle\ ):将代码改成下面这样,
1 2 3 4 5 6 7 8 9 10 | <?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="http://yourdomain/wp-content/cat-icons/";" echo $catname; echo ".jpg alt=\"$catname category \" title=\"$cattitle\" /></a>\n"; } ?> |
一切搞定~~
转自:網生@誌 | zEUS.’Blog
我们能更强,是因为我们站在前人的肩膀上。前人载树,后人乘凉。开始或许只是几颗树苗,以后就是一片森林。今日乘凉,明日或许你我就可以替后人栽树。——好文转载留念
延伸阅读:
- wordpress 分类插件——Category Icons 选用图片来识别不同分类,效果总比采用文字的好,难道不是吗~~ ...
- 为wordpress添加相册模板 已经知道如何调用wordpress的原生相册,那要建立一个相册页面就很简单了。新建一个页面,点击添加图片——选择所有要上传图片——点旁边的图片库,选择“插入相册到日志”,再发布页面就OK了。...
- 自己进行WordPerss的SEO优化 也许你对所谓SEO不屑一顾,因为你觉得只是写给自己看的,不过简单的方法何不试一下? ...
- 如何高亮你的评论背景色 前几天整理评论模板这块,网上胡搜了一通,有了点小心得。...
- 忘记Wordpress登录密码怎么办? 布鲁登录wordpress后台一直都是用默认密码,总是懒得改……然后……事情往往是这样,你没作好准备的事总是容易发生,就像读书时,你就只是那天没按要求背书,然后第二天就叫到你了。...
See more on 互联网技巧




















.