AFFINGER5で記事投稿日（更新日）を中央寄せにする方法【PC・モバイル両対応済み】

・アフィンガー５の記事中にある記事投稿日を中央寄せにしてデザインを綺麗にしてみたい！

以上のようなお悩みを解決していきます。

『記事投稿日・更新日』は、初期状態では左寄せになっていますがCSSを加えることで中央寄せに修正していきます。

このような感じで記事投稿日・更新日を中央寄せにして見た目をアレンジすることができます。

CSSをそのままコピペするだけなので一瞬でできちゃいますよ！

ベイク

CSSを打ち込む前は必ずバックアップを取っておきましょうね。

それではご紹介していきます。

記事投稿日・更新日を中央寄せにするCSSの紹介

それではCSSを入力していく作業に入りましょう。

①PC表示でのCSSコード

以上の手順でCSSを貼り付ける画面までいきましょう。

以上の手順で追加CSSに貼り付けても問題ありませんが、子テーマに貼り付けた方が管理が楽で見やすいのでオススメ

ベイク

CSSは以下になります。

コピーして貼り付けたら「公開」ボタンをクリックして確認してみて下さい！

上記はあくまでPC表示のみの中央寄せCSSコードなので、次にモバイルで中央寄せにするCSSコードをご紹介します。

②モバイル表示でのCSSコード

モバイル表示のCSSは以下になります。

＠mediaほにゃらら〜が追加されただけですね。笑

以上が記事投稿日・更新日を中央寄せにするCSSの紹介でした。

中央寄せデザインのCSSコードの補足

記事投稿日・更新日のデザインも先ほどのCSSを少しいじると変更できたりますので紹介します。

変更するとしたら上の２つがいいと思います。

ご自身のブログの雰囲気やカラーに合わせて変更してみて下さいね。

フォントサイズに関しては大きすぎると見にくいのでサイズ感を気にして調整していきましょう！

ベイク

記事投稿日・更新日を中央寄せにする方法まとめ

いかがでしたでしょうか。

初心者の方でもCSSをコピーして貼り付けるだけなので速攻で出来たかと思います！

自分のブログなのでやっぱり見た目やデザインは大事にして読者にとって見やすいように心がけることが大切です。

細かい部分ではありますがブログデザインにはしっかりこだわっていきましょう！