WordPressで画像ギャラリーを作成する方法(ステップバイステップ)

WordPressで画像ギャラリーを作成しようとしていますか?


画像ギャラリーを使用すると、行と列に写真を追加できます。これにより、少ないスペースでより多くの写真を表示できると同時に、ユーザーがそれらを閲覧しやすくなります。.

この記事では、WordPressで画像ギャラリーを簡単に作成して、写真の見栄えを良くする方法を紹介します.

WordPressで画像ギャラリーを作成する方法

WordPressで画像ギャラリーを作成する理由?

WordPressを使用すると、ブログの投稿やページに画像を簡単に追加できます。画像ブロックを追加して画像をアップロードするだけです.

ただし、複数の画像を追加する場合は、それらすべての画像が次々に表示されます。見た目が良くないので、ユーザーはすべてを表示するためにたくさんスクロールする必要があります.

ギャラリーを作成せずにWordPress投稿に複数の画像を追加する

ギャラリーを作成することにより、列と行のあるグリッドレイアウトで画像を表示できます。あなたはあなたの写真のサムネイルを表示することができ、ユーザーはそれらをクリックして画像全体を見ることができます.

このようにして、少ないスペースでより多くの写真を表示できるようになり、よりプロフェッショナルに見えます.

デフォルトのギャラリーブロックを使用したWordPressフォトギャラリーのプレビュー

WordPressには、フォトギャラリーをすばやく作成するための組み込みのギャラリー機能が実際に付属しています。新しいWordPressブロックエディターにはGalleryブロックが含まれており、数回クリックするだけでWordPressギャラリーを作成できます.

WordPress画像ギャラリープラグインを使用して、より多くの機能を備えたより堅牢なギャラリーを作成することもできます.

このチュートリアルでは、WordPressでフォトギャラリーを作成する両方の方法を紹介します.

デフォルトのWordPressギャラリーブロックから始めましょう.

ビデオチュートリアル

WPBeginnerを購読

ビデオが気に入らない、またはさらに説明が必要な場合は、読み続けてください.

方法1.プラグインなしで画像ギャラリーを作成する

WordPressには、ギャラリーを作成できる組み込み機能が付属しています。この機能は非常に基本的であり、多くのオプションはありませんが、それで仕事が完了します.

プラグインを使用せずにWordPressで画像ギャラリーを作成する方法は次のとおりです.

まず、画像ギャラリーを追加する投稿またはページを編集する必要があります。投稿の編集画面で、[新しいブロックを追加]アイコンをクリックし、ギャラリーブロックを選択します.

WordPress投稿エディターにギャラリーブロックを追加

これにより、ギャラリーブロックがWordPressエディターに追加され、[アップロード]ボタンをクリックしてコンピューターから写真をアップロードできます。メディアライブラリで以前にアップロードした写真から選択することもできます.

WordPress Galleryブロックの画像アップロードオプション

[アップロード]ボタンをクリックすると、通常は一度に1枚の写真をアップロードできます。ただし、キーボードのCtrlキーを押すと、複数の画像を選択して開くことができます.

コンピューターからWordPressフォトギャラリーに画像をアップロードする

すべての画像をアップロードしたら、画像にキャプションを追加できます。写真をクリックするだけで、キャプションを入力する必要がある[キャプションを書く…]オプションが表示されます.

ギャラリー画像にキャプションを書き込む

[メディアライブラリ]ボタンを選択すると、ギャラリーの画像を一度に選択できるようになります。画像を選択すると、右側の添付ファイル詳細パネルから画像の代替テキスト、タイトル、キャプションを入力することもできます.

WordPressメディアライブラリから画像を選択

追加する画像を選択し、右下の[新しいギャラリーを作成]ボタンをクリックします.

次に、画像キャプションを追加/確認できる「ギャラリーの編集」ページが表示されます。完了したら、右下隅にある[ギャラリーを更新]ボタンをクリックします.

WordPressライブラリを更新する

その後、投稿編集画面が開き、右側にギャラリーブロックの設定パネルが表示されます。これで、各行の列数を選択し、画像のトリミングオプションを有効または無効にして、ギャラリー画像をリンクする場所を選択できます.

WordPressギャラリーブロックの設定

[リンク先]オプションから、ユーザーに写真のみを表示する場合は[なし]を選択できます。このオプションは、画像のクリック機能を無効にします.

[メディアファイル]オプションを選択すると、画像がクリック可能になり、クリックすると画像ファイルが開きます。同様に、[添付ページ]オプションを選択すると、添付ページが開きます.

設定が完了したら、ライブWebサイトで投稿を公開してギャラリーをプレビューできます.

たとえば、こちらはデモウェブサイトに画像ギャラリーがどのように表示されたかです。.

デフォルトのギャラリーブロックを使用したWordPressフォトギャラリーのプレビュー

早くて簡単ではなかった?

