WPYOU.com - 专业WordPress主题定制设计

当前位置: 首页 > 博客 > 文章正文

Wordpress 2.9 文章缩略图使用教程

菠菜 发表于 2009-12-25 16:33 | 阅读 1,984 次

Wordpress开源程序自2.9版本开始支持文章缩略图功能,这个标准CMS程序必须的功能也标志着Wordpress向CMS开源系统又迈进了一大步,当然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],设置文章缩略图,以上操作是对文章图片的处理过程,全部完成后,点击“用作缩略图”链接,将编辑好的图片设置为文章缩略图,至此,整个缩略图设置完成。

[8],最后,点击“保存所有更改”按钮完成整个文章图片和缩略图设置过程。

随机文章

已经有14 个评论

  1. 五行 说:

    很好的翻译。谢谢!对设计主题有一定帮助。

  2. 云崧 说:

    还没有Thumbnails Anywhere功能好

  3. ania 说:

    如何去除WP 2.9文章内显示缩略图,而只在首页摘要中显示呢?

  4. 小区 说:

    今天百度挂了,呵呵,流量减低了一大半,真是的。郁闷之余来看看博主的博客,写的不错,加油。

  5. 说:

    以后会经常来的!

  6. babu 说:

    铁通打开都这么快,难道是三线?O(∩_∩)O哈哈~

  7. 八步学习 说:

    一会改改,我也写一篇去

  8. 且行且吟 说:

    这个很有帮助
    多谢博主分享
    收藏了
    ..

我要评论

  • *
  • * 绝不会泄露