• プライマリナビゲーションにスキップする
  • メインコンテンツにスキップ
  • メインサイドバーにスキップ
  • フッターにスキップ
ダブスト

ダブスト

日本のスモールビジネスに武器を

  • プラグイン
    • すべて
    • 無料
    • 有料
    • ビジネスモデルから探す
    • 機能から探す
    • 目的から探す
  • テーマ
    • すべて
    • 無料
    • 有料
    • Genesis Framework
    • Storefront
  • 決済プラグイン
  • ダブスト活用法
    • ビジネスモデル別レポート(20種)
    • 機能別レポート(16種)
  • 動画チュートリアル
  • サポート
    • 使い方マニュアル
    • よくある質問
    • バージョンアップ情報
    • リリーススケジュール
    • お問い合わせ
    • Web制作業の方へ
  • ログイン
  • 会員登録詳細
  • bookmarksお気に入り
ホーム chevron_right プラグイン chevron_right 機能から探す chevron_right WordPress プラグイン chevron_right ページ作成・カスタマイズ chevron_right 動画・画像・音声 chevron_right Envira Gallery chevron_right Envira Gallery の使い方 (1.9.4)
chevron_leftEnvira Gallery 目次expand_more

Envira Gallery の使い方 (1.9.4)

  • ギャラリーを新規作成
    • 画像をアップロードしてギャラリーを作成
    • WordPressメディア内の画像でギャラリーを作成
  • Envira Galleryの画像にメタデータを含める方法
  • Envira Galleryのカスタマイズ方法
    • 表示する画像のカスタマイズ
    • 画像クリック時のカスタマイズ
  • Envira Galleryをページや投稿に埋め込む方法

プラグインを利用してサイト内にギャラリーを新しく追加するには、次の手順で行います。

  1. WordPress管理画面の [Enviraギャラリー] > [新規追加] メニューを選択します。
    画像をアップロードしてギャラリーを作成
  2. 表示された [Enviraギャラリーの新規追加] 画面の [タイトルを追加] に追加するギャラリーの名前を入力します。
    画像をアップロードしてギャラリーを作成
  3. [ネイティブ Envira ギャラリー] タブ内の [ご使用のパソコンからファイルを選択] をクリックします。
    画像をアップロードしてギャラリーを作成
  4. 表示された [開く] 画面で、追加する画像を選択します。
  5. [ギャラリー] タブに、画像が追加されます。
    画像をアップロードしてギャラリーを作成
  6. [公開] をクリックして、新しいギャラリーを追加します。
    画像をアップロードしてギャラリーを作成
  1. WordPress管理画面の [Enviraギャラリー] > [新規追加] メニューを選択します。
    WordPressメディア内の画像でギャラリーを作成
  2. 表示された [Enviraギャラリーの新規追加] 画面の [タイトルを追加] に追加するギャラリーの名前を入力します。
    WordPressメディア内の画像でギャラリーを作成
  3. [ネイティブ Envira ギャラリー] タブ内の [他ソースからファイルを選択] をクリックします。
    WordPressメディア内の画像でギャラリーを作成
  4. 表示された [メディアを追加] 画面の [メディアライブラリ] タブ に表示された画像の一覧から追加する画像を選択して [ギャラリーに挿入] をクリックします。
    WordPressメディア内の画像でギャラリーを作成
  5. [ギャラリー] タブに、画像が追加されます。
    WordPressメディア内の画像でギャラリーを作成
  6. [公開] をクリックして、新しいギャラリーを追加します。
    WordPressメディア内の画像でギャラリーを作成

プラグインで作成されるギャラリーの画像には、メタデータを追加することができます。

メタデータは画像データに付与される情報で、例えば [タイトル] や [撮影日時] など様々な情報を追加することができます。またメタデータを付与することで、Googleなどの検索エンジンに対する効果があり、検索順位などに影響を与えることができます。

ギャラリーに追加した画像ファイルにメタデータを含めるには、次の手順で行います。

  1. WordPress管理画面の [Enviraギャラリー] メニューを選択します。
    Envira Galleryの画像にメタデータを含める方法
  2. 表示された一覧からメタデータを追加するギャラリーの [タイトル] リンクをクリックします。
    Envira Galleryの画像にメタデータを含める方法
  3. [Enviraギャラリー] 画面内の [現在ギャラリー内にある画像] 内に表示されている画像の [画像の変更] アイコン(青い鉛筆アイコン)をクリックします。
    Envira Galleryの画像にメタデータを含める方法
  4. 表示された [メタデータの編集] 画面で [タイトル] や [キャプション]、[代替テキスト]  などの項目に付与する情報を入力します。
    Envira Galleryの画像にメタデータを含める方法
  5. [メタデータを保存] をクリックします。
    Envira Galleryの画像にメタデータを含める方法
  6. 画面右上の [×] をクリックして [メタデータの編集] 画面を閉じます。
    Envira Galleryの画像にメタデータを含める方法

