wordpress-图片缩放功能

文章发布地址:https://blog.qiuluo.xin/2018/11/12/wordpress-%E5%9B%BE%E7%89%87%E7%BC%A9%E6%94%BE%E5%8A%9F%E8%83%BD/

这里首先介绍官方自带的图片缩放功能

然后介绍Simple Lightbox图片缩放插件来增强图片缩放功能

一、官方图片缩放功能

官方的图片缩放功能其实很简单,只是很多博主可能没有注意到这个选项。

1.选择图片

当点击插入图片到文章后,会出现下面的界面来选择图片

选择图片

2.选择链接到媒体文件

选择图片后,右侧边会出现对图片的编辑选项,一定要选择链接到媒体文件选项图片才能在文章中拥有点击缩放功能

链接

下面的尺寸选项,表示的是在没有点击放大的状态下,图片的显示尺寸。
根据原始图片大小,会有几个选项可以选择

image

原始尺寸就比较小的图片,可能会只有缩略图和完整尺寸的选择

3.完成演示

这是图片在文章中的样子

文章中的图片

点击放大后就是这个样子了

放大

4.缺点

官方自带的放大功能有一个缺点,那就是会跳转到新的页面上去展示这个图片,这样的效果对用户并不友好,不是最佳选择。

二、使用Simple Lightbox增强图片缩放

1.下载上传插件

点击下载:Simple Lightbox

下载完成后,将插件上传至worpress的wp-content/plugins目录下
我使用的是xftp工具进行上传,不论使用什么工具,只要能将插件上传即可

上传插件

2.启用插件

将压缩包解压后,在管理界面就可以看到这个插件了
点击启用,开启Simple Lightbox插件

启用插件

3.查看效果

再次点击之前文章中的图片,发现不再会跳转到新的界面,效果好了很多

最终效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 我在一辆火车的车厢里,这一定是一个由拉煤的铁皮车改装的车厢,它的四壁都是结实坚硬的钢铁,人们挤在为数不多的几个座位...
    复州探花阅读 2,548评论 0 0
  • 今天读了程红兵专家的《我的成长之路》感慨颇多。晚上聆听了彩虹花继续引领董桂英和闫慧老师的分享,让我感慨慨万千...
  • 我只是想让你摸摸我的脸 告诉我,你爱我 我便能脱下这一身邪愤戾气 化身一条龙 此生只臣服于你 为你对抗全世界 无论善恶
    神圣小孩日记阅读 1,436评论 0 2