初期値ではタイトルは左寄せになっています。
これを中央に配置する方法を紹介します。
スタイルシートの次の部分を編集してください。
/* ヘッダーレイアウト */
#header {
~
text-align: left;
~
}leftをcenterに書き換えるとタイトルが中央に配置されます。
/* ヘッダーレイアウト */
#header {
~
text-align: center;
~
}rightにすると右寄せになります。
お好きなようにカスタマイズしてください。
<02/08追記>
タイトル横に画像を含むテンプレート(fullmoon_howling, white_eagle等)は上記の方法だけでは中央に配置されません。これらのテンプレートでタイトルの中央配置をしたいときには2つの方法があります。■画像を取り除いてタイトルを中央に配置する方法上記処理を施した後にHTMLのヘッダーに関する記述を次のように書き換えます。
<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->
<tr><td id="header">
<h1><a href="<%url>"><%blog_name></a></h1>
<h2><%introduction></h2>
</td></tr>
<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->■画像はそのままにタイトルを中央へ配置する方法(完全な中央にはならない)スタイルシートに次の記述を加えます。
h1 {
~
text-align:center;
~
}
h2 {
~
text-align:center;
~
}画像の分、中央には寄り切れませんが画像を消す必要はありません。
お好みの方法でカスタマイズしてください。
- 関連記事
-