美文网首页
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://www.haomeiwen.com/subject/ooimxctx.html