こんにちは、ふじもです。

今回は賢威7のヘッダーをカスタマイズしてみましょう。

まず「外観」→「テーマの編集」→「base.css」を開き、下記の部分を探して下さい。

/*ヘッダーロゴ*/
.site-title{
display: table-cell;
margin: 0;
font-size: 2.25em;
}

.site-title a{
color: #333;
text-decoration: none;
}

.site-title a:hover,
.site-title a:active,
.site-title a:focus{
text-decoration: underline;
}

見つけられましたら、下記の赤字部分をお好きなようにカスタマイズしてみましょう。

/*ヘッダーロゴ*/
.site-title{
display: table-cell;
text-align: center;(タイトル文字の位置を決められます)
margin: 0;
font-size: 160px;(タイトル文字のフォントサイズを指定できます)
font-family: “HG創英角ポップ体”;(タイトル文字のフォントスタイルを指定できます)
}

.site-title a{
color: #0095ff;(タイトル文字の色を指定できます)
text-decoration: none;
}

.site-title a:hover{
color: #13c;(タイトル文字にカーソルを合わせた時の色を指定できます)
text-decoration: none;
}
.site-title a:active,
.site-title a:focus{
text-decoration: underline;
}

以上で賢威7の簡単なヘッダーカスタマイズができます、ご参考にしていただければ幸いです。

ここまでお読みいただき、ありがとうございました。