WordPress でイメージギャラリーを作成する方法 (プラグインありおよびなし)

公開: 2024-02-03
how to add an image gallery in wordpress

WordPress ウェブサイトにギャラリーを追加するためのより良い方法をお探しですか?

ギャラリーは、サイトをより視覚的に魅力的なものにするための優れた方法です。 デジタル ポートフォリオを迅速に紹介するのに役立ちます。 これにより、クリエイティブは潜在的なクライアントに対してわかりやすい方法で最高の作品を表示できるようになります。

しかし、ギャラリーはポートフォリオの構築に優れているだけでなく、画像を通じたストーリーテリングにも使用できます。 注文に応じて画像を表示できるため、訪問者は視覚的なストーリーを簡単に理解できます。

これらの特性により、ギャラリーはサイトでのエンゲージメントを高め、より多くのソーシャルシェアを得ることができます。

この記事では、サイトにギャラリーを配置する方法を説明します。 また、訪問者に最高の体験を提供するためにギャラリーをカスタマイズする方法についても説明します。

WordPress でギャラリーを使用する必要がある理由

前述したように、ギャラリーは画像のコレクションであるため、ストーリーを伝えたり、作品を紹介したりするのに優れています。 ギャラリーの他の利点を見てみましょう。

  • サイトの構成:ギャラリーはサイトの画像を整理し、訪問者がサイト内を簡単に移動できるようにするのに役立ちます。その結果、ユーザーはサイトを探索してより多くのコンテンツを読む可能性が高く、エンゲージメントとページビューの増加につながります。
  • 簡単なコンテンツの利用:情報コンテンツや教育コンテンツをより早く簡単に利用できる方法を求める人が増えているため、ギャラリーは優れた視覚的補助手段となります。 これらは、チュートリアルやハウツー ガイドを提供するブログや Web サイトに特に役立ちます。 このような状況では、初心者でも理解できるように、段階的に情報を表示するのに役立ちます。
  • マーケティング:ギャラリーを使用して視覚的でわかりやすい方法で製品を紹介し、カスタマー ジャーニー エクスペリエンスを向上させることもできます。 サイト訪問者のエクスペリエンスが向上すればするほど、訪問者があなたから購入する可能性が高くなります。
  • ブランディング:ブランディングとは、ビジュアルとメッセージの一貫性を使用してアイデンティティを作成することです。 前述したように、ギャラリーはユーザー エンゲージメントを向上させ、ストーリーを伝え、ポートフォリオを紹介し、製品を簡単に表示するのに役立ちます。 これらの特性により、ギャラリーはブランド構築にも優れています。
  • SEO:適切に最適化されたギャラリーは、画像 SEO と SEO 全体の向上に役立ちます。 これにより、訪問者は文字だけでなく画像検索を通じて自然にあなたを見つけることができます。

ギャラリーの利点を理解したところで、WordPress サイトにギャラリーを追加する方法を説明します。

この記事を簡単に参照できるように、以下のリンクをクリックして、読みたい投稿のセクションにジャンプできます。

  • プラグインを使用して WordPress にギャラリーを追加する (推奨)
  • プラグインを使用せずに WordPress にギャラリーを追加する
  • ギャラリーを改善するためのボーナスのヒントとツール

プラグインを使用して WordPress にギャラリーを追加する (推奨)

プラグインを使用してサイトにギャラリーを挿入するのが最も簡単な方法です。

ただし、イメージ ギャラリー プラグインを使用している場合でも、手頃な価格で使いやすいものを選択する必要があります。

このため、このチュートリアルでは Envira Gallery を使用します。

Envira Gallery

Envira Gallery は、コーディングやデザインの経験がなくても、サイトにギャラリーを追加するのに最適なプラグインです。 シンプルなドラッグ アンド ドロップのギャラリー ビルダーが付属しており、ギャラリーをカスタマイズして独自のスピンを加えることができます。

ギャラリーをさらにカスタマイズするのにサポートが必要な場合は、Envira Gallery にテーマが付属しており、ブランディングに合わせてギャラリーをパーソナライズするために使用することもできます。

