【はてなブログ】スマホでできるタップでとべる目次の作り方

f:id:marunosan:20220225123926j:image
こんにちは、まるのです

いろいろなブログを読んでいると、読みやすいブログにはみんな「目次」がありますよね？

ブログに目次があると、このブログの中にどんな記事が書かれているのか一目でわかりますし、タップで見たい項目までとべると見返した時にも便利です

そこで今回はパソコンが無くてもスマホでできるタップでとべる目次の作り方をご説明します

f:id:marunosan:20220225151517j:image

目次を入れたい場所にカーソルをもっていき、[:contents]と自分で入力します

f:id:marunosan:20220225130448j:image

この時:contentsの前後に付ける記号は［　］ではなく、[　]です

この２つはとても似ているので間違えやすいのですが、正しい方は縦の長さが若干長いこちらの[　]です

contentsの文字の前に:←の記号もお忘れなく

全て半角です

こちらはスマホアプリで編集している画面です f:id:marunosan:20220225133153j:image

まず目次にしたい文を入力したい場所にカーソルをもっていきます

そして手順１に書いてある「装飾」をタップします

f:id:marunosan:20220225133508j:image

装飾をタップすると見出し、リスト、数字、引用などのブログを見やすく装飾するためのアイコンが出てきます

その中の一番左「見出し」をタップします

「見出し」を１回タップすると大見出しになります

→手順２の画像の１番上の大きさです

「見出し」を２回タップすると中見出しになります

→手順２の画像の真ん中の大きさです

「見出し」を３回タップすると小見出しになります

→手順２の画像の１番下の大きさです

そしてそのように入力した見出しをプレビューでみた様子がこちらです

f:id:marunosan:20220225134231j:image

中見出しと小見出しは、大見出しの中の項目のような表示になっています

これで各項目までとべる目次の完成です

どうでしたか？

一度覚えてしまえば、スマホのみでも各項目にとべる目次は簡単に作れます

手順は２つのみです

注意点は目次を入れたい部分に入力する記号の種類と文字記号は全て半角ということのみです

もし心配でしたら下書きで試してみてもいいかもしれませんね

ブログとして公開された時にどのように表示されるのか、プレビューで確認しながら書き進めていくのがおすすめです

もしわからない部分などありましたらコメント欄からお気軽にどうぞ(^^)

こちらの記事も合わせてどうぞ

まるのさんのアレコレ