本ブログでWordPressの管理を試行錯誤しているari.です！💞
ブログをより良くかわいく出来るよう奮闘しています
まだまだ初心者ですが、本ブログと共に成長していきたいです✨
そこで、ちょうど気になっていたこと、、、
ブログタイトルの文字が小さい！！
せっかくのタイトルがこんなに控えめのままでいいのでしょうか？！いや、良くない！
もう少し存在感を出そう！
初期のフォントサイズである18pxに設定されているブログのタイトル文字を大きくしたいと思います！
本記事はWordPress編集のtipsです✌（自分への備忘録でもある）
タイトルのフォントサイズを変更する
ブログタイトルのフォントサイズをCSSで調整する方法を紹介します！
ちなみに本ブログのテーマはCocoonを使用してます
シンプルだけど可愛い雰囲気になってお気に入り
カスタマイズもしやすいですよ
WordPressの管理メニューから「外観」→「カスタマイズ」を選択
まず、WordPressの管理画面に行きます
左側にある管理メニューから①「外観」→②「カスタマイズ」を選択
すると、下の画面に移動します↓
「追加CSS」を選択
上の画面の「追加CSS」を選択すると、下のメモ帳みたいな行数だけ書かれた画面が出てきます
※開いたときは空白
追加CSSの入力箇所にブログタイトルのフォントサイズ変更コードを入力
メモ帳みたいな欄にコードを入力していきます！
下記のコードをコピペすればOK👍
赤字箇所の数字を希望のフォントサイズに変更すると、ブログタイトルのフォントサイズも変わります
.site-name-text{
font-size:50px
}
私はなんとなく50pxにしてみました
コードを入力した画面はこんな感じ↓
完成！！！！
ブログタイトルの存在感が出ました🙌ワーイ
まとめ
ブログタイトルのフォントサイズをCSSで調整する方法を紹介しました
少しフォントサイズを触るだけでもサイトの印象が変わる！
初心者としても嬉しい進歩ですね♪
今後も少しずつ改良していきたいと思います～♡
コメント