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

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

Gutenbergと同様、ElementorはWordPressエディタで、投稿やページを作成しながら、読者にどのように表示されるかを確認できるものです。Elementorの構造もGutenbergに似ており、今ではお馴染みのブロックの概念を採用しています。これにより、最適化された画像を追加する際など、WordPressメディアライブラリの使用がさらに容易になります。まずはWordPressで画像を最適化する方法について見ていきましょう。

ImageRecycleによる画像の最適化

ImageRecycle初めてご利用になる場合、WordPress画像の最適化は迅速かつ簡単なプロセスです。まず、 ImageRecycle設定の設定に移動し、APIキーとシークレットを入力します。変更を保存し、キーとシークレットが一致すれば、すぐに画像の最適化を開始できます。

ImageRecycleメディアからアクセスできます。このページはシンプルで使いやすく、メディアライブラリ内のすべての画像と、そのサイズと圧縮率が一覧表示されます。「最適化」ボタンをクリックして圧縮するか、「最適化」ボタンをクリックしてすべての画像を一括で最適化できます。

圧縮中に行われる処理の多くは、 ImageRecycleの設定によって異なります。例えば、高画質圧縮とオリジナル品質圧縮のどちらかを選択できます。これらの圧縮方法では、それぞれ最大 80% と 20% の圧縮が可能です。これら 2 つのモードの違いについて詳しくは、こちらを。

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

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

Elementorは、WordPressの投稿やページ用の強力なエディターです。Gutenbergと同様に、コンテンツをブロックに整理し、各ブロックが異なる要素を表します。ご存知の通り、画像がなければウェブサイトは完成しません。Elementorは画像ブロックの分野でも豊富な機能を備えています。そこでメディアライブラリが役立ちます。.

この記事の冒頭で、WordPress自体がかなりモジュール化されており、それが全てを繋ぎ合わせている点を説明しました。Elementorはメディアライブラリから画像を取得するのでなければ、どこから画像を取得するのでしょうか？つまり、 ImageRecycleで最適化したWordPressメディアライブラリから画像を取得するということです。.

ImageRecycleの圧縮画像を Elementor で使用するのは簡単です。画像ブロック（基本画像、カルーセル、ギャラリーなど）をドラッグ＆ドロップして画像を読み込むだけです。WordPress メディアライブラリから直接画像を選択すると、圧縮された画像が自動的に読み込まれます。.

WordPressは本質的にモジュール化されており、これを活用しないのはもったいないです。ImageRecycle ImageRecycle ワークフローに影響を与えることなく、あらゆるエディタと連携できます。画像を最適化してブログに挿入するだけで、使用するエディタに関わらず、WordPressの読者エクスペリエンスを最適化できます。.