記事タイトルを目立つようにするには | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

記事タイトルは、
本文よりも目立つようにしたいですよね。



記事タイトルを目立つようにするためには、

①タイトルの文字サイズを少し大きくして、太字にすること

②タイトルの背景色を付けること

③タイトルの背景に画像を付けること

などが考えられます。



それでは、ここでは、
記事タイトルに背景色の画像を付けてみましょう。



まず、画像編集ソフトgimpで
背景色用の画像を作成します。



私は、次の画像を作成してみました。

背景色用の画像


次に、[マイページ]→[クイックリンク]→
[スキンCSSの編集]の順にクリックし、
CSSの編集画面を表示します。



上記の先程作成した背景色用の画像を
アメブロにアップロードします。



CSS編集部分の最後に次のように追加します。

追加するCSS



これで、記事タイトル部分は、
次のようになりました。



[訂正前]

訂正前の記事タイトル部分



[訂正後]

訂正後の記事タイトル部分



その結果
記事タイトル文字が、
記事本文に比べて、よくわかるようになりましたね。



今回は、以上です。