拡張パーツ > 画像ギャラリー

クラフトマスターイメージイラスト

複数の画像を一覧で表示したいときに使用するパーツです。

選択するだけで簡単に作成できるメリットがあります。並べる順番や大きさなどを調整できます。画像1枚ずつの説明としてキャプションを表示させることも可能です。

見た目が賑やかになりますので、公開している写真やイラストへの引きつけ手段としての使用が適しています。各投稿やほかのページへの誘導に使用したい場合は、同様のデザインが可能な「投稿一覧」などのパーツを使うほうが効率的です。

使用例

一般設定

配置

以下から並べ方を選択できます。

  • コラージュ → 元画像の縦横比を維持しながら、隙間を埋めるように並べていきます。
  • サムネイル → 横幅を同じサイズに統一して縮尺したものを並べます。

使用素材

使用画像を以下から選択できます。

  • メディアライブラリから → WordPressのメディアライブラリにアップロード、登録した画像を使用する場合に選択します。通常はこちらです。
  • SmugMug → 画像共有サービスの「SmugMug(日本語未対応)」でつくったギャラリーを引用します。

画像(「メディアライブラリから」選択時)

“画像ギャラリーをつくる”をクリックし、メディアライブラリの一覧から使用したい画像を複数選択ます。選び終わったら「ギャラリーを更新」をクリックします。
新たに画像をアップロードしながらギャラリーを作成する場合は、「ファイルをアップロード」からアップロードし、メディアライブラリに登録後、ギャラリーに追加します。
「画像を追加」より新たな画像を選び「ギャラリーの更新」を行うと画像を追加できます。「画像ギャラリーを編集」より表示の順番変更や一部削除、入れ替えができます。

RSSフィードURL(「SmugMug」選択時)

SmugMugで作成したギャラリーのURLを取得し、ここへ入力します。(こちらを使用する場合はSmugMugと契約し、自身のアカウントを開設している必要があります。)

画像どうしの間隔

それぞれの画像を、どのくらいの間隔を空けて並べるかをピクセル単位で設定できます。

画像キャプションの表示

各画像の説明キャプションを表示させる方法を設定できます。
画像のメディアライブラリへの登録時、あるいは画像ギャラリーでの使用選択時に、キャプション欄に表示させたい文面を記載しておく必要があります。

  • なし → キャプションは表示しません。
  • マウスオーバー時 → 画像にマウスポインターを合わせたときのみ、画像上に重ねてキャプションを表示します。
  • 常に画像の下に → 画像の下にスペースをつくって、画像とともに表示します。

クリックしたとき

  • なし → クリックしても反応しません。
  • ライトボックス → そのページ上にポップアップしてクリックした画像拡大表示されます。拡大された画像の両横に出る送り矢印を使って、ギャラリー内のほかの画像を順に表示できます。
  • 元画像にリンク → 元画像のURLへ飛ぶことで、アップロードされている画像がそのまま表示されます。

詳細

こちらの共通ページで説明しています

©2015-2018 eufonia inc.