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

WordPress の投稿やページを構成するモジュール式ブロックの概念は Gutenberg とともに登場しましたが、実際には WordPress 自体がモジュール式の構造になっています。 たとえば、WordPress メディア ライブラリを考えてみましょう。 使用しているエディターに関係なく、画像をアップロードして投稿やページで使用できます。 この記事では、特に Elementor と、 ImageRecycleを使用して画像を最適化する方法に焦点を当てます。

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

ImageRecycle画像の最適化

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

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

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

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

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

Elementor は、WordPress の投稿およびページ用の強力なエディタです。 Gutenberg と同様に、コンテンツをブロックに編成し、それぞれが異なる要素を表します。 ご存知のとおり、Web サイトは画像なしでは完全に完成しません。Elementor には画像ブロックの領域が欠けていません。 ここでメディア ライブラリが登場します。

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

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

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