今回はサイトのタイトル、記事タイトル、サイドバーのタイトル等、タイトル関連のカスタマイズをしていきます。タイトル関連部分でできるカスタマイズとしては文字の大きさや色を変更したり、背景部分に画像を使う事もできます。まずは基本的な部分からやっていきましょう。

有料だけど個人的におすすめの商材

⇒初心者のための商標サイト設計図

サイトタイトルの文字の色や大きさを変更する

今回もTwentyTwelveの子テーマで作成したスタイルシート (style.css)を使います。まずはサイトタイトルの文字色や大きさを変更してみましょう。私のブログの場合はこの部分になります。

この部分のコードを見てみます。

ここの数字を変更する事でタイトル部分の文字の大きさと高さを調整する事ができます。また背景に色を付けたい場合はbackground-color:の部分に好きなカラーコードを入れて下さいね。タイトル部分の文字色ですが、これを変更する場合は次の記述をしてみて下さい。

記事タイトル部分のカスタマイズ

記事タイトル部分も容量はほとんど一緒で場所の名前が違うだけです。

サイドバー（ウィジェット）のタイトル部分を変更

ここもほとんど同じです。私の場合のカスタマイズをそのまま載せておきますので、好きな部分を変更して使って下さい。私の場合はこのように表示されてます。

タイトルの背景に画像を使う場合

タイトルの背景に色ではなくて画像を使う事もできます。画像を使う場合には事前に使う画像をアップしておき、画像のファイルのＵＲＬをコピーしておく必要があります。WordPressの管理画面から「メディア」⇒「新規追加」をクリックして「ファイルを選択」してアップロードしておきます。それでアップロードした画像の編集をクリックして下さい。

すると右側に画像ファイルのＵＲＬがあるのでこれをコピーしておきます。

コピーしたらこの画像のＵＲＬを記事タイトルとかサイドバーのタイトルに追加する事になります。その場合はこのようなコードを追加して下さい。

これを先ほどカスタマイズしたそれぞれのタイトル部分に追加してください。

• サイトタイトルに使う場合は.site-header h1 に追加。
• 記事タイトルに使う場合は.entry-header .entry-titleに追加。
• サイドバータイトルに使う場合は.widget-area .widget h3に追加。

基本的な部分ですが、さらに応用編もありますので次の記事を読んでみて下さい。カスタマイズの幅が広がります。

⇒見出しの先頭にランキング用などのアイコンを表示させる方法

以上WordPressのTwentyTwelveタイトル全般のカスタマイズでした。

• ⇒WordPress見出しの使い方とカスタマイズ
• ⇒WordPressカスタマイズまとめ
• ⇒WordPressの始め方や使い方のまとめ
• ⇒アフィリエイトの始め方と稼ぐ方法のまとめページ