WordPress個別サポート

BizVektorの初期設定では投稿やお知らせはタイトル・抜粋・アイキャッチ画像という構成で上から下に一覧表示されますが、Grid Unitプラグイン(有料)を使うとグリッド表示(タイルを並べたようなレイアウト)することができます。

BizVektorでも投稿のグリッド表示が可能です

BizVektorでも投稿のグリッド表示が可能です

Grid Unitはテーマではなくプラグインなので「プラグイン」‐「新規追加」メニューからインストール、有効化します。
スポンサーリンク

WordPressテーマ「LOTUS (TCD039)」

投稿・お知らせの一覧ページでグリッド表示に

投稿・お知らせを一覧表示するページやアーカイブでグリッド表示するには、対象の投稿タイプ(投稿・お知らせなど)を「外観」-「Grid Unit」メニューでチェックします。

グリッド表示する投稿タイプを選択

グリッド表示する投稿タイプを選択

これにより、投稿・お知らせの一覧ページがグリッド表示になります。日付の表示/非表示も選択することができます。

ブログページにグリッド表示された投稿

ブログページにグリッド表示された投稿

トップページ(コンテンツエリア)でグリッド表示

トップページに投稿やお知らせをグリッド表示する場合は「外観」-「ウィジェット」メニューから「BizVektor Grid Unit」ウィジェットを「コンテンツエリア(トップページ)」に追加します。

「BizVektor Grid Unit」ウィジェットを「コンテンツエリア(トップページ)」に追加

「BizVektor Grid Unit」ウィジェットを「コンテンツエリア(トップページ)」に追加

トップページに投稿がグリッド表示されるようになります。

トップページに投稿をグリッド表示する

トップページに投稿をグリッド表示する

複数のグリッドを表示可能

複数の「BizVektor Grid Unit」ウィジェットを配置できるので、「新着情報」と「お知らせ」を別々に表示したり、表示件数やタイトルの設定も自由にできます。

トップページに複数のグリッドを設置できる

トップページに複数のグリッドを設置できる

サイドバーを消して「6PR風」にも活用可能

トップページのサイドバーを非表示にすれば、グリッド表示の記事を前面に押し出すことができます。BizVektor標準の「3PRエリア」を拡張した「6PR」「9PR」のような使い方もイメージできます。

トップページのサイドバーを非表示にしてグリッド表示を前面に押し出す

トップページのサイドバーを非表示にしてグリッド表示を前面に押し出す

好きなカスタム投稿をグリッド表示可能

Grid Unitプラグインで表示できるのは投稿やお知らせだけではありません。オリジナルで追加したカスタム投稿もウィジェットでチェックするだけでトップページに一覧表示できます。

カスタム投稿も簡単にトップページにグリッド表示できる

カスタム投稿も簡単にトップページにグリッド表示できる

「新着物件」「おすすめショップ」「近日開催のイベント」など、好きなカスタム投稿をトップページにグリッド表示できます。

あとは、あなたのアイデアでGrid Unitをフル活用してサイトを充実させましょう。

まとめ

以上、簡単にGrid Unitプラグインの活用例を紹介しました。作品集(ポートフォリオ)・制作実績などをお客様に紹介したり、開催されたイベントのレポートなどもグリッド表示によって躍動感のあるレイアウトで見せられるようになるでしょう。

強いて課題をあげれば、グリッド表示までに若干タイムラグが生じる場合があることでしょうが、サーバーなどの環境によるでしょうし、レンタルサーバーもドンドン高速化されているので、それほど気にする必要もないと思います。

画像付の投稿を効果的に見せる方法を模索している方や、物件紹介や作品・実績紹介サイトの見せ方を試行錯誤中の方は、ぜひ、ご利用ください。

記事をグリッド表示できる「BizVektor Grid Unit」の購入はこちらから

この記事をSNSで共有する
WordPressでお困りのときはご相談を
この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
こんなときはご相談を
  • WordPressの使い方(ページやメニューの作り方を教えてほしい)
  • カスタマイズ(機能の追加やデザイン調整をお願いしたい)
  • トラブル対応(画面真っ白・「ログインできない」を解決したい)
マンツーマンなので相談内容は自由です。いただいた課題をその場で解決、CSSやPHPも目の前で修正します。気軽にご相談ください。
WordPress講座の問い合わせ先

関連記事

WordPressカスタマイズ

WordPressによるサイト作成のヒント

WordPressプラグイン

スポンサーリンク
西沢直木によるWordPress講座の紹介
ホームページ作成講座WordPress個別サポート