ページヘッダーのカテゴリーに背景色を設定しました

この記事はアフィリエイト広告を利用しています。

このサイトのページヘッダーのカテゴリー表示を以下のようにカスタマイズしました。

カスタマイズ前のページヘッダー

カスタマイズ前は WordPress 標準のカテゴリーブロックを使っていて、プレーンなテキストでシンプルなカテゴリー表示でした。

カスタマイズ後のページヘッダー

VK Blocks Pro のカテゴリーバッジブロックに置き換えました。

カスタマイズ前後の比較

カスタマイズ前

WordPress のカテゴリーブロックを使用

投稿に複数のカテゴリーが設定されているとき、すべてのカテゴリーが表示される。
カテゴリーの背景色を設定したい場合 CSS を記述する必要がある。

カスタマイズ例はこちら

カスタマイズ後

VK Blocks Pro のカテゴリーバッジブロックを使用

投稿に複数のカテゴリーが設定されているとき、カテゴリーをいくつまで表示するか指定できる。
カテゴリーに設定されている色がバッジの背景色に自動設定される。

VK Blocks Pro の入手方法

VK Blocks Pro は有料の WordPress プラグインですが、単体では販売されていなくて、Vektor Passport というライセンス製品に含まれて販売されています。

Vektor Passport は、コピペで使える豊富なプロ品質プレミアムパターンをはじめ、WordPress テーマ・プラグインなどのベクトル主要製品・サービスを好きなだけ使える大変お得なライセンス製品です。ライセンス1つで、ご自身で制作・管理されている複数のサイトにご利用いただけます。ライセンス期間は 1 / 3 / 5年から自由に選べます。

投稿者プロフィール

対馬俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー

【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

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

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

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

≫メールでのお問い合わせはこちら