【はてなブログ】 目次の設置方法

私はまだまだ初心者ですので、探り探りで機能を取り入れています。

「１日前の自分が知らなかった事」をテーマに

はてなブログの細々した機能の使い方を綴っていきます。

今回は、目次の設置方法を確認したいと思います。

基本手順

①目次にしたい文字を選び、見出し設定する

②目次アイコンをクリック（タップ）

以上です。

希望としてはこんな感じ↓

それでは見ていきます。

 【①】　目次にしたい文字を選び、見出し設定する

・目次にしたい文字を選択し、見出しを選択する

（見出しのプルダウンはこんな感じです）

【②】　目次アイコンをクリック（タップ）

　［：contents］と表示されたら完成です。

　あとは、プレビューで見てみて、問題なければ終了です。

プレビューはこんな感じです↓

見出し（大・中・小）の使い方

目次の中でも、更に枝分かれさせたい時があります。

そんな時は、見出し（大・中・小）をうまく組み合わせれば簡単に出来ます♪

試しに、先程できた目次①～⑤に

「例文」を入れていきたいと思います。

すると、このようになります↓

これで枝分かれしました♪ 

以上が基本の目次設置方法です。

補足（応用）

補足ですが、デザインCSSを使えばもっと見やすくできます！！

 私の目次は、こちらの記事を参考にさせて頂きました(^^)