さらに、このギャラリー プラグインには画像圧縮機能が組み込まれています。 これらにより、サイト上に多くのギャラリーがある場合でも、サイトのパフォーマンスと読み込み時間を維持できます。

この WordPress フォト ギャラリー プラグインについて詳しく知りたい場合は、ここで Envira Gallery の完全なレビューをご覧ください。

Envira Gallery についてさらに理解できたので、Envira Gallery を使用してギャラリーを追加する方法を説明します。

ステップ 1: Envira ギャラリーをインストールする

まず第一に、Envira Gallery はプラグインのプレミアム バージョンと無料バージョンの両方を提供していることに言及することが重要です。

無料バージョンの Envira Gallery Lite を使用すると、決定を下す前にプラグインをテストできます。

設定するには、WordPress ダッシュボードで[プラグイン] » [新しいプラグインの追加]に移動するだけです。 次に、プラグイン リポジトリで、検索バーに「Envira Gallery」と入力してプラグインを見つけます。

適切なプラグインを見つけたかどうかを確認するには、それが Envira Gallery チームによるもので、1,500 件を超えるレビューがあり 4.5 の評価を得ていることを確認してください。

envira reviews

プラグインをインストールしたら、他のプラグインと同様にアクティブ化します。この時点でプラグインを使用できるようになります。

ただし、この WordPress チュートリアルでは、期待されるすべての素晴らしい機能について説明できるように、Envira Gallery Pro に焦点を当てます。

したがって、プラグインの Pro バージョンを入手するには、公式ページにアクセスすることになります。 ここで、サインアップしてプランを選択して開始します。

幸いなことに、Envira Gallery Pro には 4 つのプランが用意されているため、ビジネスに最適なパッケージを簡単に選択できます。

プロフィールを作成してプランを購入したら、次のステップは Envira Gallery ダッシュボードに移動し、アカウントに進みます。

次に、「ダウンロード」タブに移動して、Evnira Gallery ZIP ファイルをダウンロードします。 このタブを表示しているときに、ライセンス キーもコピーします。これは、後でプレミアム プラグインをアクティブ化するために使用します。

envira dashboard

次に、WordPress ダッシュボードで、プラグイン » 新しいプラグインの追加に移動し、「プラグインのアップロード」を選択します。

次に、先ほどダウンロードしたZIPファイルをドラッグ&ドロップしてWordPressにアップロードします。 この後、これを有効にすると、WordPress ダッシュボードに「Envira Gallery」メニュー オプションが表示されます。

ここで、Envira Gallery Pro をアクティブ化するには、 Envira Gallery » 設定に移動します。 設定ページで「Envira License Key」バーを見つけて、先ほどコピーしたコードを貼り付けます。

最後に、 [キーの確認]をクリックすると、このギャラリー ウォール オンライン ツールが完全にインストールされ、アクティブ化されます。

Envira gallery plugin wordpress activation key

問題がある場合は、WordPress プラグインのインストール方法に関するこのチュートリアルを確認してください。

ステップ 2: プラグインの初期セットアップ

Envira Gallery は、最高のコンバージョンおよびリード生成プラグインである OptinMonster と最高の WordPress スライダー プラグインである Soliloquy の背後にいる同じ人物である Thomas Griffin によって作成されました。

これらは、使いやすさと顧客のニーズを最優先することで知られる WordPress 用のプラグインです。 エンビラ ギャラリーも例外ではありません。

そうは言っても、WordPress ギャラリー プラグインを使いやすくし、一貫性を確保するために、Envira Gallery では初期設定を行うことができます。

したがって、まず、 Envira Galleryメニューの「設定」に移動します。

次に、アクティベーションバーの下に「ギャラリー」が表示されます。 これらのギャラリー オプションでは、シンプルなドロップダウン メニューから必要なものを選択するので、簡単で便利です。

