Lightning G3 Pro Unit がインストールされていると、アーカイブページをカード表示することができます。
カード表示にして表示要素から 画像右上分類名 を選ぶとアイキャッチ画像の右上に色でも区別できるようにカテゴリーを表示することができるのですが、使用するアイキャッチ画像によっては画像の一部が隠れてしまうという悩ましい問題が起きることがあります。（下図の赤矢印）
アイキャッチ画像が隠れないようにするため、画像右上分類名 を表示するのを止めて 分類（全項目）を表示すると以下のようになります。（赤枠で囲んだ部分）
アイキャッチ画像が隠れずに表示されるようになりましたが、カテゴリーとタグがすべて表示されるので、ひとつひとつの投稿にスペースが必要になってしまいました。抜粋を表示しているからなおさらスペースが必要になっているのですが、抜粋はこのまま残しておきたいんです。
カテゴリーの色も反映されなくなっています。
そこで、カスタマイズして以下のようなカード表示にしました。
日付の位置をカテゴリー表示と同じ行に移動して、コンパクトなカード表示にしてあります。
地味なところでは、抜粋の行間とカードの下マージンも変えて、さらにコンパクトな表示にしました。
実際にカスタマイズしたアーカイブページをこのサイトのブログページでご覧いただけます。
投稿者プロフィール
- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
最新の投稿
Lightning G32025年9月6日カード表示のアーカイブページをカスタマイズしました
VK Blocks2025年8月28日リンク先でタブを自動的に切り替えるカスタマイズ（同一ページ内）
パターンライブラリ2025年7月6日焼き肉店：ヒーローエリア内にスライドキャンペーンバナー
Lightning G32025年4月6日ページヘッダーサブテキストのカスタマイズ例
