グリッドプラグインを使えば、様々なタイプのウェブコンテンツをグリッドレイアウトやメイソンレイアウトで簡単に表示することができます。グリッドプラグインを使えば、画像、ポートフォリオ、ブログ記事、製品などを整理して表示することができます。
これはウェブサイトの美観を向上させるだけでなく、ユーザーがナビゲートしやすく、あなたの提供するものを探索しやすくします。この記事では、WordPressのグリッドプラグインを紹介します。
さあ、始めよう!
プラグイン |
タイプ |
格付け |
詳細 |
|---|---|---|---|
エッセンシャル・グリッド |
グリッドギャラリー |
||
メディア・グリッド |
コンテンツ・グリッド |
||
テーブルバーグ |
テーブル |
||
アルティメット・ブロック |
Post Grid |
||
メディアボックスのポートフォリオ |
グリッドギャラリー |
||
レイアウト・グリッドブロック |
グリッド |
||
グリッド |
グリッド |
||
ギャラリーバーグ |
Photo Grid |
1. エッセンシャル・グリッド

Essential Gridは多機能なグリッドビルダー・プラグインです。これを使えば、投稿やページを含む画像、動画、音声などの様々なメディアファイルを表示することができます。調整可能な行、列、間隔、様々なアニメーションタイプを追加できます。
Essential Gridは「コンテンツソース」機能をサポートしています。この機能では、コンテンツの種類と場所を選択するだけです。プラグインは自動的にWordPressデータベースからコンテンツを取得し、フロントエンドに定義したグリッド形式で表示します。
Essential Gridプラグインの主な特徴
- 50以上のスターターグリッドテンプレート
- YouTube、Vimeo、iFrame、セルフホスト動画に対応
- 投稿、ページ、カスタム投稿、WooCommerce、ギャラリーに対応
- ナビゲーション、フィルタリング、ソートオプションあり
- 30+ skin types for the gallery visuals
- スキンやメタデータを含むグリッドのインポート/エクスポートが簡単
- 豊富なドキュメントとチュートリアルビデオを提供
2. メディア・グリッド

Media Gridは、アイテムを追加し、並べ替え、サイズを設定するだけで、無制限のグリッドレイアウトを作成できるビジュアルグリッドビルダーを提供します。グリッドの準備ができたら、モバイルデバイス用に最適化するだけです。
最適な権限で、ユニークなグリッドを作成できます。Media Gridはダイナミックグリッドの作成もサポートしています。最初にグリッドレイアウトを構成し、次に希望のコンテンツタイプを選択します。選択された要素は自動的にグリッドを埋めます。
Media Gridプラグインの主な機能:
- あらゆる種類のメディアファイルをサポート
- HTMLとショートコードをサポートするAJAXライトボックス付き
- すぐに始められる10種類以上のプレスタイル付き
- 強力なフィルターオプションは、リアルタイムでアイテムを見つけるのに役立ちます。
- フィルターやカスタマイズを美しくする670以上のアイコン
- WooCommerceとの統合
- WPMLとPolylangをサポートする100%の多言語化
3. テーブルバーグ

Tablebergは従来のグリッドプラグインではありません。これはテーブルビルダープラグインだ。Gutenbergのテーブルブロックとは異なり、このプラグインを使えばテーブルのセルに様々なタイプのコンテンツ(リスト、画像、テキスト、ボタン)を追加することができます。
TableBergをここで紹介する理由は、行と列を使ってグリッドのようなレイアウトを作成できるからです。そして、それぞれのセルに関連するコンテンツと一緒に商品画像を表示することで、ユーザーの購買意欲を高めることができます。
Tablebergプラグインの主な特徴:
- TableBergという名前のGutenbergブロックが付属しています。
- Gutenbergエディターとのシームレスな連携
- 無料版には4つのブロックがあり、プロ版も間もなく登場する。
- 色とタイポグラフィの面で強力なカスタマイズが可能。
- すべてのデバイスで高い応答性
- スピード、SEO、パフォーマンスを念頭に作成
4. アルティメット・ブロック

Ultimate Blocksは、25以上のエキサイティングなカスタムブロックを備えた有名なGutenbergブロックプラグインです。これらを使用することで、多目的に使用できる汎用性の高いコンテンツを作成し、コンテンツマーケティングの取り組みを簡素化することができます。
アルティメット・ブロックには、ポスト・グリッド・ブロックが含まれています。ブログサイトを運営している場合、このブロックを使って投稿をグリッドまたはリストレイアウトで表示することができます。また、特徴的な画像や抜粋、オプションを一緒に表示することもできます。
アルティメットブロックのポストグリッドブロックの主な特徴
- 投稿に作者、タグ、カテゴリーを表示できるようにする。
- 特集画像の幅をカスタマイズできます。
- カスタム投稿タイプに対応
- Easy to display and hide the grid on different devices
- カラムとページごとの投稿数を設定可能
- スタイライズのための強力なカスタマイズオプション
5. メディアボックスのポートフォリオ

