如何设置WordPress文章特色图像(Featured Image)

简介: WordPress的特色图像(Featured Image)是一个很方便的功能,过去为了给每篇文章设置一个缩略图,我们需要用脚本去匹配文章中的第一张或者最后一张图片,或者通过附件方式获取图片,有了特色图片功能,一切都简单了。

WordPress的特色图像(Featured Image)是一个很方便的功能,过去为了给每篇文章设置一个缩略图,我们需要用脚本去匹配文章中的第一张或者最后一张图片,或者通过附件方式获取图片,有了特色图片功能,一切都简单了。

 

如何开启特色图像功能

在主题的functions.php中添加如下代码

1
2
3
4
//使WordPress支持post thumbnail
if  ( function_exists(  'add_theme_support'  ) ) {
     add_theme_support(  'post-thumbnails'  );
}

注意:这段代码应当加载functions.php的body中,不要写进函数里。

1
add_image_size(  $name $width $height $crop  );

在functions.php中,写在add_theme_support()之后,完整代码如下

1
2
3
4
5
6
7
8
//add post thumbnails
if  ( function_exists(  'add_theme_support'  ) ) {
     add_theme_support(  'post-thumbnails'  );
}
 
if  ( function_exists(  'add_image_size'  ) ) {
     add_image_size(  'customized-post-thumb' , 100, 120 );
}

创建几个不同的缩略图尺寸,用到的函数:

Post Thumbnail功能详细说明

如何调用特色图像

在post模板中

1
2
3
4
5
6
<?php
if  ( has_post_thumbnail() ) {  // check if the post has a Post Thumbnail assigned to it.
   the_post_thumbnail();
}
?>
<?php the_content(); ?>

可以调用不同尺寸的图片

1
2
3
4
5
6
7
8
the_post_thumbnail();                   // 无参数,默认调用Thumbnail
 
the_post_thumbnail( 'thumbnail' );        // Thumbnail (默认尺寸 150px x 150px max)
the_post_thumbnail( 'medium' );           // Medium resolution (default 300px x 300px max)
the_post_thumbnail( 'large' );            // Large resolution (default 640px x 640px max)
the_post_thumbnail( 'full' );             // Full resolution (original size uploaded)
 
the_post_thumbnail(  array (100,100) );   // Other resolutions

如何从后台修改缩略图尺寸

从后台修改缩略图尺寸

访问后台>>设置>>媒体,缩略图大小这一项就是特色图像(Featured Image or Thumbnail)的尺寸,也就是the_post_thumbnail()不加参数时调用的图片的尺寸。根据需要修改其参数即可。上传图片时WordPress会自定生成这个尺寸的图片。

为文章添加特色图片的三种方法

编辑文章时我们有三种方式添加特色

1. 上传图片时点击“作为特色图像”进行设置,如下图所示,点击后显示“完成”即表示设置成功。设置好的特色图像会在右侧栏目中显示出来。

上传图片时设置特色图片

2. 点击右侧栏目中的特色图像设置,如下图所示,点击“设置特色图像”按钮后弹出与方法一一样的界面,设置方法也相同

从右侧工具栏设置特色图像

3. 如果你没有用上述两种方法设置,那么你也许希望从文章中已经存在的图片中选取一张作为特色图像,WordPress考虑的很周到,你可以轻松选择文中已有的图像。

点击右侧工具栏的设置特色图像按钮,弹出如下所示对话框,选项卡切换到相册,就可以看到所有文中已经插入的图片,点击显示就会出现和方法一一样的界面,照着方法一设置即可。

选项卡切换到相册

WordPress 3.5新特性

WordPress 3.5的媒体上传工具界面友好,简单易懂,性能更强,有了脱胎换骨的变化,如果你还没有升级,赶快准备一下吧。

WordPress 3.5下设置特色图像

WordPress 3.5下设置特色图像更加简单,图像以缩略图列表形式呈现,要设置哪个为特色图像,只需轻轻一点,被设置为特色图像的图片会打上√。

通过下拉列表可以查看媒体库所有文件,也可以只查看当前文章的附件。搜索功能更加强大,只需要键入关键词,就会以无刷新页面的方式呈现搜索结果。

特色图像的应用

特色图像可以用到很多地方,例如

  • 首页幻灯片
  • 作为特色内容(Featued Post)的缩略图
  • 本站应用特色图像做相关文章的缩略图,看看下面就知道效果了。

转:

http://www.solagirl.net/how-to-setup-featured-image-in-wordpress.html

如何联系我:【万里虎】www.bravetiger.cn 【QQ】3396726884 (咨询问题100元起,帮助解决问题500元起) 【博客】http://www.cnblogs.com/kenshinobiy/
目录
相关文章
|
7月前
|
安全
SiteGround如何设置WordPress网站自动更新
iteGround Autoupdate功能会自动帮我们更新在他们这里托管的所有WordPress网站,这样做是为了保证网站安全,并且让它们一直保持最新状态。他们会根据我们选择的设置自动更新不同版本的WordPress,包括主要版本和次要版本。在每次自动更新之前,他们都会为我们的网站做一个完整的备份,这样如果有什么问题,我们可以轻松地恢复到之前的状态。在本文中,我们将介绍如何在SiteGround中设置WordPress网站自动更新。
553 0
SiteGround如何设置WordPress网站自动更新
|
13天前
wordpress如何设置评论框
如何设置 WordPress 评论框设置
23 2
|
3月前
CoreDownload - WordPress文章下载增强插件v1.0.6
CoreDownload 是一款高级WordPress 下载增强插件,支持几乎所有网盘,为WordPress增加任意下载功能,目前免费提供使用。 安装插件后,在设置中全局开启。然后编辑文章,可以在下面找到CoreDownload下载增强功能。
36 0
CoreDownload - WordPress文章下载增强插件v1.0.6
|
5月前
|
SEO
WordPress作品设计素材图片站资讯文章教程uigreat主题
WordPress作品设计素材图片站资讯文章教程uigreat主题
45 4
WordPress作品设计素材图片站资讯文章教程uigreat主题
|
5月前
|
搜索推荐 UED 索引
WordPress建站入门教程:如何选择和设置固定链接结构?
通过选择一个清晰、有逻辑的固定链接结构,您可以提高网站的SEO能力、确保用户良好的浏览体验,并方便内容管理。在设置时,要充分考虑未来的网站规划和内容结构,以确定最合适的链接形式。
127 1
如何设置wordpress用户只能查看自己评论?这4个步骤帮助你,100%有效 | wordpress
如何设置wordpress用户只能查看自己评论?这4个步骤帮助你,100%有效 | wordpress
|
5月前
|
前端开发
WordPress主题底部纯文本文章列表
WordPress主题底部纯文本文章列表
31 0
|
7月前
WordPress原创插件:当日24小时发布文章标题变红
WordPress原创插件:当日24小时发布文章标题变红
111 4
WordPress 中的常规设置
WordPress 中的常规设置
87 1
WordPress 固定链接设置
WordPress 固定链接设置
59 0