この記事はアフィリエイト広告を利用しています。
2025.9.1 追記
カテゴリーをアイコンで表示したカスタマイズ例を追加しました。
2025.9.2 追記
アイコン表示の四角形のカスタマイズ例を追加しました。
テキスト1カラムの投稿リスト
VK Blocks Pro の表示タイプ「テキスト 1 カラム」の投稿リストは、投稿に複数のカテゴリーが設定されている場合でもカテゴリーがひとつしか表示されません。
複数カテゴリーを表示したカスタマイズ例
設定されているカテゴリーをすべて表示したい場合もありますので、カスタマイズしてみました。
VK Blocks Pro の投稿リストをカスタマイズしてなんとかしよう…ってのは無理なので、クエリーループと VK Blocks Pro のカテゴリーバッジを使って、テキスト1カラムの投稿リストに似せて作りました。
カテゴリーをアイコンで表示したカスタマイズ例（円形）
さらにカスタマイズして、カテゴリーをアイコン表示してみました。
カテゴリーをひとつだけ表示（円形）
アイコン（カテゴリー）をひとつだけ表示するパターンも作ってみました。
スマホでのレイアウトを調整するため、横並びブロックの設定が上のクエリーループと少し違っています。
（カテゴリーバッジを含む横並びブロックの [複数行に折り返す] が有効になっているかどうかが違う。）
カテゴリーをアイコンで表示したカスタマイズ例（四角形）
四角形のパターンも作ってみました。border-radius: 0; で四角形にするだけじゃつまらないので、背景塗りつぶしをボーダーのデザインにしてみました。
カテゴリーをひとつだけ表示（四角形）
Katawara はお買い得な製品かも…
カテゴリーバッジ以外にも、VK Blocks Pro には魅力的なブロックがたくさん含まれていて、今後もブロックが増え続けていくと思います。
VK Blocks Pro を使うには Vektor Passport のサブスクリプション・ライセンス（1年版 税込11,000円）が必要ですが、Katawara は税込11,000円の買い切りライセンスで VK Blocks Pro が付属しています。
Katawara のサイドナビゲーションのデザインが好き、って方にはめちゃくちゃお買い得な製品かもしれません。
サイト運営者プロフィール
- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
