賢威7ヘッダー部のブログタイトルのフォントサイズを変更どうも。葉です。

この記事では、賢威7のブログタイトルのフォントサイズを変更する方法について解説していきます。

1.この記事を読むことでできるようになること

まずは、「この記事を読むことでできるようになること」を確認していきましょう。

下図の「変更前」→「変更後」のように、ブログタイトルのフォントサイズを自由に変更できるようになります。

変更前

デフォルトのブログタイトルのフォントサイズ

変更後

ブログタイトルのフォントサイズが小さくなった

では、実際に賢威7のブログタイトルのフォントサイズを変更していきましょう。

2.賢威7ヘッダー部のブログタイトルのフォントサイズを変更する手順

WordPress管理画面の左メニューより「外観→テーマの編集」をクリックしてください。

賢威7ヘッダー部のブログタイトルのフォントサイズを変更する手順1

「base.css」をクリックしてください。

賢威7ヘッダー部のブログタイトルのフォントサイズを変更する手順2

「base.css」を開いたら「ヘッダーロゴ」と記述されている場所を探してください。そのすぐ下に次のようなコードが記述されているはずです。

.site-title{
     display: table-cell;
     margin: 0;
     text-align: center;
     font-size: 2.25em;
}

このコードの中の、

    font-size: 2.25em;

の部分を変更することで、ブログタイトルのフォントサイズを変更できます。

賢威7ヘッダー部のブログタイトルのフォントサイズを変更する手順3

3.まとめ

以上で、ブログタイトルの変更ができたはずです。ブログへの訪問者が真っ先に見るのが、ブログタイトルですよね。

基本的には、小さいよりは、大きい方が見やすいです。後は、あなたの好みなので、好きなように変更してください。

その他、ブログタイトルやヘッダー部の編集に関連する記事はこちら

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします