賢威のサイトタイトルの背景色を変える

賢威のサイトタイトルの背景色を変える方法、

および変更後の微調整を解説します。


WordPress管理画面から

「外観」⇒「エディター」をクリックして、

design.cssを開きます。上の方に

サイトタイトルの背景色はここを変える

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	background-color: #fff;
	font-size: 1.2em;
}
この様な箇所がありますので、

#fff(白色)をお好きな色コードに変更保存して下さい。

今回は、

記事タイトルの背景色と同じ「#e6ecfe」にしてみました。


サイトタイトルの背景色を変えた画像



少しまとまりが出たような気がします。


ただ画像にある様に、

サイトタイトルの上下の空間の高さが違うので、

タイトル下の空間の高さを少し低くします。


「外観」⇒「エディター」から

design.cssを開きます。

上の方に

サイトタイトルの上下の空間の微調整はここを修正する

上記画像の箇所がありますので、

1em を0.5emにしてみました。

こんな感じになります。


サイトタイトルの上下の空間を微調整しました。



ご希望の背景色と空間の高さへ調整して頂いて、

サイトの見た目を変えていき、

賢威で稼ぐサイトを量産していいって下さい。


上の画像を見て頂くと、

サイトタイトルの文字サイズも変更して、

綺麗に折り返した方が良いです。

(例)

アフィリエイトで月〇〇〇万円!稼
ぐ方法をお話しします。

アフィリエイトで月〇〇〇万円!
稼ぐ方法をお話しします。


font-size: 1.2em;

⇒font-size: 1.3em;へ変更します。

一番上の画像をご覧頂き、変更してください。


サイトタイトルの文字サイズを変えました



サイトタイトルが綺麗に並びました!


タイトルの長さによって、うまく折り返せない時は

サイトタイトルの文字サイズを変更して、

ご希望の折り返して点にして頂ければと思います。


以上で、

賢威のサイトタイトルの

背景色の変更、文字サイズの変更、それに伴う微調整の説明を終えます。








サブコンテンツ

当サイトの記事一覧

アーカイブ

このページの先頭へ