WordPress Elementorプラグイン用の画像の最適化

WordPressの投稿とページを構成するモジュラーブロックの概念はグーテンベルクと一緒に到着しましたが、実際には、WordPress自体は構造がモジュラーです。

ElementorはGutenbergと同じように、投稿者やページを読者にどのように表示されるかを確認しながら作成できるWordpressエディターです。 Elementorの構造も、今ではおなじみのブロックの概念を使用しているため、Gutenbergの構造と似ています。 これにより、最適化された画像を追加する場合を含め、WordPressメディアライブラリの使用がさらに簡単になります。 まず最初に、WordPressで画像をどのように最適化しますか？

ImageRecycle画像の最適化

ImageRecycle使用したことがない場合、WordPress画像の最適化は迅速かつ簡単なプロセスです。

メディアメニューからメインのImageRecycleインターフェースにアクセスできます。 このページはシンプルで使いやすいです。 メディアライブラリ内のすべての画像、およびそれらのサイズと圧縮率が一覧表示されます。 個々の画像の横にある最適化ボタンをクリックして画像を圧縮するか、 [すべて最適化]ボタンをクリックしてすべての画像を一度に最適化できます。

圧縮中に発生することの多くは、 ImageRecycleの設定によって異なります。 たとえば、最高の保存または元の品質の圧縮を使用することを選択できます。これにより、画像をそれぞれ最大80％および20％圧縮できます。 これら2つのモードの違いについて詳しくは、こちら。

どちらの最適化モードを選択しても、これらの画像はWordPressメディアライブラリに保存されます。つまり、使用しているエディターに関係なく、投稿やページで使用できます。 この記事の残りの部分では、特定のエディターであるElementorに焦点を当てます。

Elementorで最適化された画像を使用する

Elementorは、WordPressの投稿とページ用の強力なエディターです。 グーテンベルクと同様に、コンテンツをブロックに編成し、それぞれが異なる要素を表します。 ご存じのとおり、画像なしで完全に完成したウェブサイトはなく、Elementorは画像ブロックのドメインを欠いていません。 これがメディアライブラリの出番です。

Elementorは、メディアライブラリからではなくても、どこから画像を取得しますか？

ElementorでImageRecycleの圧縮画像を使用するのは、基本画像、カルーセル、ギャラリーなど、画像ブロックをドラッグアンドドロップして画像を読み込むだけです。

WordPressは本質的にモジュール式であり、それを利用しないのはもったいないでしょう。 ImageRecycleは、ワークフローに影響を与えることなく、使用するエディターと連携します。