[ギャラリー]の下にあるオプションには次のようなものがあります。

  • 新しい画像の追加:ここでは、オンライン フォト ギャラリーに新しい画像を追加した場合に、既存の画像の前または後に表示されるように、最初にプラグインを設定します。
  • ギャラリー画像の削除時に画像を削除:次に、次のドロップダウン メニューで、ギャラリーから画像を削除するときに、その画像に関連付けられているすべてのメディアも削除するかどうかを決定します。
  • ギャラリーの削除時に画像を削除:この下で、ギャラリーを削除するときに、ギャラリーに関連付けられているすべてのメディアも削除するかどうかを決定します。
  • 読み込みグラフィックの色をカスタマイズする:最後に、読み込みグラフィックの色をカスタマイズして、WordPress ギャラリーを視聴者に合わせてカスタマイズすることもできます。
envira gallery settings

ステップ 3: 画像をアップロードする

インストールと初期設定が完了したら、次のステップは画像を WordPress ダッシュボードにアップロードすることです。

これを行うには、 Envira Gallery » [新規追加]に移動して、ギャラリー エディターを開きます。

Envira Gallery ビルダーには、クラシック WordPress エディターに似たシンプルなインターフェイスがあり、学習に時間がかかることはありません。

ノスタルジックな魅力とは別に、クラシックなエディターのデザインにより、ギャラリーのすべての機能を一目で簡単に見つけることができます。

たとえば、 [下書きを保存]、[プレビュー] 、および[公開]ボタンが右端にすぐに表示されます。 さらに、従来の WordPress エディターを使用して、他の投稿やページと同じように、ギャラリーの注目の画像を簡単に追加できます。

このシンプルなデザインにより、画像の追加を開始する前にギャラリーのタイトルをすばやく追加することもできます。

envira gallery add new gallery

新しいオンライン ピクチャ ギャラリーに画像を追加するには、コンピュータ、Instagram、またはブログの注目の画像からアップロードできます。

このチュートリアルでは、PC からの画像のアップロードに焦点を当てます。 これは、Envira WordPress ギャラリーに画像をアップロードするデフォルトの方法です。

必要な画像をコンピュータから選択するだけです。 次に、それらを「アップロードするファイルをドロップ」領域にドラッグアンドドロップします。

それでおしまい! ギャラリー画像を WordPress にアップロードしました。

envira upload images

多くのギャラリー プラグインの問題は、小さな画像しかアップロードできないことです。 これは、ギャラリーがサイトを増大させたり、サイトのパフォーマンスや速度を妨げたりしないようにするためです。

ただし、Envira Gallery は圧縮機能が組み込まれているため異なります。 これにより、大きな画像をアップロードした場合でも、サイトに影響を与えることがなくなります。 その結果、Envira Gallery では最大 512 MB のメディア ファイルをアップロードできることがわかります。

ステップ 4: イメージを構成する

Envira Gallery では、ブランドやスタイルに合わせて画像をカスタマイズすることもできます。

これに加えて、Envira Gallery プラグインを使用すると、画像をアップロードしたのと同じページですべての設定が確実に行われるため、ギャラリーのカスタマイズが驚くほど簡単になります。

したがって、構成にアクセスするには、アップロード領域を過ぎてスクロールし、垂直タブのメニューを見つけます。

まず「ギャラリー」タブに移動します。

ここでは、ギャラリーに表示したいように画像を配置します。 これは、ポートフォリオ ギャラリーやストーリーテリング ギャラリーを作成している場合に特に重要です。

ドラッグアンドドロップインターフェイスを使用して、画像を希望の位置に簡単に移動できます。

多数の画像がある場合、Envira Gallery では、「フィルター」オプションまたは「昇順または降順」オプションを使用して画像を並べ替えることができます。

「並べ替え」ドロップダウン メニューを使用することもできます。 ここでは、画像をランダム、公開日、タイトル、キャプション、代替テキスト、ファイル名、URL で配置できます。

envira gallery customization

次に、「構成」タブに移動しましょう。

