优化 WordPress Elementor 插件的图片

WordPress 文章和页面采用模块化区块的概念与 Gutenberg 编辑器一同出现,但实际上,WordPress 本身的结构就是模块化的。以 WordPress 媒体库为例,无论使用哪个编辑器,你都可以上传图片并在文章或页面中使用它们。本文将重点介绍 Elementor 编辑器,以及如何使用 ImageRecycle优化图片。.

 覆盖

Elementor 与 Gutenberg 编辑器非常相似,它是一款 WordPress 编辑器,可以让你创建文章或页面,并预览它们在读者面前的显示效果。Elementor 的结构也与 Gutenberg 类似,都采用了大首页熟悉的区块概念。这使得使用 WordPress 媒体库更加便捷,包括添加优化后的图片。不过,首先要弄清楚的是:如何在 WordPress 上优化图片呢?

 

使用 ImageRecycle优化图像

如果您之前从未使用过ImageRecycle ,那么优化 WordPress 图片其实非常简单快捷。首先,您需要在 WordPress 网站上ImageRecycle设置菜单下的配置页面,输入您的 API 密钥和密钥密码。保存更改后,如果密钥和密码匹配,即可立即开始优化图片。

1. 设置

 

媒体ImageRecycle主。此页面简洁易用,列出了媒体库中的所有图像及其大小和压缩率。您可以点击单个图像旁边的“优化”“全部优化”按钮一次性优化所有图像。

压缩过程中的很多操作都取决于ImageRecycle的设置。例如,您可以选择使用最佳保存或原始质量压缩,这两种模式分别可以将图像压缩高达 80% 和 20%。您可以点击此处

2. 优化

 

无论您选择哪种优化模式,这些图片都会保存到您的 WordPress 媒体库中,这意味着您可以在文章和页面中使用它们……无论您使用什么编辑器。本文的其余部分将重点介绍一个特定的编辑器:Elementor。.

 

在 Elementor 中使用优化图像

Elementor 是一款功能强大的 WordPress 文章和页面编辑器。与 Gutenberg 编辑器类似,它将内容组织成块,每个块代表一个不同的元素。众所周知,任何网站都离不开图片,而 Elementor 在图片块方面也毫不逊色。这时,媒体库就派上了用场。.

3. 图像块

 

文章开头我们解释了 WordPress 本身具有相当高的模块化特性,而这正是所有功能相互关联的关键所在。如果不是媒体库,Elementor 的图片又从哪里来呢?没错,就是你刚刚用 ImageRecycle优化过的那个 WordPress 媒体库。.

在 Elementor 中使用 ImageRecycle的压缩图片非常简单,只需拖放任何图片块(无论是普通图片、轮播图、图库还是其他任何类型的图片),然后加载图片即可。您可以直接从 WordPress 媒体库中选择图片,媒体库会自动加载压缩后的图片。.

4. 选择图片

 

WordPress 本质上是模块化的,不充分利用这一点实在可惜。ImageRecycle 可以与您使用的任何编辑器无缝集成,而不会影响您 ImageRecycle 工作流程。您只需优化图片,稍后将其插入到博客中,即可优化 WordPress 读者的阅读体验,而无需考虑您使用的编辑器。.

    • 未找到评论