随着互联网的快速发展,越来越多的人开始使用WordPress搭建自己的网站。在WordPress中,文章缩略图是非常重要的一环,它不仅能够提升文章的视觉效果,还能提高用户的阅读体验。如何设置WordPress文章的缩略图呢?下面,我将为大家详细讲解设置过程,让你轻松打造精美图文展示。
一、设置文章缩略图的必要性
1. 提升视觉效果:文章缩略图能够吸引读者眼球,让文章在众多内容中脱颖而出。
2. 提高用户阅读体验:精美的缩略图能够激发用户的阅读兴趣,提高文章的点击率。
3. 搜索引擎优化:一些搜索引擎会根据文章缩略图来判断文章质量,合理的缩略图设置有助于提高网站在搜索引擎中的排名。
二、WordPress文章缩略图设置步骤
1. 确定文章缩略图尺寸
在设置文章缩略图之前,首先要确定缩略图的尺寸。不同主题对缩略图尺寸的要求不同,以下是一些常见主题的缩略图尺寸:
主题名称 | 缩略图尺寸(宽×高) |
---|---|
TwentyTwenty-One | 1500×1000 |
TwentyTwenty | 1500×1000 |
TwentySeventeen | 1500×1000 |
TwentySixteen | 1500×1000 |
2. 设置文章缩略图
以下是在WordPress中设置文章缩略图的步骤:
(1) 登录WordPress后台,进入“设置”菜单,选择“媒体”。
(2) 在“媒体”设置页面,找到“图像大小”选项。
(3) 根据第一步中确定的缩略图尺寸,修改“大尺寸”和“中尺寸”的宽度和高度。
(4) 点击“保存更改”按钮。
3. 为文章添加缩略图
(1) 登录WordPress后台,进入“文章”菜单,选择“添加新文章”。
(2) 在文章编辑页面,找到“设置”区域。
(3) 在“设置”区域,找到“文章缩略图”选项。
(4) 点击“选择文件”按钮,选择要上传的图片。
(5) 点击“设置缩略图”按钮,将图片设置为文章缩略图。
(6) 点击“发布”按钮,发布文章。
三、常见问题及解决方案
1. 问题:缩略图显示不正确。
解决方案:检查“媒体”设置页面中的“图像大小”选项,确保缩略图尺寸与主题要求一致。
2. 问题:文章没有缩略图。
解决方案:上传一张图片作为文章缩略图,或者修改主题设置,使文章自动生成缩略图。
3. 问题:缩略图模糊。
解决方案:上传一张分辨率较高的图片作为文章缩略图,或者调整图片尺寸,使图片更加清晰。
通过以上讲解,相信你已经掌握了WordPress文章缩略图设置的方法。合理的缩略图设置能够提升文章的视觉效果,提高用户的阅读体验,进而提高网站在搜索引擎中的排名。希望这篇文章对你有所帮助,祝你网站越办越好!
如何开启WordPress缩略图
一、开启缩略功能
在主题的functions.php中,添加一段代码,代码如下:
add_theme_support('post-thumbnails');
如果你仅想让文章信息开启缩略图功能,则使用以下代码:
add_theme_support('post-thumbnails', array('post'));
如果你仅想让页面信息开启缩略图功能,则使用以下代码:
add_theme_support('post-thumbnails', array('page'));
二、设置缩略图大小
三、编辑文章,上传缩略图
上传的图片将保持在/wp-content/uploads
四、调用缩略图
判断一篇文章是否存在缩略图,如果有,则显示缩略图,否则显示默认缩略图。
<?php if( has_post_thumbnail()):?>
<?php the_post_thumbnail('thumbnail');?>
<?php else:?>
//显示默认图片
<?php endif;?>
the_post_thumbnail可以是字符串或数组
a.字符串参数时:thumbnail(小尺寸)、medium(中等尺寸)、large(大尺寸)、full(完整尺寸)
<?php the_post_thumbnail('thumbnail');?>
b.数组参数
//尺寸60×60
<?php the_post_thumbnail( array(60,60));?>
c.默认尺寸:
<?php the_post_thumbnail();?>
五、add_image_size
如果大中小满足不了你的尺寸可使用
add_image_size('newchicun',148,100,$crop);
使用时:
<?php the_post_thumbnail('newchicun');?>
wordpress怎么设置缩略图片不压缩 不拉伸
要使缩略图不压缩、不拉伸,大致有以下几步:
1、后台设置-多媒体里,将所有“缩略图大小”设置为空值
如果不想生成其他尺寸的图片,建议将“中等大小”、“大尺寸”都设置为空值
2、通过wp_get_additional_image_sizes()函数,可查看当前都有哪些图片尺寸设置
例如有以下值:
array(1){
[“post-thumbnail”]=>
array(3){
[“width”]=>
int(825)
[“height”]=>
int(510)
[“crop”]=>
bool(true)
}
}
这表示我当前的wp有设置post-thumbnail这个图像尺寸。凡是宽大于825高大于510的图片,在上传时都会进行裁切的。如果不想用这个尺寸去裁切,可以unset这个
如:
global$_wp_additional_image_sizes;
if(isset($_wp_additional_image_sizes['post-thumbnail']))
unset($_wp_additional_image_sizes['post-thumbnail']);
3、wordpress默认上传的图片精度为82,可查看
/wp-includes/-> class-wp-image-editor.php中$default_quality的默认指定值
为改变这个值,可向wp_editor_set_quality这个hooks添加函数
如:
add_filter('wp_editor_set_quality','wpdit_set_quality');
functionwpdit_set_quality($quality){
$quality=100;
return$quality;
}
通过以上几步,足够解决你的问题。
如何为 WordPress 老文章自动添加特色图像
现在不同的 WordPress主题获取缩略图的方法不一样,有的使用自定义字段,有的使用 timthumb脚本,还有的使用WordPress 3.0以后的特色图像功能……这就造成了一个问题:更换新主题后,由于缩略图的获取方法不一样,老文章的缩略图设置也不一样,这就可能造成某些老文章没有显示缩略图。
wpdaxue.com-201303451
如果你的新主题是使用 WordPress 3.0以后的特色图像功能来设置缩略图的,发布新文章时,你可以手动选择特色图像,但是如果老文章没有设置过特色图像,你应该不情愿重新编辑老文章选择特色图像吧,那你可以使用 Easy Add Thumbnail插件,来为你的老文章自动添加特色图像。
Easy Add Thumbnail简介
Easy Add Thumbnail是一个为 WordPress文章添加特色图像作为缩略图的插件,在倡萌看来,它的最大用处在于:自动为你的老文章添加特色图像作为缩略图。
实现方式:当有人在网站前台访问了你的老文章,而老文章没有设置过特色图像,那么它就会自动将这篇文章的第一张图片设置为特色图像(只执行一次)。当然,对于新文章,你可以手动设置特色图像,如果不设置,就被当做老文章一样处理了。
使用前提:①主题必须是使用特色图像功能来设置缩略图;②老文章的图片必须在媒体库(后台–多媒体–媒体库)中有记录,如果是外链图片,在媒体库中没有记录,或者文章没有图片,那这个插件就无法正常为你工作。
Easy Add Thumbnail下载安装
可以直接在后台插件安装页面搜索 Easy Add Thumbnail在线安装,或者在此下载 Easy Add Thumbnail。
直接启用即可,没有任何设置页面。
倡萌建议:如果你是直接在WP后台发布文章,最好从一开始就手动为你的每篇文章设置特色图像,养成好习惯。