VK Blocks Pro 1.67.0 でカテゴリーバッジブロックを追加しました。このブロックを使えば、投稿一覧で記事のカテゴリーをバッジで表示させることができます。X-T9 など主にブロックテーマ向けのブロックですが、Lightning などクラシックテーマでも利用できます。
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/12/category-badge-block-01-1-1024x567.png)
このブロックを利用するには?
Vektor Passport(ベクトルパスポート)に含まれる VK Blocks Pro があれば、ご利用いただけます。
Vektor Passportは、コピペで使える豊富なプロ品質プレミアムパターンをはじめ、WordPressテーマ・プラグインなどのベクトル主要製品・サービスを好きなだけ使える大変お得なライセンス製品です。
使い方
たとえば、クエリーループを利用して投稿一覧を表示させて、カテゴリーも表示したい場合、WordPress標準のカテゴリーブロックを利用すると、テキストのみでシンプルに表示されます。
WordPress標準 カテゴリーブロックを使用したパターン
![](https://patterns.vektor-inc.co.jp/wp-content/uploads/2023/11/vk-patternstop-post-list-1024x360.png)
カテゴリーをバッジで表示させたいときに、VK Blocks Pro のカテゴリーバッジブロックをご利用ください。
VK Blocks Pro カテゴリーバッジブロック
クエリーループで投稿タイプを選んだあと、カテゴリーバッジブロックの「タクソノミーを選択」にて、その投稿タイプに割り振られているタクソノミーを選べます。
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/12/category-badge-block-03-1024x375.png)
カテゴリーバッジブロックを使用したパターン
![](https://patterns.vektor-inc.co.jp/wp-content/uploads/2023/12/11904-1024x538.jpg)
トップページ用 お知らせ一覧 カラム表示 | VK パターンライブラリ
コピペで使える WordPress のブロックパターンライブラリ「トップページ用 お知らせ一覧 カラム表示」のパターンです。
なお、VK Blocks Pro の投稿リストブロックであれば、投稿一覧でカテゴリーを簡単に見映えよく表示できます。投稿リストブロックを使わずに、投稿一覧のレイアウトをブロックを組み合わせて作り、カテゴリーの表示をお好みに調整したいときにカテゴリーバッジブロックを利用する、といった使い分けが可能です。
VK Blocks Pro 投稿リストブロック(テキスト1カラム)
カテゴリーバッジブロックについては、以下の動画でも詳しく解説しています。ぜひご覧ください。
![](https://demo.dev3.biz/architect/wp-content/uploads/2022/10/vk-pattern-library-logo.png)
パターンを使って
よりクオリティの高いサイトに
パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。
ブロックエディターで
ABテストを
自由に作成できる VK AB Testing
![](https://www.vektor-inc.co.jp/wp-content/uploads/2024/02/vk-ab-testing-key-visual-list.png)
VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。