ブログタイトルの文字の配置変更方法(左寄せ/中央寄せ/左寄せ)


ブログタイトルとブログの説明文の位置を左寄せor中央寄せor左寄せに変更するのは、CSSの追加で可能です。


ブログテーマによって、初期の配置は色々です。

例えば、当ブログで使用中のテーマEmporioではブログタイトルとブログの説明文が初期設定では左寄せになっています。



これをCSSの追加で中央寄せにしています。



この文字の配置変更のCSSを解説します。


CSSの追加方法

左のメインメニューから【テーマ】を選択し【カスタマイズ】をクリックします。

そこから【詳細設定】の【CSSを追加】を選択します。



【カスタムCSSを追加】にCSSを入力できます。

後述のCSSを入力したら保存をして、反映されているか実際にブログを確認しましょう。



ブログタイトルの文字配置変更用CSS

左寄せ

.Header h1{ 
text-align: left; 
}


中央寄せ

.Header h1{ 
text-align: center; 
}


右寄せ

.Header h1{ 
text-align: right; 
}



ブログ説明文の文字配置変更用CSS

左寄せ

.Header p{ 
text-align: left; 
}


中央寄せ

.Header p{ 
text-align: center; 
}


右寄せ

.Header p{ 
text-align: right; 
}



ブログタイトル(ヘッダー)はブログの顔!

ブログタイトル(ヘッダー)はブログの顔です。

文字の配置でもイメージが変わりますので、こだわって変更してみましょう、


他、ブログタイトルに画像を使ったり文字の色や大きさを変更する方法はブログタイトル(ヘッダー)の設定方法でご確認ください。



参考ブログ様

基準テンプレート【ブログタイトルを中央に寄せる方法】

ぼくらのハウツーノート【ブログにカスタムCSSを追加する】


にほんブログ村 ブログブログ ブログサービスへ にほんブログ村 ブログブログ ブログノウハウへ