开启 WordPress 文章缩略图功能

July 22nd, 2010
wordpress

图文并茂的博客才能吸引读者,也让自己满意,下面详细介绍Wordpress自带文章缩略图功能的使用方法,当然了缩略图功能的实现还有插件法,这里介绍我使用的Wordpress自带功能。

1,在function.php中,添加开启文章缩略图功能的代码

<?php
//Thumbnail
if ( function_exists( ‘add_theme_support’ ) )
add_theme_support( ‘post-thumbnails’);
?>

2,在需要显示文章缩略图的地方,添加如下代码

<?php the_post_thumbnail(‘thumbnail’); ?>

<?php the_post_thumbnail( ‘medium’ ); ?>

<?php the_post_thumbnail( ‘full’ ); ?>

其中的参数’thumbnail’ 、’medium’ 、’full’ 分别代表文章图片的 缩略图、适中图、原图,即图片的不同尺寸。

3,默认缩略图设置

如果当前文章没有缩略图,则显示默认图片,代码如下

<?php
if ( has_post_thumbnail() )
the_post_thumbnail( ‘thumbnail’ );
else
echo’<img src=”default-image.png” alt=”Example Image” title=”Example”/>’;
?>

4,缩略图后台编辑方法

在主题文件中加入以上代码后,就可以来设置文章缩略图的显示了,具体步骤如下:

[1],文章编辑页面右下角,找到如图所示的功能模块

[2],点击“设置缩略图”,弹出“添加图像”窗口,你可以选择“从电脑”和“媒体库”两种方式添加缩略图(不支持“从URL”设置缩略图),操作如图所示

[3],这里以“从电脑”上传图片为例,点击“选择文件”按钮,选择本地的图片上传

[4],如果上传的图片不符合你的要求,你可以在线编辑图片,以满足自己的需要,点击“编辑图像”按钮即切换至图像编辑状态

顶部操作按钮从左至右分别为:裁切、逆时针旋转、顺时针旋转、垂直翻转、水平翻转、撤销、重做。

[5],在图片编辑窗口,注意右侧的缩略图设置模块,是否要将编辑后的图片更新到文章缩略图。

[6],图片编辑完成后,点击“保存”按钮,保存即可。

[7],设置文章缩略图,以上操作是对文章图片的处理过程,全部完成后,点击“用作缩略图”链接,将编辑好的图片设置为文章缩略图,至此,整个缩略图设置完成。

Share this:

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>