文字サイズや色、余白の調整など、CSSを使った見た目のカスタマイズ方法を分かりやすく解説しています。
近衛さん、スマホでサイト見たら「前の記事」「次の記事」のタイトルが大きすぎて…
それはCSSでフォントサイズを調整できますよ。追加CSSにコードを貼ればOKです。
やってみたんですけど、どうしても小さくならないんです…
うーん、もしかしてクラス名が違ってるかも。`.post-navigation` じゃなくて、何て名前になってますか？
「.post-title」ってなってました！
なるほど、それなら `.post-title` に直接CSSを当てましょう。 @media screen and (max-width: 768px) { .post-title { font-size: 14px !important; } }で強制できます。
すごい！ ちゃんと小さくなりました！ありがとうございます！
よかったですね。CSSはちょっとした探偵みたいなものですから、クラス名を見つけるのが鍵なんです。
「あのー、WordPressのサイトタイトルって、CSSで大きさ変えられないんですか？」
「もちろん変えられますよ！たとえば font-size を指定すれば、文字サイズを自由に調整できます。カスタマイザーの『追加CSS』から簡単にできますよ。」
「追加CSSって、どこから設定するんですか？」
「WordPressの管理画面から『外観』→『カスタマイズ』って進んでください。」
「あ、ありました！その中に『追加CSS』っていう項目がありますね。」
「そうです。そこをクリックすると、CSSを直接入力できる画面が出てきます。」
「じゃあ、サイトタイトルのサイズを変えるには、どんなコードを書けばいいんですか？」
「テーマによって違いますが、たとえば .site-title に対して font-size を指定する感じです。」
「具体的にはどう書けばいいんですか？」
「こんな感じです：.site-title { font-size: 24px; } これでタイトルの文字サイズが24pxになります。数字はお好みで調整できますよ。」
「なるほど〜！書いたらどうすればいいんですか？」
「右上の『公開』ボタンを押せば、変更が反映されます。スマホでも確認してみてくださいね。」