目次の作り方 キレイでカッコ良く見えるブログになる

 

初心者でも間違わない『 目次の作り方 』説明をします。

少しわかりづらい説明が多くて困った人も中にはいるはず…。

なので誰でもわかる説明にしたいと思います。

 

 

手順

① 今まで通り記事を書く

② 目次として使いたい言葉の先頭にカーソルを合わせる

③ 左上の見出し(タイトル記入欄のすぐ下にある)▼をクリックし、

  文字サイズを選

f:id:madoromi-life:20191229160346j:plain

④ 同じく、目次として使う言葉に対して、全て同じ作業を行う

⑤ 言葉を選択し終わったら、目次にしたい言葉の最初の言葉

  今回の例えでは「みかん」になるので、

  みかんの「 み 」の字の先頭にカーソルを合わせておきます。

  最後に、右から3つ目にある 目次 というアイコンをクリック。

f:id:madoromi-life:20191229160500j:plain

  [:contents] という言葉が、見出し文の下に目次として現れますが

  編集 見たまま 画面では [:contents] という言葉のみです。

  プレビュー で目次が出来ているか確認しましょう。

 

 

例えば 画像で説明

 

        みかん

        みかん大好き

        りんご

        アップルパイ大好き

        メロン

        マスクメロン、夕張メロンが好き

 

    という内容の記事を作りたい とします。

 

f:id:madoromi-life:20191229161035j:plain

 

    今回は中見出しで作ってみます。

 

f:id:madoromi-life:20191229161122j:plain

 

    みかん、りんご、メロン、

    それぞれの言葉を、中見出しでクリックしました。

    次は、目次をクリックですが、

 

f:id:madoromi-life:20191229161233j:plain


    みかんの「 み 」の前にカーソルを合わせて、目次をクリック。

    [:contents] という言葉が出来ます。

 

    最後に、プレビューで確信してみましょう。

 

f:id:madoromi-life:20191229161506j:plain


    目次と中見出しが出来上がりました。

 

 

まとめ

興味を持ったら先ず試してみましょう!

一度出来ると編集も楽しくなると思います。