Simplicityで「もくじ」を自動生成

「もくじ」の表示位置とレイアウトを確認するためのデモページです。

もくじ自動作成プラグイン「Table of Contents Plus(TOC+)」をインストール後、CSSでカスタマイズして完成です。

カスタマイズ方法などは下記のリンクでご確認ください。

>>Simplicityでカッコイイ「もくじ」を自動生成する方法-やってみたログ

※「テキストリンク」の色やフォントは、ご自身のサイトの設定により変化します。

※H4以下は「もくじ」に表示されない設定にしています。

※以下の文章は、確認用のダミー文章です。

見出しダミー(H2要素)

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

見出しダミー(H3要素)

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

見出しダミー(H4要素)←H4以下は、もくじに表示しない設定がオススメ

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

見出しダミー(H2要素)

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

見出しダミー(H3要素)

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

見出しダミー(H3要素)

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

見出しダミー(H2要素)

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

シェアする

フォローする