缩略图

蜡笔 评论126阅读模式

主题目前支持,默认缩略图、阿里云OSS、七牛云、又拍云、腾讯COS、不裁剪及特色图像。

进入主题选项 → 缩略图 → 选择适合自己的方式。

默认缩略图

默认缩略图,包括手动缩略图、自动裁剪文章第一张图片为缩略图。

手动缩略图

通过手动添加图片链接调用指定图片,编辑文章时在编辑器下面的“手动缩略图”面板中,直接输入图片链接地址。

缩略图

要求图片大小必须相同。

手动缩略图也可以根据主题设置的缩略图大小自动裁剪

自动裁剪文章中的第一张图片作为缩略图,支持外链接图片下载到本地裁剪

需要主机安装GD库。

主题缩略图缓存文件夹是在wp-content目录thumbnail文件夹中,启用主题后会自动生成这个文件夹,如果没有自动生成,在wp-content目录新建thumbnail文件夹,权限设置为755以上(或者777)。

可以使用FTP客户端右键cache文件夹,在调出的菜单中选择属性,最终设置如图:

缩略图

另外,出于安全考虑,主题默认并没有开启所有外链图片自动裁剪,如想实现外链图片自动裁剪,打开Begin主题根目录的timthumb-config.php,在大约60行处添加外链接图片地址域名:

  1. // 添加外链图片地址域名
  2. if(! isset($ALLOWED_SITES)){
  3. $ALLOWED_SITES = array (
  4. 'ww1.sinaimg.cn',
  5. 'ww2.sinaimg.cn',
  6. );
  7. }

格式类似 'www.zmingcx.com', 一行一个.

安全提示

开启所有外链图片裁剪,危险性极大,切记!

调整缩略图大小比例

主题选项 → 缩略图 → 缩略图自动裁剪设置中,修改缩略图宽高。

不裁剪

主题选项 → 缩略图,缩略图方式,勾选“不裁剪”

不裁剪直接调用文章中第一个图片为缩略图。

好处不言而喻,可以调用外链图片,不生成单独的缩略图。

当然坏处也很明显,虽然有图片延迟加载功能,但如果原图片尺寸较大,还是会影响页面加载速度。

修改图片显示比例

主题选项 → 缩略图 → 缩略图不裁剪显示比例中,修改显示比例,数值75约等于4:3比例,100就是正方形,120就是竖的长方形,以此类推。

阿里云OSS缩略图

主题选项 → 缩略图 ,找到缩略图方式,勾选“阿里云OSS”。

使用阿里云OSS缩略图,可以下载安装类似的阿里云 OSS插件:Aliyun OSS插件,方便在后台上传图片到OSS,并管理使用图片,但不是必须的。

OSS设置中貌似不能开启原图保护,否则不能裁剪缩略图,也不能启用图片lightbox查看功能。

如果还是不能裁剪缩略图,可以尝试用浏览器打开OSS图片地址,如果看不到图片,而是直接下载图片,请自行百度“阿里云OSS无法使用图片URL访问,直接下载”研究解决。

七牛云缩略图

然后主题选项 → 缩略图 ,找到缩略图方式,勾选“七牛缩略图”

又拍云缩略图

进入主题选项 → 缩略图 ,找到缩略图方式,勾选“又拍云”。

腾讯COS缩略图

进入主题选项 → 缩略图 ,找到缩略图方式,勾选“腾讯COS”。

 

使用第三方图片存储,同时使用主题的自动缩略图

方法与外链缩略图一样,打开Begin主题根目录的timthumb-config.php,在大约60行处添加外链接图片地址域名:

if(! isset($ALLOWED_SITES)){
	$ALLOWED_SITES = array (
		's0.wordpress.com',
		'ww1.sinaimg.cn',
		'wx1.sbimg.cn',
		'xxxxxxxxxxx',
	);
}

比如图片地址:

https://zmingcx.com/wp-content/2020/0066.jpg

只需要添加前面的域名:zmingcx.com

文章中无图显示随机缩略图

主题默认只有5张随机缩略图,如果想增加或者替换随机缩略图,到主题选项 → 缩略图 → 随机缩略图,在随机缩略图链接设置中,添加图片链接,多张图片中间用半角逗号","隔开。

特色图像

需到主题选项 → 缩略图 → 特色图片,勾选“启用特色图像”,才能使用,不建议使用浪费空间不好管理。

重新生成特色图像尺寸参阅:WordPress重新生成特色图像插件:Regenerate Thumbnails

weinxin
我的微信
微信及版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!其他文章来源于网络,如有侵权,请联系我!
精品推荐

怎样提升你的职场写作能力

你要用大量的信息化语言,在文字上与读者建立起信任(这是基本前提),并且,让读者通过单向沟通的形式,读出双向沟通的幻觉(这可以通过写作内容和文字表达来实现),最后,双方理性、感性都达...
评论  0  访客  0
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定