どうも!フジグチです! 当ブログで目次のデザインをカスタマイズしたので、今回はそのカスタマイズを紹介します。 目次には下記のような読者のユーザビリティを向上させることができます。 読む前に一目見て記事に何が書かれているか 求めている答えが書いてあるか 求めている答えにすぐたどり着ける この記事では目次の部分的なカスタマイズから、コピペするだけですぐに使えるコードまで用意したので、良ければお使いください。 また、当ブログで使用している「大学ノート風」の目次デザインも公開しています。※現在は使用していません。 ※サンプル画像 とりあえずコピペして今すぐ使いたい!という方はコピペで使える目次のCSSの項にお進みください。 記事内のコードは全て「このコードをコピーする」というボタンを押すだけで、コピーすることが出来ますのでご利用ください。 最初にCSSを貼り付ける場所を確認しておきます。 記事内の
![はてなブログ【目次カスタマイズ】コピペで使えるデザイン集 - フジブロっ!](https://cdn-ak-scissors.b.st-hatena.com/image/square/e44eb6dbc16fc0b3be88dee39459301c6082c2b7/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fu%2Futoutosara%2F20200609%2F20200609233934.jpg)