【SWELL】標準の「目次」機能を利用する方法(表示する、消す、サイドバー、追尾スクロール設置)

広告:ページ内にてアフィリエイト広告を利用しています。

読者が嬉しい目次を表示する

SWELLでは標準機能で「目次」を表示する機能が入っています。使い方、表示の仕方を解説します。

SWELL おすすめサンプルページ
おすすめ

\サンプルを見るだけでも役に立つ/

おしゃれサイト

\SWELL でオシャレサイトを作る方法は こちら をクリックしてください/

目次
PR

SWELL の目次サンプル

SWELLの目次です。

目次サンプル

SWELLでは、記事本文の上側や、サイドバー(追尾スクロール部分)などに目次を表示できます。

本文記事への表示方法

SWELLの目次の表示・非表示、およびデザインの設定を行います。

目次設定画面

WordPress の管理画面から「外観」→「カスタマイズ」→「投稿・固定ページ」→「目次」を選択します。

「投稿ページに目次を表示」のチェックの ON / OFF で記事本文中の表示を切り替えます。

ポイント

目次を表示するためには記事内に2個以上の「見出し(H2)」が配置されている必要があります。

SWELLでは目次のデザインや動作を設定で変えることが可能です。

主な設定項目

項目内容
投稿ページに目次を表示投稿ページ(記事)に目次を表示する
目次を表示したい場合、チェックしましょう
固定ページに目次を表示固定ページに目次を表示する
目次のタイトル標準の「目次」文字から変える場合は入力します。
目次のデザイン目次の見た目(デザイン)を変更する
どの階層の見出しまで抽出するかH3、H4などどのレベルまで目次を表示するか設定する

サイドバー(追尾スクロール部分)への表示方法

サイドバーの追尾スクロール部分に目次を設定すると、読者はいつでも目次を見ることができ便利な機能になります。

サイドバー(追尾スクロール部分)への目次表示設定画面

WordPress の管理画面から「外観」→「ウィジェット」→「追尾サイドバー」を選択します。

  • 「追尾サイドバー」に「SWELL 目次」ウィジェットを配置する

PR

まとめ:準の「目次」機能を利用する方法

SWELLでは標準機能で「目次」を表示する機能が入っています。

  • 記事本文上部に表示できる
  • サイドバーの追尾スクロールバーに表示できる

SWELLを使って素敵なサイトを作ってくださいね。

おすすめ

\サンプルを見るだけでも役に立つ/

おしゃれサイト

\SWELL でオシャレサイトを作る方法は こちら をクリックしてください/

SWELL おしゃれサイト作り方

SWELL の利用方法などについてココナラにて「支援作業」を販売しております。

よかったらご利用くださいませ。

PR

PR

一番上に戻る(Back to the initial position on click.)

トップページ(Home.)

PR
Amazon でお買い物
楽天市場でお買い物
広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記

目次