美文网首页
wordpress-图片缩放功能

wordpress-图片缩放功能

作者: 秋_落 | 来源:发表于2019-06-07 14:35 被阅读0次

文章发布地址: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.查看效果

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

最终效果

相关文章

  • wordpress-图片缩放功能

    文章发布地址:https://blog.qiuluo.xin/2018/11/12/wordpress-%E5%9...

  • Android 基于 Fresco 实现类 PhotoView

    1.需求分析 需求:基于 Fresco 实现类似 PhotoView 触控缩放图片效果问题:触控缩放图片功能常用 ...

  • Typora 小技巧 01 - 如何缩放图片

    如何缩放图片 图片缩放应该算是笔记和文档软件的必备功能,但 Markdown 由于自身的语法限制,无法直接对图片进...

  • 图片操作系列 —(2)手势旋转图片

    前言 在上次的文章:图片操作系列 —(1)手势缩放图片功能中,我们已经学会了如何用手势来对图片进行缩放。这次我们继...

  • 基于Fresco的图片浏览器

    1.实现功能 使用Fresco实现类似于微信图片查看器的功能: 手势拖动关闭 手势缩放 双击缩放 单击,双击等各种...

  • MCClipImage

    github地址 支持功能说明 裁切矩形图片 裁切圆形图片 裁切相册图片 裁切拍照图片 调整图片缩放 调整裁切框大...

  • css 图片随屏幕等比例缩放

    有时我们希望图片能随屏幕大小的缩放而缩放,两种情况: 单个图片缩放 图片在盒子内缩放 裸图片的缩放 图片在一个盒子...

  • [code]python转换url对应的图片为base64

    功能步骤: 通过url获取图片 缩放图片 图片数据放入内存buffer buffer数据转化为base64编码 特...

  • 布局拼图功能实现

    一、功能简述 二、布局模板 三、布局功能实现构建矩形边框模型构建图片缩放平移模型布局绘制事件触发边框拖动规则图片缩...

  • Pillow

    操作图形1.常见的图形缩放操作 这样我们就可以打开了一个缩放以后的图片如果想把图片保存到本地: 其他功能如切片, ...

网友评论

      本文标题:wordpress-图片缩放功能

      本文链接:https://www.haomeiwen.com/subject/ooimxctx.html