なるぶろぐ

普通の女子高生が月収5万円を目指して突っ走っています!

【超簡単】はてなブログで「目次」を作る方法


こんにちは!女子高生ブロガー、成瀬です。

1000文字以上の記事、内容をささっと把握したい時に便利なのが「目次」です。


⤵︎ ︎こんな感じのです

記事の大まかな内容が把握できたり、クリックすれば見たいところまで飛べるなど長い文章には必須です。



私は始めてから間もない頃は作りたくても作り方も分からず、かなり手こずりました…


難しそうに見えるかもしれませんが、やり方を覚えれば10秒で作れます。


というわけで、はてなブログでの目次の作り方を紹介していきます!


作ったことの無い方は、ぜひ取り入れてみてください。

「見出し」を設定する

スマートフォンでもパソコンでも見出しを設定するボタンがあるので、設定します。

大見出し、中見出し、小見出しと大きさを変えることもできます。

慣れないうちは見たまま記法で書くと、設定したものは投稿された記事と同じように太字になるのでやりやすいです。


目次を置きたい場所に[:contents]と入力する


書き出しの後に置くことがほとんどなので、そこに[:contents]と入力します。
(四角かっこも込です)

パソコンの方は目次のアイコンがあるので、そちらをクリックすると出てきます。


すると、見出しに設定したものが目次で出てきます!簡単!

これで完了です。


目次のデザインを変更するには?


デフォルトのものは、色が変わるだけで目次と分かりにくいです。



私の場合は、特にこだわりはないのでダウンロードしているブログテーマで設定されているものをそのまま使っています。


もっとオシャレにしたい、という方はこちらの方の記事をご覧下さい。

コピペだけでできるので、とても簡単です。ら

こちらで書かれているものら女性向けですが、検索するともっと色々出てきます!

http://kimix.hatenablog.com/entry/custom-index


最後に


もくじの作り方について解説しました。

簡単に作れますし、記事の読みやすさも格段に上がるので、取り入れていない人は損していますよ!

やり方がわからなかったけど、この記事で理解出来たという方がいらっしゃれば嬉しいです!