きゅうりの王様

きゅうりの王様

雑記・日記

はてなブログの簡単なカスタマイズ 記事に目次をつける方法と大見出しの注意点

広告

目次をつけるコード

f:id:cucumberking231:20170125233353j:plain

ブログ記事でよく見かける記事の「目次」。

ワードプレスだと「table of contents plus」が有名だが、はてなブログではプラグイン機能がないのでどのように目次を作るのかわからなかったがはてなのヘルプに書かれていた。

下記のコードを書くだけ。

:contentsのコードを[ ]で囲む。

あとは目次にしたい場所を「大見出し」にする。

プレピューで確認すると目次が挿入されている。

 

はてなブログ参照

staff.hatenablog.com

 

大見出しは「h3」の設定になっている

f:id:cucumberking231:20170131225739p:plain

実ははてなブログの大見出しはh3である。

なので大見出しをつけた場合はHTML編集でh3をh2に変更する。

まとめ

f:id:cucumberking231:20170131230249p:plain

 

 上がh2で下がh3のタグ。

プレビューで見ると見た目が違うが、記事を書くときに「編集 見たまま」で見ているだけだと気づかない。

h2で表記する単語はSEO的に重要といわれているのでぜひ設定してほしい。