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

テキスト1カラム(風の見た目)でカテゴリーを複数表示してみた

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

上記の記事で作ったものは不満点がありましたが、その後フィルターフックを使って、以下の投稿リストのように希望通りにカスタマイズできました。

新着情報

前の記事・次の記事のレイアウトやデザインをカスタマイズ【続編】
前の記事・次の記事のレイアウトやデザインをカスタマイズ
VK Blocks 1.16.0 の新機能「横並びアイコン」
Swiper を使った、全画面で画像がゆっくりズームインしてくるスライドショー
グローバルナビをスライドの下に配置したカスタマイズ例④
グローバルナビをスライドの下に配置したカスタマイズ例③
グローバルナビをスライドの下に配置したカスタマイズ例②
グローバルナビをスライドの下に配置したカスタマイズ例①
VK Filter Search Pro でブロックのラベルをわかりやすい文にするには
投稿リストやアーカイブページで任意のカスタム分類の子タームを表示するやり方
編集画面でタクソノミー(カテゴリー、カスタム分類)の並び順を入れ替えるやり方
投稿リストでカスタム投稿タイプの「分類(全項目)」の並び順を指定するやり方
トップページに動画を全画面で表示するやり方 (カバーブロックを使用)
Lightning の機能改善:検索結果で該当なしの場合のメッセージ
Lightning っぽくないトップページのデザイン例【カットサロン】
Lightning っぽくないトップページのデザイン例【ペットショップ】
検索時の該当件数が 0 のときのメッセージの改変 (Lightning G3 版)
テキスト1カラム(風の見た目)でカテゴリーを複数表示してみた【完結編】
Lightning G3 の投稿でページヘッダーを非表示にするやり方
Lightning G3 の投稿でパンくずリストを投稿の後に表示(移動)するやり方
マウスホバー時にアイコンがクルッと回るカスタマイズ
スライダーブロックに指定した追加 CSS クラスが消える問題
テキスト1カラム(風の見た目)でカテゴリーを複数表示してみた
VK Blocks 1.12.0 で追加されたアイコンブロックを横に並べる方法
Lightning G3 に JavaScript を追加するやり方

メモ カテゴリーの色を取得するには

以下のようなコードを書いてカテゴリーの色を取得できます。

$category_color = Vk_term_color::get_term_color( $category->cat_ID );

VWS フォーラムの以下のトピックで いしかわさん が回答されたコードが大変参考になりました。

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

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

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

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

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

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

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