このタブでは、まずギャラリーのレイアウトを設定します。 Envira Gallery には、Automatic、Mason、Grid、Square、Blogroll、BnB などのいくつかのオプションが用意されています。

これらの各レイアウトはユーザーに異なるエクスペリエンスを提供するため、それらを試して視聴者にとって最適なものを確認できます。

envira configuration

レイアウト オプションで、まずチェックボックスをオンにして遅延読み込みを有効にするかどうかを決定します。

遅延読み込みでは、必要なときにのみ画像を読み込むことで、サイトのリソースをより有効に活用できます。 これにより、サイトのパフォーマンスが影響を受けなくなります。

次に、画像の遅延読み込み遅延をミリ秒単位で設定してこれをフォローアップします。 このオプションは、最初の画像の後に次の画像の読み込みを開始する時間を設定します。

これは、読み込まれた特定の画像のみに読者が集中できるようにしながら、サイトのリソースを活用するもう 1 つの優れた方法です。

次に、以下を設定します。

  • 行の高さ
  • 画像サイズ
  • 画像の寸法
  • 余白
  • 画像のトリミング
  • トリミング位置
  • 最終行の位置
  • キャプションを有効にする

Enira Gallery では、ドロップダウン メニューを使用するか、単に番号を指定するだけで、これらのオプションを簡単に設定できます。

envira gallery customization more options

「ライトボックス」タブに進みましょう。

ライトボックス ギャラリー効果により、訪問者は画像を全画面で表示できるようになり、より使いやすくなります。

したがって、これを設定するには、「ライトボックス」タブに移動し、「ライトボックスを有効にする」チェックボックスをオンにします。 次に、ライトボックスのテーマを選択します。

次に、ライトボックスにタイトルまたはキャプションを付けるかどうかを決定し、画像サイズも設定します。

これらのオプションの下には、ギャラリー矢印ループ ギャラリー ナビゲーションを有効にするチェックボックスがあります。 これらのオプションはどちらも、ナビゲーションを容易にすることでユーザー エクスペリエンスを向上させるのに優れています。

これらのオプションとは別に、次のことも決定します。

  • ライトボックス開閉効果
  • 移行効果
  • スーパーサイズ画像
  • 画像カウンター
  • キャプションで無制限の HTML を有効にする
add envira lightbox effect

これらのオプションの下で、簡単なチェックボックスを使用してライトボックスのサムネイルを設定することもできます。 ライトボックス画像は画面全体をカバーするため、サムネイルを追加するとナビゲーションが向上します。

サムネイルの幅と高さをサイトに合わせて設定することもできます。 これに加えて、ユーザーがボタンを使用してサムネイルをオンまたはオフにできる柔軟性を提供できます。

lightbox thumbnail

次に、モバイルギャラリーを設定しましょう。

これを行うには、[モバイル] タブに移動して、ユーザーが小型デバイスでより優れたギャラリー エクスペリエンスを享受できるようにします。

まず、チェックボックスで「モバイルギャラリー画像の作成」を有効にし、サイズを指定します。 次に、行の高さをピクセル単位で決定します。

このオプションの下では、ドロップダウン メニューを使用して、モバイル ギャラリーにキャプションやタイトルを付けるかどうかを決定します。

envira mobile settings

ページをさらに下にスクロールすると、ライトボックスのモバイル ギャラリー設定が表示されます。

再度、チェックボックスを使用してライトボックス効果を有効にします。 さらに、ほとんどのモバイル デバイスはタッチスクリーンなので、誰かが上にスワイプするとライトボックスが閉じるように設定でき、ユーザー エクスペリエンスが向上します。

次に、チェックボックスを再度使用して、モバイル ナビゲーションを改善するためにギャラリーの矢印とサムネイルを設定できます。

サムネイルを有効にすると、Envira Gallery にさらに多くのオプションが表示され、サムネイルの幅と高さを設定できるようになります。

envira mobile lightbox settings

最後に、ギャラリーのさまざまなオプションを設定しましょう。

