Feb21

WordPress Post Thumbnails 缩略图设置

Post_Thumbnails

Post Thumbnails(文章缩略图)是Wordpress 2.9版本引入的一个属性,随后在3.0版本中变更为Featured Images(特征图片),不管怎么改名字,开发者的目的是要帮助Wordpress用户方便地从文章中选取具有代表性的图片来作为文章、页面或自定义内容的一张脸面。

我在制作NewWebZen主题之时Wordpress版本号还在2.8左右(过去近两年版本号才到3.5,看来Wordpress并没有版本号的竞争意识啊),并没有这个属性,新网禅之前首页文章摘选缩略图(Chris曾问到过其实现方法)其实是每次写文章时单独编辑html实现的,虽然不复杂,但是每次编辑很麻烦),看下我的文章结构就知道了。

<p><a><img title="Miyazaki-Hayao" alt="宫崎骏" src="http://newwebzen.com/wp-content/uploads/2012/02/Miyazaki-Hayao.jpg" width="150" height="150" /></a></p>
<p class="entry">宫崎骏的女性主义思想经常反映在电影当中,所以电影中的主角往往是坚强且独立的女孩或年轻女性。</p>

而主题右侧的推荐阅读文章和最受喜爱文章出现的Thumbnails是WordPress Popular Posts插件自动选择文章第一张图片生成的,占用了较多资源。但是随着NewWebZen的复活及WordPress Popular Posts的更新,我发现多了一个Featured Images的选项。经过几番折腾,于是决定修改新网禅主题,以适应新发展新变化,同时也是为了解放Jesse的劳动力。

首先,在主题function.php添加

<?php
if ( function_exists( 'add_theme_support' ) ) { 
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150, true); 
}

以激活Featured Image属性。set_post_thumbnail_size中用来设置缩略图生成方式的“true”是将图片等比例缩放至短边150px后,切去两边部分成为正方形;若不设置则默认为将图片等比例缩放至长边150px。此种设置媒体库不需要修改相关参数。(2014年4月12日更新,本站改为150px*93px)如图所示:

thumbs

最后,在single.php、index.php等相关文件中调用,大功告成!下面代码是本站single.php调用the_post_thumbnail()的方式,在the_content前调用缩略图,并为缩略图添加样式,这样在写文章时候无需再将此图插入编辑器。

<p class="f-img">
<a title="<?php the_title_attribute(); ?>" rel="bookmark" href="<?php the_permalink(); ?>">
<?php the_post_thumbnail(); ?></a>
</p>					
<?php the_content(' '); ?>

更多内容参考:WordPress Codex

Comments文章评论2Click here to leave a response.

  1. [...] 看我前面文章(WordPress 缩略图)代码用截图表示,就知道之前是多么蛋疼了。我制作NewWebZen主题时使用的是wp-syntax,但是更新到3.5.1以后好像没办法用了。经过一番搜索,发现了SyntaxHighlighter Evolved,于是果断安装。 [...]

  2. […] 于是,一张150*93的缩略图诞生了,如本文左上角。具体缩略图调研方法请参考WordPress 缩略图 […]