Media Boxes Portfolioプラグインを使えば、画像、ギャラリー、ポートフォリオ、ブログ、製品、サービス、動画、チームメンバーなど、思いつくものをグリッド形式で表示できます。
強力なフィルター、ソート、検索システムで表示できるので、ユーザーは目的のコンテンツを素早く探したり、見つけることができます。Media Boxesのポートフォリオグリッドは、さまざまなデバイスに完璧に対応します。手動で何かをする必要はありません。
Media Boxes Portfolioプラグインの主な機能
- メディアファイルによって異なる設定オプション
- 魅力的なライトボックス/ポップアップを含む
- ユーザーフレンドリーな管理パネルを提供
- WYSIWYGスキンエディターを搭載
- 完全なドキュメンテーションとYouTubeチュートリアル付き
6. レイアウト・グリッドブロック

Layout Grid Blockプラグインを使うと、カラムベースのレイアウトを作成したり、カラムの幅や位置をカスタマイズしたりすることができます。投稿やページをまたいだグローバルなレイアウトグリッドにコンテンツを合わせることができます。
このプラグインには、「レイアウトグリッド」という名前のGutenbergブロックも付属しています。モバイルとタブレットのブレイクポイントに基づいて特定のレイアウトをカスタマイズできるので、レイアウトはすべての画面サイズで正確に表示されます。
Layout Grid Blockプラグインの主な特徴
- 他のGutenbergブロックプラグインとのシームレスな連携
- 4種類のカラムを追加できる
- 列の中に他のブロックを追加する
- 溝サイズの変更が容易
- エンドガターの追加または取り外し
7. グリッド

Girdプラグインには、ドラッグアンドドロップエディタを備えた最も強力なスキンビルダーの1つが含まれています。このプラグインを使えば、ピクセルパーフェクトな精度で魅力的なグリッドスキンを作成することができます。
このプラグインを使えば、投稿、ページ、カスタム投稿タイプにレスポンシブ・グリッドを作成できる。Instagram、YouTube、Vimeo、Facebook、Twitter、Flickr、RSSフィードなどもサポートしています。
The Gridプラグインの主な機能
- 本物のタッチスライダーを搭載
- 無限のレイアウトの可能性を提供
- WooCommerceとの完璧な連携
- 30以上の定義済みのユニークなスキン
- 開発者にも優しいインターフェイス
8. ギャラリーバーグ

ギャラリーバーグ is a modern, block-based WordPress grid plugin built specifically for the Gutenberg editor. It focuses on creating clean, responsive image grids without relying on shortcodes or heavy frontend scripts, making it a great choice for performance-conscious sites.
Unlike traditional grid or gallery plugins, Galleryberg works entirely inside the block editor. You can create image grids directly while editing a post or page, with real-time previews and intuitive controls. It supports responsive column settings for desktop, tablet, and mobile, ensuring your grids look good on all screen sizes.
Galleryberg also offers flexible caption styling, allowing captions to appear below images, as overlays, or on hover. Gallery-level controls let you manage spacing, captions, and behavior across all images at once, which helps maintain consistency and saves time.
The plugin is lightweight by design and avoids unnecessary JavaScript, making it suitable for blogs, portfolios, photography sites, and content-focused websites that care about Core Web Vitals and page speed.
Key highlights:
- Native Gutenberg block (no shortcodes)
- Responsive grid controls for desktop, tablet, and mobile
- Multiple caption styles (below image, overlay, hover)
- Global gallery-level styling controls
- Lightweight and performance-friendly
Best for: Users who want a simple, modern, and fast image grid solution that feels native to WordPress and works seamlessly with the block editor.
フィニッシング・ノート
さて、WordPressのウェブサイトで汎用性の高いグリッドを作成するための最高のツールのショートリストができました。しかし、最後に、コンテンツの種類に応じて使用するグリッドタイプを選択することを忘れないでください。
例えば、メディアファイルを展示するために投稿グリッドを選択することはできません。さらに、色、スペース、タイポグラフィの面で一貫性を保つ必要があるので、グリッドは見栄えが良く、目を和ませることができます。
こちらもお読みください:
- WooCommerceのベスト商品グリッドプラグイン
- ベスト・ワードプレス・カラムプラグイン
- ベスト・チーム・メンバー・ワードプレス・プラグイン
- Best WordPress Logo Slider Plugins
変更履歴
December 18, 2025
- Change the links of Essential Grid and Media Grid. They are no longer available in CodeCanyon.
- Removed Fancy Post. The team is not maintaining the plugin.
- Added Galleryberg.


