【WordPress】プラグイン「FooGallery」でタイルモザイクギャラリーを作成

2025年3月6日

WordPressプラグイン「FooGallery」でページを開くたびにランダム表示する写真のタイルモザイクギャラリーを作成します。

プラグイン「FooGallery」を追加

プラグイン＞新規プラグインを追加＞プラグインの検索「FooGallery」＞今すぐインストール＞有効化

Google翻訳
セキュリティと機能のアップデート、教育コンテンツ、不定期のオファーに関するメール通知を受け取り、基本的な WordPress 環境情報を共有するには、オプトインしてください。これにより、プラグインがサイトとより互換性を持ち、必要な機能をより適切に実行できるようになります。

新規ギャラリーを追加

FooGallery＞Add New Gallery

STEP

タイトルを追加

STEP

ギャラリーに表示したい画像をメディアから追加

Gallery Items＞Add From Media Library

STEP

画像表示タイプを選択

General＞Gallery Settings＞Justified Gallery

今回はモザイクタイル状に表示されるギャラリーを選択

STEP

最後の列の画像表示

Last Row＞Hideにチェック

Default最後の列は横幅100％にならなくても画像の比率を変えずに余白が出来ても表示
Justify最後の列は横幅100％になるように画像の比率を変えて余白がないように表示
Hide最後の列は画像枚数によって余白ができる場合は横列ごと非表示
今回は最後の列は写真枚数が足りない時は非表示になるよう選択

STEP

ランダム表示

Gallery Sorting＞Random

画像並び順などを選べますが、今回はページを開くたびに順番が変わるランダム表示を選択