はてなブログの見出しをカスタマイズしたら、初心者の私でもできた！

どうも、管理人の「名無し」です。アホみたいに寒い日が続きますね。今日で２記事目です。２記事目の内容ははてなブログの見出しのカスタマイズに関する情報です。見出しというのは、上の画像のようなヤツです。

この見出しがあると、「いいなあ、カッケ―なあ」と思ったので今回紹介することにしました。ただそれだけの事！そして、ここで唐突ですが、あるサイトをぶっこみ紹介！興味がある人は見てください。

それでは、「はてなブログの見出しを変えたい！」と思っている方や、「ブログをおしゃれにしたい！」と思っている方は見ていってください。

↓　以下の４手順で、見出しを簡単にカスタマイズできます　↓

スポンサーリンク

はてなブログの見出しをカスタマイズする方法

それでは、私のようにｈｔｍｌの知識がない人や、難しいことができない人にでもわかるように、初心者目線で解説していきます。

１、好きな見出しのデザインを探す。

まず、自分のお気に入りの見出しを探しましょう。このサイトに色々なデザインがありますので、まず好きな見出しを選んでみてください。シンプルなものやおしゃれもの、かわいい見出しなどたくさんあり、私も非常に迷いました・・・

２、コードをコピーして、ｈ１をｈ３に変える。

お気に入りの見出しが見つかったら、コードをコピーして、メモ帳などに貼り付けましょう。そして、ここが大切なのですが、下の画像のように、コードのｈ１をｈ３に書き変えてください。

ｈ３に変えることで、大見出しのデザインを変更できます。ちなみに、ｈ４にすれば中見出しを、ｈ５にすれば小見出しのデザインを変えることができます。

３、ＣＳＳにコードを貼り付ける。 

それでは、上でコピーしたコードをＣＳＳに貼りつけましょう。ＣＳＳは管理画面の ①デザイン → ②カスタマイズ → ③デザインＣＳＳ の順にクリックすれば画面に出ると思います。

デザインＣＳＳをクリックすると、右図のような画面になると思うので、後は選んだコードをコピーして、一番下の空白の部分に貼り付ければＯＫです。貼り付ける場所は初期設定の場合、３行目か４行目ぐらいになると思います。

貼り付けが完了したら、最後に⑤の変更を保存するのボタンをクリックすればＯＫです。この保存ボタンを押さないとデザインが反映されないので、注意しましょう。

４、見出しの変更を確認

最後に見出しのデザインが変わったか確認しましょう。記事作成画面を開き、なんでもいいので文字を書いて大見出しボタンを押してください。

すると、カッコの赤線のように黒の太字になるはずです。後は、プレビューボタンを押せば、見出しがお好みのデザインになっていると思います。

以上、はてなブログの見出しをカスタマイズする方法でした。もし、「見出しのデザインが反映されない」とか「うまくできない」とかいうご意見があれば、お気軽にコメントください。

スポンサーリンク