これを行うには、「その他」タブに移動します。最初に、ギャラリーの識別と高度なギャラリー クエリに役立つギャラリー スラグを設定するオプションがあります。

さらに、経験豊富なユーザーの場合は、カスタム ギャラリー CSS クラスを行形式で入力して、ギャラリーをより適切にカスタマイズできます。

JSON 形式でギャラリーをインポートおよびエクスポートするオプションも表示されます。 このファイル形式により、ギャラリーが軽量になり、その構造が他のオンライン ピクチャ ギャラリー プラグインで使用できるようになります。

さらに、インポート/エクスポート機能は、別のフォト ギャラリー プラグインから切り替える場合に非常に役立ちます。 たとえば、この機能を使用して NextGen Gallery から Envira Gallery に移動できます。

次に、画像を別のギャラリーにコピーするオプションが表示されます。 これは、ギャラリーに画像を手動で追加する際に発生する時間とエラーを軽減するために使用できる優れた機能です。

最後に、このページで RTL サポートを有効にすることもできます。 これにより、Envira Gallery は、アラビア語や北京語など、右から左に書かれる言語をサポートできるようになります。

misc image gallery envira

ステップ 5: ギャラリーを WordPress に追加する

ギャラリーを準備してパーソナライズしたら、次のステップはそれをサイトに追加することです。

Envira ギャラリーをサイトに追加するには 3 つの方法があります。

  • Envira WordPress ギャラリーのショートコード経由
  • Envira Gallery ブロックを通過(推奨)
  • ギャラリーをテンプレート ファイルに挿入します。

まずは、WordPress ギャラリーのショートコードの使用方法について説明します。

ショートコードを使用すると、同じページに複数のギャラリーを追加したり、複数のページに同じギャラリーを簡単に追加したりできます。 さらに、ショートコードを使用すると、ウィジェットを使用せずにギャラリーをサイドバーに簡単に追加できます。

この方法では、最初に「Envira Gallery」サブメニューを選択して、すべてのギャラリーのリストを表示します。

次に、追加するギャラリーを見つけたら、そのコードを [ショートコード] 列からコピーします。

wordpress gallery shortcode

ギャラリーのショートコードを取得したら、新しいページ/投稿、または既存のページ/投稿を開きます。

次に、開いた Gutenberg ブロック エディターで、プラス (+)アイコンを使用して検索バーを開きます。 検索バーに「ショートコード」と入力してブロックを見つけます。

この後、ギャラリーを追加するページ上の表示したい場所にショートコード ブロックをドラッグ アンド ドロップします。

ブロックを目的の場所にドラッグ アンド ドロップしたら、表示されたバーに Envira Gallery のショートコードを貼り付けます。

add envira gallery with shortcode

最後に、「更新」をクリックしてWordPressイメージギャラリーを追加します。 ライブ ページにアクセスすると、ブロック エディターでショートコードをドロップした場所にギャラリーが表示されるはずです。

envira shortcode added gallery

おめでとう! WordPress ショートコードを使用してギャラリーを追加しました。

次に、Envira Gallery ブロックを使用してギャラリーを追加する方法を見てみましょう。

Envira Gallery ブロックの使用は非常に簡単で、初心者には強くお勧めします。 これは、コーディングの知識はもちろん、ショートコードの経験も必要ないためです。

始めるには、新しいページを開くか、以前と同様に既存のページを使用します。

次に、プラス (+)アイコンを押して、ブロック検索バーを開きます。 次に「Envira Gallery」と入力すると、そのブロックが表示されます。 次に、ページ上のギャラリーを追加したい場所にドラッグ アンド ドロップします。

Envira ギャラリー ブロックが開くと、検索バーを使用するか、ドロップダウン メニューから選択して、必要なギャラリーを選択できるようになります。

add envira gallery with block

Envira ブロックを使用してギャラリーを追加することの最も優れた点は、ブロック エディターでギャラリーを直接編集できることです。 これは、ショートコードを使用してギャラリーを追加する場合には実行できないことです。

