【bloggerカスタマイズ】もくじの自動生成を導入する方法【超初心者向け】

2024-10-05T15:08:00+09:00

公開日： 2024年10月5日土曜日 bloggerカスタマイズ

もくじを自動生成化しました！

今までは記事を書くたびにテンプレートを使ってURL入れたりと

ちまちまやっていたのですが

自動生成に成功したのでその手順と方法をお伝えします。

すごく記事作成が楽になりました。

配布用コードを使って。

今回導入させていただいたのはこちらの記事からです。

手順に従って導入してみたらできました！

今までの記事を細かく修正

プラグインコードをテンプレートに挿入するので

今まで書いた記事にも影響が・・・

結果ダブル目次に。

あるいは、もともとの見出しのつけ方がよくなかったものは反映されなかったりと、

記事をチェックし直しというめんどくさい作業が発生・・・

以下、修正内容です。

• どのような状態か記事をすべてチェック
• もともとの記事に影響なければそのままにする
• ダブル目次は記事を直接修正
• もくじが自動生成されていない記事は見出しがh2→ｈ4など飛んでないかチェック(順番通りでないと自動生成されない)
• 無駄なｈ２がないか確認(divだけで囲まれている謎の見出しが存在)、削除。やらないと番号だけの空白の目次が出現

修正が大変そうだから今までの記事には反映されないように導入したかったのですが

方法をみつけられず挫折。

記事数そんなにあるわけじゃないしいいや！と

結局一から見直しという原始的な方法に・・・。

もくじの自動生成の記事の書き方

最初記事を書いても目次が生成されず、

慣れるまでというか仕組みを理解するのに時間がかかりました。

書き方は

ｈ２から始まり番号を飛ばさないことです。

作成ビューなら、

見出し、小見出し、準見出しの順です。

見出しを二回続けると1，2と続き、

見出し、小見出しにすると1，1-1と続いていきます。

（この記事の見出しがそうです）

まとめ

自動生成の時は記事作成の見出しの順番が飛んでないか注意しよう。

※この記事を引用・参考にするときはこのページのURLを明記して下さい。

※ここをクリックするとタイトルとURLが
コピーされます※