こんにちは、ふじもです。
今回は賢威7のヘッダーをカスタマイズしてみましょう。
まず「外観」→「テーマの編集」→「base.css」を開き、下記の部分を探して下さい。
/*ヘッダーロゴ*/
.site-title{
display: table-cell;
margin: 0;
font-size: 2.25em;
}
.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{
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の簡単なヘッダーカスタマイズができます、ご参考にしていただければ幸いです。
ここまでお読みいただき、ありがとうございました。