ラップトップまたはメディア ライブラリから画像をアップロードするオプションもあり、フロントエンド エディタでギャラリーを構築するのに便利です。

envira gallery added with block

よくやった! Envira Gallery ブロックを使用してギャラリーを追加できるようになりました。

テンプレート ファイルを使用してギャラリーを追加する場合は、コーディングの経験が必要であることに注意してください。

ギャラリーをテンプレート ファイルに直接追加すると、ギャラリーをサイトのデザインとより適切に統合でき、視覚的な魅力が向上します。

このプロセスは複雑に見えますが、 WPCodeを使用すると、このコーディング プロセスをすばやく完了できます。

wpcode homepage

WPCode は、プログラミング経験がなくても、数回クリックするだけで多くのコーディング プロセスを完了できるため、最高のスニペット プラグインです。

WPCode を入手するには、公式サイトにアクセスしてプレミアム バージョンを入手するか、WordPress リポジトリから WPCode lite にアクセスします。 次のステップに進む前に、インストールおよびアクティブ化されていることを確認してください。

ここで完全な WPCode レビューを確認することもできます。

WPCode がインストールされたので、 Envira Galleryサブメニューに移動します。 次に、ギャラリーのリストから使用するものを選択します。

新しいギャラリーをテンプレート ファイルに追加する場合は、 Envira Gallery » Add Newに移動することもできます。

次に、ギャラリー エディターの右端に、「Envira Code」というセクションが表示されます。

このショートコードのリストの一番下までスクロールし、その下のテンプレート ファイルとタグについて説明しているものをコピーします。

add gallery wordpress templates files

コードを手元に用意したら、WPCode のメニュー オプションの[コード スニペット]に移動し、[+スニペットの追加] を選択します。

驚くべきことは、WPCode には無料版であっても、選択できるスニペット オプションが豊富にあることです。 そのため、必要なスニペットを見つけるために使用できる検索バーが付いています。 同時に、スニペットのカテゴリを選択して、探しているものを簡単に見つけることができます。

ただし、この状況では、まず [カスタム コードの追加] の上にマウスを移動し、ボタンが点灯したら[スニペットを使用]を選択します。

wpcode add snippet

次のページでは、アクティブ/非アクティブの切り替えボタンをオンにし、簡単に見つけられるようにコード スニペットに名前を付けます。

次に、コードの種類を「PHP スニペット」に切り替えます。 これを実行したら、以前に Envira Gallery エディターからコピーしたコードを追加し、それを「コード プレビュー」セクションに挿入します。

wpcode envira code

次に、コード プレビュー画面を下にスクロールして [メソッドの挿入] を見つけ、そこで[自動挿入]を選択します。

次に、 [場所]ドロップダウン メニューで、利用可能な多数のオプションからギャラリーを追加する場所を決定します。 場所はあなた次第なので、視聴者に最も適した場所を選択してください。

この WordPress チュートリアルでは、「サイトワイドヘッダー」を使用しました。

wpcode insert envira gallery

最後に、 [保存]をクリックしてサイトにアクセスし、ライブ ページのギャラリーを確認します。

envira gallery template file gallery

このようにして、テンプレート ファイルを通じてギャラリーが正常に追加されました。

よくやった! プラグインを使用してギャラリーを追加できるようになりました。 次に、プラグインを使用せずにギャラリーを追加する方法を見てみましょう。

プラグインを使用せずに WordPress にギャラリーを追加する

プラグインを使用したくない場合は、WordPress がギャラリーの作成に使用できるデフォルトのブロックを提供します。 しかし実際には、上記の Envira Gallery で見たようなカスタマイズ オプションはありません。

したがって、始めるには、新しいページ/投稿を作成するか、既存のものを使用します。 次に、左上のプラス (+)アイコンを押して検索バーを開き、「ギャラリー」と入力します。

デフォルトのギャラリー ブロックを見つけたら、ページ上の表示したい位置にドラッグ アンド ドロップするだけです。

default way to add wordpress gallery

