目次の設定方法

目次の設定方法
記事上のウィジェットエリア

SWELLでは、記事の1つ目のH2タグの直前に「目次を自動生成する」ことができます。

このページでは、その目次に関する基本的な設定方法を説明していきます。

目次前広告表示エリア
目次

カスタマイザーの起動

SWELLでは基本的にテーマカスタマイザーから全ての設定を行うことができます。

カスタマイザーの起動方法については以下の記事を参考にして下さい。

あわせて読みたい
【SWELLの設定】「テーマカスタマイザー」の使用方法
【SWELLの設定】「テーマカスタマイザー」の使用方法SWELLの設定やカスタマイズは、ほぼ全て「テーマカスタマイザー」機能で行うことができるように設計しました。「テーマカスタマイザー」機能はリアルタイムで設定が反映...

以下では、カスタマイザー上での操作について説明していきます。

目次に関する設定は、カスタマイザー内の「投稿・固定ページ設定」というメニューから設定できます。

投稿・固定ページ設定

目次のカスタマイズ方法

管理画面から「外観」>「カスタマイズ」>「投稿・固定ページ設定」へと進むと、以下のような設定項目があります。

目次に関する設定項目
目次に関する設定項目

これらについて、順に説明していきます。

目次の表示設定

上2つのチェックボックスにて、「投稿ページ」・「固定ページ」のそれぞれで目次の自動生成機能を使うかどうかを設定できます。

個別のページごとに表示・非表示は上書き可能

固定ページに目次は基本的に不要だと思いますが、「このページだけは表示させたい」ということもあるかと思います。(その逆も然り。)

そこで、記事・ページごとに表示設定を上書きできるようにもしています!

エディターの右側に設定パネルを用意していますので、ぜひご活用ください。

記事ごとの目次の設定

目次のデザイン設定

目次のデザイン」と書かれた設定項目と、「目次のリストタグ」と書かれた設定項目があったかと思います。

これらで、目次のデザインをカスタマイズ可能です。

ベースとなるデザインを3種類の中から選択し、リストを番号付きで表示するかも設定できます。

目次のデザイン例

デザイン:「シンプル」/ olタグを使用

スタイル1 - ol

デザイン:「ボックス」/ ulタグを使用

スタイル2-ul

デザイン:「上下2重線」/ olタグを使用

スタイル3-ol

目次の直前に広告を表示させる方法

目次の直前に、広告を表示することも可能です。(広告でなくても、HTMLなども表示できます)

詳しくは以下のページをご覧ください。

あわせて読みたい
目次前に広告を表示させる方法
目次前に広告を表示させる方法ここでは、WordPressテーマ「SWELL」で目次前に広告を表示させる方法を説明していきます。目次を非表示設定にしている場合は1つ目のH2タグの前に表示されます。目次前...
記事下のウィジェットエリア

この記事が気に入ったら
フォローしてね!

目次
目次