投稿のカテゴリーとタグを投稿コンテンツの前に表示したカスタマイズ例

Lightning G3 の個別投稿ページでカテゴリーとタグは投稿コンテンツの後（前の記事・次の記事の前）に表示されます。

この記事では、カテゴリーとタグを投稿コンテンツの前に表示するようにカスタマイズしてみました。

正統派のやり方は VWS フォーラムでベクトルの石川さんが回答されているようなフックを使ったコーディングです。

この記事ではフックを使わずに、安易なやり方でカスタマイズしています。

具体的には、以下の CSS を追加しています。

body.single .main-section article {
    display: flex;
    flex-direction: column;
}
body.single .main-section article .entry-header {
    order: 1;
}
body.single .main-section article .entry-footer {
    order: 2;
}
body.single .main-section article .entry-body {
    order: 3;
}

出力する HTML をカスタマイズしたい場合はこのやり方は使えませんが、順序を入れ替えるだけでよいならこれでオッケーです😊

投稿者プロフィール

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

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

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

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

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

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

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

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

最新の投稿

• WordPress2025年4月10日グループブロックの背景画像を CSS で左右反転するやり方
• Lightning2025年3月16日カテゴリーをページヘッダーに表示するプラグインを作りました
• Lightning2025年2月16日ブログカード全体をリンクエリアにしたカスタマイズ例
• その他2025年1月23日jQuery の slideToggle / fadeToggle / toggle の動作比較