你可能会碰到这样的问题,在Wordpress中,怎么样才可以在文章中特定的位置自动生成一个缩略图或者其它信息。比方说:你想让某个指定的分类中的最新文章显示在首页,并且,在每一篇文章或者其标题和摘要前面显示一个缩略图。或者,就像我最近的一个客户一样,他希望将他博客的“流媒体分类”中的最后一篇文章显示在首页某个特定的位置,同时还需要将这个流媒体输出到首页。OK,继续!

我在两个Wordpress的CMS主题中找到了答案:MimboThe Morning After,这两个主题都在首页使用了缩略图,而且是用Wordpress的自定义字段实现的,你可以看看下图,显示的结果是这样的:

Thumb

你可以通过Wordpress自带的上传工具上传图片,也可以通过FTP客户端上传图片,我使用的是Filosofo Old-Style Upload插件。它会在后台的导航栏生成一个“Uploads”的链接,不过首先你得设置插件,并选择上传的路径。

1、上传并激活插件。

2、进入后台–>Settings–>Uploads。

3、在Destination directory中输入你的图片的保存路径,我认为最好是在你的主题文件夹中新建一个文件夹,这样的话,变更的时候会比较方便,这个路径类似于这样:/home/server/public_html/wp-content/themes/themefolder/images。当然,插件会自动推荐一个路径,一般情况下,默认的就可以了。

4、在URI of this directory中输入目标文件夹的地址,类似于这样:http://www.yoursite.com/wp-content/themes/themefolder/images

5、在Maximum size中输入文件大小的最大值。

6、输入允许上传的文件类型后缀,用空格分开。

7、Minimum level to upload,默认6就可以了,因为我也不知道这有什么作用。

8、保存设置。

现在,我们来说说,如何创建带缩略图的文章。

1、你得做一个图片,图片的大小依据你网站的设计和这个图片将要显示的位置设计。

2、进入后台–>Uploads(刚才安装的插件所生成的在导航栏的链接)。

3、选择要上传的图片,同时选中“No thanks”,这样,就不会生成缩略图,给图片写一个恰当的描述(有利于Google抓取图片),点击“Uploads File”上传图片。(译注:图片的名称和描述不要用中文,否则下一步的图片地址将会省略掉中文,而描述则为乱码)

4、当你上传之后,插件会给到你这个图片的地址,记下这个链接。

5、创建一篇新文章,完成标题和文章之后,确认你选择的分类,必须是将要在首页显示缩略图的分类。然后,找到下方的Custom Fields(自定义字段),在“Key”中输入“Image”(注意:字母 I 一定要大写),在“Value”中输入你刚才上传的图片的文件名,如:picture.jpg 或者 image.gif,然后点击“Add Custom Field”,最后,保存这篇文章。

OK,现在我们需要的是一段代码,它能够让这个缩略图显示出来并且显示在正确的位置。下面这段代码将会让我们的缩略图显示在标题的下方,就好像上图一样,这段代码是从Mimbo修改而来的,当然,The Morning After中的代码也差不多。

< ?php query_posts(’showposts=1&cat=199′); ?>
< ?php while (have_posts()) : the_post(); ?>
< div class=”thumbnails”>
< a href=”< ?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to < ?php the_title(); ?>”>
< img src=”< ?php echo get_option(’home’); ?>/wp-content/themes/themefolder/images/< ?php
$values = get_post_custom_values(”Image”); echo $values[0]; ?>” alt=”" />
< /a>
< p class=”title”>
< a href=”< ?php the_permalink() ?>” rel=”bookmark” >< ?php the_title(); ?>< /a>
< /p>
< /div>
< ?php endwhile; ?>

译注:请将“showposts=1”中的“1”换成将要显示缩略图的文章的数目,将“cat=199”中的“199”换成将要显示在首页并且带有缩略图的分类ID,然后将这段代码加到主题对应的文件中,如只想在首页显示,你可以加到主题的index.php中。另外,所有“ < ”标记后都加了一个空格,使用的时候请去掉!)

最后,如果我们用的不是CMS主题,而只是想给每篇文章加上一个缩略图,而且可以同时在首页、存档页面、Tag页面等等显示出来,并可以自己决定是显示全文还是显示摘要,我们大可以不必弄得这么麻烦,还有更简单的方法,可以参考这篇文章:给每篇文章创建缩略图

原文:Giving each WordPress post a thumbnail, and display the thumbnail on the home page

系列:WordPress常用技巧40则

如果你喜欢本文,你可以 订阅本站全文Feed,以便获取更多相关的信息。

转载原创文章请注明出处,本文永久链接:http://www.davidlau.org/giving-each-wordpress-post-a-thumbnail-and-display-the-thumbnail-on-the-home-page/

  • Digg
  • Technorati
  • del.icio.us
  • StumbleUpon
  • TwitThis
  • Sphinn
  • Facebook
  • LinkedIn
  • Google
  • YahooMyWeb
  • description
  • MisterWong
  • Live
  • 我挖网
  • QQ书签
  • 收客网
  • 百度搜藏
  • DigLog
  • 饭否
  • 365Key网摘
  • POCO网摘
  • 新浪ViVi

Here's A Few More Related Posts

RSS feed | Trackback URI

Comments »

No comments yet.

Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.