投稿タイトルの下の投稿者の画像を大きめに表示したカスタマイズ
対馬 俊彦Lightning の投稿ページで投稿タイトルの下に表示される投稿者の画像が小さくて、アイコンであればこのくらいがちょうどよいサイズなのですが、写真だと小さ過ぎると感じました。（もう何年も使い続けている私が今更言うのもいかがなものかと思いますが😓）
ということで、このサイトで投稿者の画像を大きめに表示するカスタマイズを行いました。
もっと大きい方が誰なのかわかりやすくていいかもしれないと思いましたが、今回はこのくらいの控えめなサイズにしておきました。
カスタマイズ手順
子テーマの style.css などに以下のコードを追加します。
/* 投稿タイトルの下の投稿者の画像を大きめに表示 */
.entry-header .entry-meta-item-author-image {
width: 2.5em; /* お好みで調整してください */
}
.entry-header .entry-meta {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
.entry-header .vcard.author {
display: flex;
flex-direction: row;
align-items: center;
}投稿者プロフィール
- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
メールでのお問い合わせはこちら