次に、ギャラリー ブロックが開くと、ギャラリーに写真を追加するための 2 つのオプションが表示されます。 PC から画像をアップロードすることも、メディア ライブラリから画像を選択することもできます。

このチュートリアルでは、コンピューターから画像をアップロードしてギャラリーに画像を追加しました。

これを行うには、画像が保存されている PC 上のフォルダーに移動します。 次に、選択した写真をギャラリー ブロックのアップロード領域にドラッグ アンド ドロップします。

upload gallery images manually

画像をアップロードすると、ギャラリーを整理およびカスタマイズできるように、画像をトリミングまたは移動するオプションが表示されます。 個々の画像またはギャラリー全体にキャプションを追加することもできます。

ギャラリーに満足したら、ブロック エディター ページの右端にある [更新] をクリックして、ギャラリーを公開します。

manual wordpress gallery

ただし、このアプローチの欠点は、画像のサイズが上に示したものと異なる場合、たとえトリミングしたとしても、ギャラリーの見た目があまり美しくない可能性があることです。

さらに、画像は元のサイズを維持するため、多くのスペースを占有し、サイトが肥大化する可能性があります。

素晴らしい! デフォルトのギャラリー WordPress ブロックを使用してギャラリーを追加する方法を学習しました。

次に、ボーナスのヒントとツールをいくつか見てみましょう。

ギャラリーを改善するためのボーナスのヒントとツール

プラグインを使用して手動でギャラリーを作成する方法を学習したので、それらを改善する方法について説明します。

ヒント 1: ギャラリー画像を最適化する

画像の最適化を実行する最良の方法の 1 つは、各写真に ALT テキストを追加することです。 これにより、画像がランク付けされ、検索エンジンが画像を見つけやすくなり、訪問者がコンテンツを見つける別の方法が作成されます。

ALT テキストを追加するには、まずメディア » ライブラリに移動し、写真を選択して「添付ファイルの詳細」ポップアップ ウィンドウを開きます。 次に、右側に、キャプション、タイトル、説明、そして最も重要な ATL テキストを追加するためのテキスト ボックスが表示されます。

視聴者や Google を誤解させないように、ALT テキストが画像に関連するキーワードであることを確認してください。

atl text image

ここで、添付ファイル ページで写真を編集して、サイズ、寸法、位置を変更することもできます。 これを行うには、「画像の編集」を選択します。

このページには、画像のトリミング、拡大縮小、回転の実行のオプションが表示されます。 これらのオプションはすべて、ギャラリー画像を改善して訪問者により良いエクスペリエンスを提供するのに役立ちます。

edit image attachment details

ただし、これまで見てきたように、特にギャラリーに多くの画像がある場合、このプロセスは少し時間がかかることがあります。

画像に ATL テキストを自動的に追加するより良い方法は、All in One SEO を使用することです。

AIOSEO WordPress pro plugin

AIOSEOは最高のSEOプラグインです。 上で説明した長いプロセスを必要とせずに、ALT テキスト、画像のタイトル、キャプションなどをすばやく追加するのに役立ちます。 また、画像の XML サイトマップも自動的に生成されるため、検索エンジンが画像を見つけてインデックスを作成しやすくなります。

これに加えて、AIOSEO には Facebook および Twitter カード用の OpenGraph の設定が付属しており、ソーシャル メディア プラットフォームで共有するときに画像が正しく表示されるようにします。

AIOSEO の完全なレビューはこちらからご覧ください。

ヒント 2: ギャラリーを整理する

ギャラリーを整理することは、訪問者がギャラリーの画像をすばやく移動できるようにするための優れた方法です。 さらに、検索エンジンによってより効果的にインデックスが作成され、SEO が向上します。

これを念頭に置くと、WordPress でコンテンツを整理する最良の方法の 1 つはタグを使用することです。 しかし、残念なことに、WordPress には画像にタグを追加するデフォルトの方法がありません。

これを解決するには、Envira Gallery を使用し、そのタグ アドオンをインストールします。