それもきれいに見えます。ただし、画像ギャラリーを定期的に作成すると、特定の必須機能が不足していることにすぐに気づくでしょう。.

たとえば、画像はクリックできないか、新しいページで開きます。ギャラリーの画像をメディアファイルまたは添付ページにリンクする場合、ユーザーは[戻る]ボタンをクリックしてギャラリーを再度表示する必要があります.

ユーザーフレンドリーではなく、ギャラリーの外観はテーマによって異なります。ほとんどの場合、非常に一般的なスタイルを1つだけ取得します.

ギャラリーをトピック、アルバム、タグなどに整理することはできません。ギャラリーはどこにも保存されておらず、同じギャラリーを再度追加する必要がある場合は、再作成する必要があります.

サイトにプロ並みの画像ギャラリーを追加する場合は、次の方法を使用する必要があります.

方法2. Envira Galleryを使用して画像ギャラリーを作成する

この方法では、Envira Galleryプラグインを使用します。市場で最高のWordPress画像ギャラリープラグインです.

Enviraを使用すると、WordPressで完全に応答性が高く、美しく、モダンな画像ギャラリーを簡単に作成できます。超高速で、ライトボックスポップアップ、簡単な画像ナビゲーション、ドラッグアンドドロップビルダー、プロのギャラリーテンプレートなどの多くの機能が付属しています.

始めましょう.

最初に行う必要があるのは、Envira Galleryプラグインをインストールしてアクティブにすることです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。.

アクティベーションが完了すると、 Enviraギャラリー»設定 ライセンスキーを入力するページ。このキーはEnvira Gallery Webサイトのアカウントから取得できます.

Envira Galleryライセンスキーを入力してください

ライセンスキーを確認した後、 Enviraギャラリー»新規追加 最初のギャラリーを作成するページ.

Envira Gallery WordPressプラグインで新しいギャラリーを作成する

まず、ギャラリーにタイトルを付け、[コンピュータからファイルを選択]ボタンをクリックして画像をアップロードする必要があります.

[他のソースからファイルを選択]ボタンをクリックして、WordPressメディアライブラリからファイルを選択することもできます.

画像をアップロードすると、ギャラリーセクションに表示されます.

Envira Gallery Builderの画像

画像の鉛筆アイコンをクリックして、各画像のキャプション、タイトル、代替テキストを追加できます.

ギャラリー画像のメタデータを編集する

次に、「構成」タブをクリックする必要があります.

ここから、列数、画像の遅延読み込み、タイトルとキャプションの配置、マージン、高さ、サムネイルのサイズ、画像のサイズなどのギャラリー設定を変更できます.

Envira Gallery設定の構成

その後、「ライトボックス」タブをクリックする必要があります.

ライトボックスポップアップにより、ユーザーはページを離れることなく画像を拡大して閲覧できます.

デフォルト設定はほとんどのWebサイトで非常にうまく機能しますが、必要に応じてオプションを確認して変更できます.

Envira Galleryライトボックスオプション

次に、[モバイル]タブをクリックして、モバイルデバイスのギャラリー設定を構成できます。モバイルデバイスの画像のサイズを選択したり、ライトボックスを有効または無効にしたりできます。.

Envira Mobileギャラリーの設定

その後、ギャラリースラグなどのオプションを確認し、[その他]セクションからカスタムCSSを追加できます.

ギャラリーを公開して、WordPressサイトのどこにでも追加できるようにすることができます.

次に、ギャラリーを表示する投稿またはページを編集する必要があります.

投稿編集画面で、[新しいブロックを追加]アイコンをクリックし、Envira Galleryブロックを選択します.

EnviraブロックをWordPress投稿エディターに追加

それをクリックすると、投稿エディタにEnvira Galleryブロックが追加されます。これで、ギャラリーを名前で検索したり、ドロップダウンの矢印アイコンをクリックして検索したりできます.

Envira Galleryを選択してWordPress投稿に追加します

その後、プラグインは投稿エディターにギャラリーを読み込みます.

Envira GalleryがWordPress投稿エディターに追加されました

次に、右側のブロック設定パネルからギャラリー設定をもう一度確認できます.

Envira Galleryブロックの設定

投稿を保存してプレビューし、ライブウェブサイトのギャラリーを表示できるようになりました.

Envira Galleryで作成されたWordPressフォトギャラリー

ギャラリー内の画像をクリックすると、ライトボックスポップアップで画像が開きます。画面またはキーボードの左矢印キーと右矢印キーを押すと、ライトボックス内の画像を閲覧できます.

ライトボックスポップアップのEnvira Galleryイメージ

あなたのギャラリーもモバイルでも同様に見栄えがします。ユーザーは画像をタップして拡大したり、スワイプして次または前の画像を表示したりできます.

レスポンシブWordPressフォトギャラリー

この記事が、WordPressで画像ギャラリーを作成する方法の学習に役立つことを願っています。 WordPressでの一般的な画像の問題を修正する方法に関するガイドもご覧ください。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me