网站全新改版,使用全新主题,精简文章,重新分类。同时建议大家使用FireFox、Opera、Safri、IE9+等高级浏览器访问!

给文章添加缩略图方法

Wordpress 木华澄 1602℃ 0评论

给桑吉读书会网站的文章启用了特色图像功能,呵呵,一开始不准备开启,开启的推动力是淼淼同学,提出想显示缩略图,就开启特色图像功能来方便大家更好的表达自己。

就目前的功能来看,文章的缩略图支持随机缩略图,手动自定义缩略图,从文章中获取一张图片作为缩略图,和自定义特色图片这四种模式。

1.随机缩略图

就是自己不设置缩略图的情况下,系统会自动调用准备的图库中的图片作为缩略图。

2.手动定义缩略图

以我刚添加的读柴静《看见》读后感:满溢的事件,流淌的思想为例,在“添加自定义栏目”中

名称为:thumbnail

值为你自定义的图片地址,建议用绝对路径图片大小140*100(图片大小非常重要,必须是140*100像素,裁的方法,我后面的教程上写

tesetuxiang1

PS:如果遇到在文章的正文编辑框下面找不到“自定义栏目”,按照如下操作

点击tesetupian2的“显示选项”,在“自定义栏目”上打上复选框就可以看到了。

3.自动获取一张图片作为缩略图

发表文章上传图片,这些都是比较简单的,我就不说了,如下图,我上传了2张图片到文章。

suoluetudiaoyong2

如果此时不设置特色图片就保存文章,那么首页的缩略图会调用文章的第一张图片,如下图,图片很明显的被强制压缩为了140*100大小了。

suoluetudiaoyong3

 

4.特色图像设置

1)如果后台编辑文章,设置特色图片,选取其中一张图片作为特色图片,那么效果是这样的,如下图,图片自动截图了那张大图的一块,大小为140*100。

tesetuxiang2tesetuxiang3

2)有时候系统自动截图的缩略图位置不是很好,我们想自己手动编辑一下这个缩略图,那么也是可以的,编辑文章,点击特色图像里面的图片进入图片编辑页面,点击编辑图像,如下图。

tesetuxiang4

3)到了这个页面就要稍微注意一下,先鼠标拖动截图大概位置,然后设置右侧的长宽比为140*100,填好之后回车一下,然后你就发现直接的截取大小的比例会自动调整了,如果大小不是很合适,你可以按着shift键拖动裁剪区域,直到合适。此修改只用于“缩略图”,接着点击裁剪按钮,好了之后点击保存,最后点击右侧的更新按钮,大功告成,如下图。

tesetuxiang5

4)这个时候刷新下页面,首页的缩略图就是我们自定义的缩略图了,如下图。

tesetuxiang6

貌似看着有点复杂,其实真正操作起来还是很简单的,比较适合那么真正喜欢完美展示缩略图的人。

关于特色图像的编辑,如果,上传后,系统自动出来的图像还可以的话,就可以不用再行修剪了。

转载请注明:程春杰博客 » 给文章添加缩略图方法

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 呵呵!有点不懂啊!但是感觉不错!
    • 欢迎来访
      程春杰2013-05-28 19:15 回复
  2. 缩略图还是要的
    网赚博客2013-05-19 15:07 回复
    • 部分主题缩略图是必须的
      程春杰2013-05-28 19:14 回复