タグ アドオンは、関連する画像やギャラリー間の接続を作成するための優れた方法です。 これにより、ユーザーは画像をすばやくフィルタリングして、必要なものを表示できるようになります。 イメージ タグは、ユーザーが探しているものに特化した独自の表示エクスペリエンスを作成するのにも役立ちます。

ただし、ギャラリーの美的魅力とナビゲーションを向上させたい場合は、アルバムの作成を検討する必要があります。

このためには、Envira Gallery Albums アドオンが完璧なソリューションです。

ギャラリーのコレクションを同じページに整理して表示できます。 これにより、訪問者は複数のページを経由することなく、関連するギャラリーのコレクションを簡単に閲覧できるようになります。

タグとアルバムはギャラリーのナビゲーションを整理して改善するのに優れていますが、ギャラリーをより動的にしたい場合は、スライダーの作成を検討してください。

このため、最高の WordPress スライダー プラグインである Soliloquy を使用できます。

Soliloquy WordPress Slider

Soliloquy は、画像に動きを追加することで静的なギャラリーを動的なコンテンツに変えることができるため、最高のスライダー プラグインです。 その結果、ギャラリーを使用して、カルーセル内でストーリーを伝えたり、特定の画像をより適切に強調したりすることができます。 Soliloquy で WooCommerce スライダーを使用して、e コマース ストアでのユーザー エクスペリエンスとチェックアウト プロセスを向上させることもできます。

このプラグインについて詳しく知りたい場合は、こちらの独り言レビューをご覧ください。

それでおしまい! プラグインを使用した場合と使用しない場合のギャラリーの追加方法について、より深く理解できました。

さらに、ギャラリーを改善するために使用できる他のツールについての追加知識も得られます。 さらに質問がある場合は、以下の FAQ をご覧ください。

FAQ: WordPress でイメージギャラリーを作成する方法

WordPress でギャラリー グリッドを作成できますか?

はい、Envira Gallery を使用すると、コーディングやカスタム CSS の経験がなくても、素晴らしいギャラリー グリッドを作成できます。 ギャラリーエディターで「グリッドレイアウト」を選択し、必要な列数を指定するだけです。 その後、同じページでギャラリーをさらにカスタマイズして、視聴者にとってより魅力的なものにすることができます。

同じページに複数のギャラリーを追加できますか?

はい、Envira Gallery を使用すると、同じページに複数のギャラリーを追加できます。 これを行うには、Envira WordPress ギャラリーのショートコードを使用するか、Envira Gallery ブロックを使用します。 これらのオプションの両方を使用すると、ギャラリーを同じページ上の別の位置にドラッグ アンド ドロップできます。

Envira Gallery を使用して動的ギャラリーを作成できますか?

はい、Envira Gallery を使用すると、美しくダイナミックなギャラリーを作成できます。 これを行うには、ソーシャル メディア プラットフォームから画像を取得するか、ブログ投稿の注目の画像を使用します。

エンビラ ギャラリーは無料ですか?

はい、Envira Gallery Lite は無料でご利用いただけます。 ただし、より高度な機能にアクセスしたい場合は、プラグインのプレミアム バージョンの購入を検討する必要があります。

WordPress にギャラリーを追加する方法について読んで楽しんでいただければ幸いです。 WordPress に画像を追加する別の方法が必要な場合は、ここで Smash Balloon のレビューをお読みください。 間違いなく最高のフィードプラグインです。

それに加えて、興味があるかもしれない他の記事を以下に示します。

  • レビューして比較したベスト WordPress ギャラリー プラグイン 10 選
  • Envira Gallery と FooGallery – どちらが優れていますか? (比較)
  • WordPress サイトを重複コンテンツから保護する方法

最初の記事では、すべてテストおよびレビューされた最高の WordPress ギャラリー プラグイン 10 個をリストします。 次の投稿では、代替手段を探している場合に Envira Gallery と FooGallery を比較します。 前回の記事では、画像などのコンテンツをコピーや複製から保護する方法を説明しました。