追加した画像の表示方法やサイズなどをカスタマイズすることができます。

  1. WordPress管理画面の [Enviraギャラリー] メニューを選択します。
    Envira Galleryのカスタマイズ方法
  2. 表示された一覧からメタデータを追加するギャラリーの [タイトル] リンクをクリックします。
    Envira Galleryのカスタマイズ方法
  3. [Enviraギャラリー] 画面内の [構成] タブをクリックします。
    Envira Galleryのカスタマイズ方法
  4. 表示された [ギャラリー設定] 内の [ギャラリーのレイアウト] で表示される画像の表示スタイルを変更します。(既定値は [Automatic] )
    Envira Galleryのカスタマイズ方法
  5. 多くの画像を一覧で表示する場合には [遅延読み込みを有効にしますか?] 設定を有効にしてページを表示するパフォーマンスを上げることができます。
  6. [自動レイアウト(行の高さ、マージン、最後の行)] を変更して表示されるギャラリーがページ内に収まるように調整します。
    Envira Galleryのカスタマイズ方法
  7. [ギャラリーの説明を表示しますか?] 設定を有効にしてギャラリーの上下に説明コンテンツを追加することができます。
  8. [画像サイズ] 設定を変更してギャラリーに表示される画像の大きさを編集します。
    Envira Galleryのカスタマイズ方法
  9. [更新] をクリックします。

ギャラリー内の画像をクリックした場合の表示スタイルを [ライトボックス] 設定でカスタマイズすることができます。

  1. WordPress管理画面の [Enviraギャラリー] メニューを選択します。
    Envira Galleryのカスタマイズ方法
  2. 表示された一覧からメタデータを追加するギャラリーの [タイトル] リンクをクリックします。
    Envira Galleryのカスタマイズ方法
  3. [Enviraギャラリー] 画面内の [ライトボックス] タブをクリックします。
    Envira Galleryのカスタマイズ方法
  4. 表示された [ライトボックスの設定] 内の [ライトボックスを有効にしますか?] を有効(チェックを付ける)にします。
    Envira Galleryのカスタマイズ方法
  5. [画像サイズ] や [ライトボックスの開閉効果] などの設定を変更してギャラリーの画像をクリックした際の効果について変更を行います。
    Envira Galleryのカスタマイズ方法
  6. [更新] をクリックします。
  7. ギャラリーで表示された画像をクリックした場合に、大きなサイズで画像が表示され次の画像や前の画像へのナビゲーションするコンテンツが自動で表示されるようになります。
    Envira Galleryのカスタマイズ方法

作成したギャラリーを投稿や固定ページに追加するには、次の手順で行います。

  1. 追加したギャラリーを公開していない場合には編集画面の [公開] をクリックします。
    Envira Galleryをページや投稿に埋め込む方法
  2. 編集ページ内の [Envira コード] 内のショートコードをコピーします。
    Envira Galleryをページや投稿に埋め込む方法
  3. 固定ページ(または投稿)を作成します。
  4. [ショートコード] ブロックを追加します。
    Envira Galleryをページや投稿に埋め込む方法
  5. 手順2 でコピーしたショートコードを貼り付けます。
    Envira Galleryをページや投稿に埋め込む方法
  6. [下書き保存] をクリックしてページを保存します。
  7. [プレビュー] > [新しいタブでプレビュー] を選択します。
  8. ショートコード部分にギャラリーが表示されます。
    Envira Galleryをページや投稿に埋め込む方法

Envira Gallery プラグインの [ギャラリー] を設定することで、CSSやHTMLなどを使用せずに複数の画像を整列させて固定ページや投稿に表示することが簡単にできます。

追加した画像には、[キャプション] や [代替テキスト] などのメタデータを付与して、SEOを意識した画像表示が可能になります。

また [ライトボックス] 設定を使うことで、画像をクリックした場合に画像を拡大したり、他の画像へのナビゲーションするコンテンツを自動で表示させることができ、ユーザビリティーを意識した画像表示を行うことができます。

メインサイドバー

カート
カートに何も入っていません
合計(税別) 0円
カートを確認
0 shopping_cart close

Footer

ダブスト

日本のスモールビジネスに武器を

世界のスモールビジネスに選ばれた武器を、
日本のスモールビジネスへ

サービス

  • プラグイン
  • テーマ
  • 決済システム
  • ダブスト活用法 無料レポート
  • チュートリアル
  • 無料会員特典

サポート

  • 使い方マニュアル
  • よくある質問
  • バージョンアップ情報
  • リリーススケジュール
  • お問い合わせ
  • 取材・インタビュー(準備中)
  • 無料相談(準備中)

会社情報

  • 会社概要
  • 利用規約
  • 特定商取引法に基づく表示
  • プライバシーポリシー
  • 学校をつくっています

パートナー

  • アフィリエイト(継続・2ティア)募集
  • パートナー募集(準備中)
  • Web制作業の方へ

Copyright © 2025 ダブスト All rights reserved.