VK Blocks Pro の投稿リストで テキスト1カラム はカテゴリーをひとつしか表示できません。(記事投稿時点)
そこで、表示タイプを メディア に設定して、CSS を使ってテキスト1カラム風の見た目にしたものが以下の記事です。

テキスト1カラムの投稿リストでカテゴリーを複数表示

VK Blocks Pro の投稿リストで テキスト1カラム はカテゴリーをひとつしか表示できないので、表示タイプを メディア に設定してテキスト1カラム風の見た目にしてみました…

上記の記事で作ったものは不満点がありましたが、その後フィルターフックを使ってカスタマイズして以下の投稿リストを作りました。この投稿リストはカテゴリーの色も反映して、レスポンシブ対応仕様で、文句なしの実装となっています。

新着情報

アイコンメニュー 横並び・縦並び (VK パターンライブラリ)
商品画像を使用したメガメニューのカスタマイズ事例③
画像とテキストを左右に並べてレイアウトするやり方の比較
商品画像を使用したメガメニューのカスタマイズ事例②
商品画像を使用したメガメニューのカスタマイズ事例①
開催日を過ぎたイベントを自動的に削除するカスタマイズ
グリッドカラムカードブロックで丸抜き画像に文字を重ねてみた
【カスタマイズ例】スライダーで新着投稿をカルーセル表示
丸抜き画像に文字を重ねたナビゲーションメニューの例 (カードブロック)
[ 解決済 ] VK ボタン の Font Awesome のアイコンを大きくするとアイコンが消える
VK Blocks Pro のスライダーで新着投稿をカルーセル表示するやり方
投稿リストが該当なしのときに見出しごと表示しないカスタマイズ
カスタム投稿タイプ「イベント」の日付表示をカスタマイズ
VK Blocks のフローブロックの画像のスタイル調整
VK Grid Column Card β版を使ってみた
VK Video Block Pro の動画を全画面で表示するやり方
RSS Antenna で外部サイトのカスタム投稿タイプのフィードを表示
投稿一覧で日付をタイトルの上に表示するやり方
グリッドカラムとカバーブロックを使った写真のレイアウト例
投稿リストを Instagram 風にカスタマイズ
Lightning G3 Pro Unit 限定のニッチなプラグインを作ってみた
投稿リストブロックの新着記事を全幅でカルーセル表示するカスタマイズ
ブログのページヘッダーにサブテキストを表示するには
グローバルメニューの Font Awesome アイコンを大きくして色をつけた例
VK Blocks の VK ボタンのアイコンを大きくするカスタマイズ

サイト運営者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス 代表
新潟県南魚沼市・魚沼市を中心に、地域の皆様がパソコンやインターネットを有効活用して業務効率化・課題解決を図るお手伝いを1999年から行ってまいりました。

WordPress を使用したサイト制作・カスタマイズを全国どこからでも承ります。ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・PHP・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。

ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。

» ご相談・お問い合わせはこちらからどうぞ

今よりもっといい WordPress サイトにしたいなら G3 Pro Unit がおすすめ

Lightning G3 Pro Pack
ベクトルから発売されている有料プラグイン Lightning G3 Pro Unit を使えば、このサイトで紹介しているようなコードを書かずにかんたんにカスタマイズできることがたくさんあります。

名前に Pro がついているので「制作のプロ向け製品」という印象を受けるかもしれませんが、
*もっといいサイトにしたい
* 効率よく作成・運用・管理をしたい
と考えているコーポレートサイトの担当者にこそ使っていただく価値がある製品です。

Lightning G3 Pro Unit は Lightning G3 Pro Pack というパッケージで VK Blocks Pro とセットで販売されています(単体販売はされていません)。このパッケージを使うと、便利なカスタマイズ機能やリッチなコンテンツ制作に役立つブロックをたくさん利用できるようになりますので、効率的にサイトを制作・運用したい方はぜひこのパッケージをお使いになることをおすすめします。