Easy Table of Contents를 사용하여 WordPress로 웹사이트의 목차를 만드세요

🔧 ステップ1: プラグインをインストールする

  1. WordPressダッシュボードプラグイン新規追加を選択。
  2. 検索バーに “Easy Table of Contents” と入力。
  3. 今すぐインストール → インストール後、有効化 をクリック。

⚙️ ステップ2: 目次の設定

  1. 設定Table of Contents へ移動。
  2. 一般設定 タブで:
    • サポートを有効化: 目次を表示する投稿タイプを選択(投稿、固定ページ、カスタム投稿タイプ)。
    • 自動挿入: 目次を自動で挿入する場所を選択(例:投稿、ページ)。
    • 表示位置: 目次を表示する場所を選択(上部、下部、最初の見出しの前…)。
  3. 外観 タブで:
    • : 目次の幅を設定。
    • タイトル: 目次のタイトルを設定(例:「目次」または「記事の内容」)。
    • テーマ: テーマを選択(グレー、ライトブルー、ホワイトなど)。
  4. 詳細設定 タブで:
    • 見出しレベル: 表示したい見出しタグを選択(H1、H2、H3…)。
    • スムーズスクロール: スムーズスクロールを有効化。
    • 階層表示: 階層形式で表示。

🏷️ ステップ3: 手動で目次を挿入する(オプション)

ショートコードを使って、任意の場所に目次を挿入できます:

[ez-toc]

📝 ステップ4: CSSをカスタマイズする(オプション)

デザインをカスタマイズする場合は、外観カスタマイズ追加CSS に以下のコードを追加します。

#ez-toc-container {
    background-color: #f0f8ff;
    border: 1px solid #007bff;
    padding: 15px;
    border-radius: 10px;
}

ステップ5: 確認と仕上げ

  • 投稿で目次が正しく表示されているか確認。
  • 必要に応じて設定を調整。