アイキャッチ画像の一覧を表示するプラグインです。
記事に設定したアイキャッチ画像のフルサイズをPinterest の画像一覧のように縦横比の異なる画像やカードを、レンガ(masonry)を積み上げるように隙間なく配置するレイアウトできます。
アイキャッチ画像だけで作る美しい記事一覧を作成することができるので写真やイラストなど作品を展示する個人サイトなどに最適です。
WordPressプラグイン「Masonry Eyecatch」
Pinterest(ピンタレスト)風
フルサイズ画像を隙間なく並べます。画像をクリックすると該当記事へ遷移します。
- フルサイズ画像を使用(縦横比を保持)
- 縦横比の異なる画像を隙間なく配置
- レスポンシブ対応(画面サイズに応じてカラム数が自動調整)
- デスクトップ: 4列
- タブレット(1200px以下): 3列
- モバイル(768px以下): 2列
- 小画面(480px以下): 1列
正方形の一覧















使い方
プラグインを有効化して下記のショートコードを入力します。
正方形の一覧にしたときは masonry="0" にしてください。
// カテゴリーID 5 のみ表示
[eyecatch-list category="5"]
// カテゴリーID 5, 8, 2 のいずれかに属する投稿を表示
[eyecatch-list category="5,8,2"]
// Masonryレイアウト + カテゴリーフィルタリング + 記事遷移
[eyecatch-list masonry="true" category="5" overlay="0"]
| masonry="0" | 0 で正方形のリスト、1 でフルサイズのmasonryレイアウト |
| category="5,8,2" | 表示したいカテゴリーを指定します |
| overlay="0" | 1 でオーバーレイ、0 で該当記事へのリンクになります |














