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

新着情報

タイトルを縦書きでブロックを左右交互にレイアウトした賃貸物件サイト例
カテゴリー
カスタマイズ
VK 投稿リストでカスタム分類のタームを親→子の順に表示した例
カテゴリー
VK Blocks Pro / カスタマイズ
VK 最近の投稿ウィジェットでクエリを改変するフィルターフック
カテゴリー
ExUnit
個々の記事ごとに Google 広告の表示・非表示を切り替えるカスタマイズ事例
カテゴリー
ExUnit / カスタマイズ
グローバルナビのロゴ画像を中央に配置したカスタマイズ例
カテゴリー
Lightning G3 / カスタマイズ
アーカイブページのカスタマイズ例いくつか (賃貸物件など)
カテゴリー
WordPress / カスタマイズ
スライダーに丸抜き画像+テキストのメニューを重ねたカスタマイズ例
カテゴリー
VK Blocks Pro / カスタマイズ
投稿リスト(アーカイブページ)のカスタマイズ例 - VK Blocks Pro
カテゴリー
VK Blocks Pro / カスタマイズ
投稿リスト(アーカイブページ)のカスタマイズ前 - VK Blocks Pro
カテゴリー
VK Blocks Pro / カスタマイズ
VK Blocks Pro 1.49.0 の新機能「カスタムブロックスタイル設定」
カテゴリー
VK Blocks Pro
投稿リスト「カード (インテキスト)」のカスタマイズ例 (VK Blocks Pro)
カテゴリー
VK Blocks Pro / カスタマイズ
フルサイズのアイキャッチ画像を投稿のページヘッダー背景画像に使うには
カテゴリー
Lightning G3 / カスタマイズ
投稿リスト「テキスト1カラム」に抜粋を表示したカスタマイズ例
カテゴリー
VK Blocks Pro / カスタマイズ
VK Blocks Pro 1.48.0 の新機能「カスタム書式設定」が超便利ですご過ぎる
カテゴリー
VK Blocks Pro
VK Blocks Pro の投稿リストの先頭の投稿を大きく表示したカスタマイズ例
カテゴリー
VK Blocks Pro / カスタマイズ
画面遷移せずに VK Blocks Pro の投稿リストをカテゴリーで絞り込む
カテゴリー
VK Blocks Pro / カスタマイズ
VK パターンライブラリをもっと楽しむカスタマイズレシピ
カテゴリー
VK Blocks Pro / カスタマイズ
VK パターンライブラリをもっと楽しむカスタマイズレシピ「お客様の声」
カテゴリー
VK Blocks Pro / カスタマイズ
VK Blocks Pro 1.46.0 の便利な新機能「カスタム CSS」
カテゴリー
VK Blocks Pro
「テキスト1カラム風」投稿リストのカスタマイズ例 - VK Blocks Pro
カテゴリー
VK Blocks Pro / カスタマイズ

CSS のコードを書くだけでやってみたところ、以下の新着情報のようになりましたが、まだ不完全な部分があります。

  • カテゴリーを色分けできない
    カテゴリーを特定(区別)できるようなクラス名などが出力されないので、どうしようもありません。手詰まりです。
  • カテゴリー名とカテゴリー名の間に 、 が表示されてしまう
    これは JavaScript で消せそうな気がしますが、そこまでやるならフックを使ってなんとかしたいところです。

カテゴリー名を色分けできるやり方を調べて、ウィジェットでやったら こんなかんじ↓ になりました。

その後、フィルターフックを使ってカスタマイズして、以下の記事にある投稿リストのようにカテゴリーの色も反映する文句なしのレスポンシブ対応仕様で実装しました。

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

対馬 俊彦
対馬 俊彦魚沼情報サービス (新潟県南魚沼市)
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、お手伝いいたします。

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

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

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

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

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

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

Lighting テーマ使用

WordPress サイト開設

スターターパック

  • デザイン済みパーツを組み合わせることで価格納期を大幅削減
  • プロが作ったクオリティが高いホームページ
  • サポート付き・ご自分でかんたんに情報発信できます