不使用插件给分类添加图片

    曾在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/&quot;;" echo $catname;
    echo "/>";
    echo "<img src="http://yourdomain/wp-content/cat-icons/&quot;;" 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/&quot;;" echo $catname;
echo "/>";
echo "<img src="http://yourdomain/wp-content/cat-icons/&quot;;" echo $catname;
echo ".jpg alt=\"$catname category \" title=\"$cattitle\" /></a>\n";
}
?>
 
一切搞定~~
 
转自:網生@誌 | zEUS.’Blog
 

我们能更强,是因为我们站在前人的肩膀上。前人载树,后人乘凉。开始或许只是几颗树苗,以后就是一片森林。今日乘凉,明日或许你我就可以替后人栽树。——好文转载留念

 

延伸阅读:
  1. wordpress 分类插件——Category Icons     选用图片来识别不同分类,效果总比采用文字的好,难道不是吗~~    ...
  2. 为wordpress添加相册模板     已经知道如何调用wordpress的原生相册,那要建立一个相册页面就很简单了。新建一个页面,点击添加图片——选择所有要上传图片——点旁边的图片库,选择“插入相册到日志”,再发布页面就OK了。...
  3. 自己进行WordPerss的SEO优化 也许你对所谓SEO不屑一顾,因为你觉得只是写给自己看的,不过简单的方法何不试一下?     ...
  4. 如何高亮你的评论背景色     前几天整理评论模板这块,网上胡搜了一通,有了点小心得。...
  5. 忘记Wordpress登录密码怎么办?     布鲁登录wordpress后台一直都是用默认密码,总是懒得改……然后……事情往往是这样,你没作好准备的事总是容易发生,就像读书时,你就只是那天没按要求背书,然后第二天就叫到你了。...

Tagged: , ,

See more on 互联网技巧

Leave a comment