7 Best WordPress Grid Plugins (2024)

グリッドプラグインを使えば、様々なタイプのウェブコンテンツをグリッドレイアウトやメイソンレイアウトで簡単に表示することができます。グリッドプラグインを使えば、画像、ポートフォリオ、ブログ記事、製品などを整理して表示することができます。

これはウェブサイトの美観を向上させるだけでなく、ユーザーがナビゲートしやすく、あなたの提供するものを探索しやすくします。この記事では、WordPressのグリッドプラグインを紹介します。

さあ、始めよう!

美しいテーブルを作る
ブロックエディター付き

1. エッセンシャル・グリッド

Essential Grid Gallery WordPressプラグイン

Essential Gridは多機能なグリッドビルダー・プラグインです。これを使えば、投稿やページを含む画像、動画、音声などの様々なメディアファイルを表示することができます。調整可能な行、列、間隔、様々なアニメーションタイプを追加できます。

Essential Gridは「コンテンツソース」機能をサポートしています。この機能では、コンテンツの種類と場所を選択するだけです。プラグインは自動的にWordPressデータベースからコンテンツを取得し、フロントエンドに定義したグリッド形式で表示します。

Essential Gridプラグインの主な特徴

  • 50以上のスターターグリッドテンプレート
  • YouTube、Vimeo、iFrame、セルフホスト動画に対応
  • 投稿、ページ、カスタム投稿、WooCommerce、ギャラリーに対応
  • ナビゲーション、フィルタリング、ソートオプションあり
  • ギャラリー・ビジュアルのための6種類以上のスキン・タイプ
  • スキンやメタデータを含むグリッドのインポート/エクスポートが簡単
  • 豊富なドキュメントとチュートリアルビデオを提供

2. メディア・グリッド

Media Grid - WordPressレスポンシブポートフォリオ

Media Gridは、アイテムを追加し、並べ替え、サイズを設定するだけで、無制限のグリッドレイアウトを作成できるビジュアルグリッドビルダーを提供します。グリッドの準備ができたら、モバイルデバイス用に最適化するだけです。

最適な権限で、ユニークなグリッドを作成できます。Media Gridはダイナミックグリッドの作成もサポートしています。最初にグリッドレイアウトを構成し、次に希望のコンテンツタイプを選択します。選択された要素は自動的にグリッドを埋めます。

Media Gridプラグインの主な機能:

  • あらゆる種類のメディアファイルをサポート
  • HTMLとショートコードをサポートするAJAXライトボックス付き
  • すぐに始められる10種類以上のプレスタイル付き
  • 強力なフィルターオプションは、リアルタイムでアイテムを見つけるのに役立ちます。
  • フィルターやカスタマイズを美しくする670以上のアイコン
  • WooCommerceとの統合
  • WPMLとPolylangをサポートする100%の多言語化

3. テーブルバーグ

TableBergプラグイン

TableBergは従来のグリッドプラグインではありません。これはテーブルビルダープラグインだ。Gutenbergのテーブルブロックとは異なり、このプラグインではテーブルセルに様々なタイプのコンテンツ(リスト、画像、テキスト、ボタン)を追加することができます。

TableBergをここで紹介する理由は、行と列を使ってグリッドのようなレイアウトを作成できるからです。そして、それぞれのセルに関連するコンテンツと一緒に商品画像を表示することで、ユーザーの購買意欲を高めることができます。

TableBergプラグインの主な機能:

  • TableBergという名前のGutenbergブロックが付属しています。
  • Gutenbergエディターとのシームレスな連携
  • 無料版には4つのブロックがあり、プロ版も間もなく登場する。
  • 色とタイポグラフィの面で強力なカスタマイズが可能。
  • すべてのデバイスで高い応答性
  • スピード、SEO、パフォーマンスを念頭に作成

4. アルティメット・ブロック

アルティメット・ブロック

