YOCCOの日記

主婦の日々の暮らしの中での発見やちょっとした出来事を記しています

超超超初心者向け 絶対出来る!はてなブログの目次の作り方

YOCCOの日記をご覧いただきありがとうございます。

 

はてなブログを再開して、いくつか記事を書いているのですが、せっかくツールに見出しやら目次とあっても、ほんとにほんとにブログ初心者にはどんなふうに使えばいいのか全くわかりません。

そこで覚書のつもりで目次の作成について書いていきたいと思います。

 

〇今回使用するツールは2つ見出し目次

f:id:YOCCO:20210614161458p:plain

 

〇初めに文章をどのように組み立てるか考えて、目次が成り立つように内容を入力してください。例はプリンの作り方を書いています。

f:id:YOCCO:20210614161337p:plain

 

〇入力した文章に見出しを付けます。付けたい所を選択し、見出しのプルダウンのところから付けたい見出しを選びます。例は1.材料のところに中見出しを付けています。

f:id:YOCCO:20210614161015p:plain

 

〇1.材料をまぜるのところに少見出しを付けています。

f:id:YOCCO:20210614161036p:plain

 

〇ボウルに卵、砂糖、牛乳をいれてまぜるは目次には表示させないので標準のままです。

f:id:YOCCO:20210614161050p:plain

☆目次に載せたいところに全て何かしらの見出し(大・中・小見出し)を付けます。

 

〇目次を載せる場所を作ります。例はタイトルを書いてその下に目次と入力してその下に目次を自動作成します。

f:id:YOCCO:20210614161115p:plain

 

〇今回は目次と入力したところの下に目次を表示させたいので、目次と入力したところの下にカーソルを移動させ、ツールバーの目次をクリックします。

f:id:YOCCO:20210614161137p:plain

 

ツールバーの目次をクリックしたら[:contents]と出てきます。

f:id:YOCCO:20210614161149p:plain

 

〇[:contents]と出てきたら、プレビューをクリックします。するとこのように自動的に目次が作成されます。確認で目次をくりっくして本文のカ所にとぶことができれば完成です。

f:id:YOCCO:20210614161159p:plain

 

いかがでしたでしょうか?

すてきなブログの作成のお役に立てたら幸いです。