Ultimate Blocksは、25以上のエキサイティングなカスタムブロックを備えた有名なGutenbergブロックプラグインです。これらを使用することで、多目的に使用できる汎用性の高いコンテンツを作成し、コンテンツマーケティングの取り組みを簡素化することができます。

アルティメット・ブロックには、ポスト・グリッド・ブロックが含まれています。ブログサイトを運営している場合、このブロックを使って投稿をグリッドまたはリストレイアウトで表示することができます。また、特徴的な画像や抜粋、オプションを一緒に表示することもできます。

アルティメットブロックのポストグリッドブロックの主な特徴

  • 投稿に作者、タグ、カテゴリーを表示できるようにする。
  • 特集画像の幅をカスタマイズできます。
  • カスタム投稿タイプに対応
  • 様々なデバイスで簡単に表示・非表示を切り替えられる。
  • カラムとページごとの投稿数を設定可能
  • スタイライズのための強力なカスタマイズオプション

5. メディアボックスのポートフォリオ

メディアボックスのポートフォリオ

Media Boxes Portfolioプラグインを使えば、画像、ギャラリー、ポートフォリオ、ブログ、製品、サービス、動画、チームメンバーなど、思いつくものをグリッド形式で表示できます。

強力なフィルター、ソート、検索システムで表示できるので、ユーザーは目的のコンテンツを素早く探したり、見つけることができます。Media Boxesのポートフォリオグリッドは、さまざまなデバイスに完璧に対応します。手動で何かをする必要はありません。

Media Boxes Portfolioプラグインの主な機能

  • メディアファイルによって異なる設定オプション
  • 魅力的なライトボックス/ポップアップを含む
  • ユーザーフレンドリーな管理パネルを提供
  • WYSIWYGスキンエディターを搭載
  • 完全なドキュメンテーションとYouTubeチュートリアル付き

6. レイアウト・グリッドブロック

レイアウト・グリッドブロック

Layout Grid Blockプラグインを使うと、カラムベースのレイアウトを作成したり、カラムの幅や位置をカスタマイズしたりすることができます。投稿やページをまたいだグローバルなレイアウトグリッドにコンテンツを合わせることができます。

このプラグインには、「レイアウトグリッド」という名前のGutenbergブロックも付属しています。モバイルとタブレットのブレイクポイントに基づいて特定のレイアウトをカスタマイズできるので、レイアウトはすべての画面サイズで正確に表示されます。

Layout Grid Blockプラグインの主な特徴

  • 他のGutenbergブロックプラグインとのシームレスな連携
  • 4種類のカラムを追加できる
  • 列の中に他のブロックを追加する
  • 溝サイズの変更が容易
  • エンドガターの追加または取り外し

7. グリッド

The Grid - レスポンシブWordPressグリッドプラグイン

Girdプラグインには、ドラッグアンドドロップエディタを備えた最も強力なスキンビルダーの1つが含まれています。このプラグインを使えば、ピクセルパーフェクトな精度で魅力的なグリッドスキンを作成することができます。

このプラグインを使えば、投稿、ページ、カスタム投稿タイプにレスポンシブ・グリッドを作成できる。Instagram、YouTube、Vimeo、Facebook、Twitter、Flickr、RSSフィードなどもサポートしています。

The Gridプラグインの主な機能

  • 本物のタッチスライダーを搭載
  • 無限のレイアウトの可能性を提供
  • WooCommerceとの完璧な連携
  • 30以上の定義済みのユニークなスキン
  • 開発者にも優しいインターフェイス

フィニッシング・ノート

さて、WordPressのウェブサイトで汎用性の高いグリッドを作成するための最高のツールのショートリストができました。しかし、最後に、コンテンツの種類に応じて使用するグリッドタイプを選択することを忘れないでください。

例えば、メディアファイルを展示するために投稿グリッドを選択することはできません。さらに、色、スペース、タイポグラフィの面で一貫性を保つ必要があるので、グリッドは見栄えが良く、目を和ませることができます。



テーブルバーグ・チーム

早割キャンペーン実施中
これは通知バーのデフォルトテキストです。