Luxeritasルクセリタス機能の「目次」と「目次ウィジェット」の使い方

 

通常のテーマであれば、目次を入れる為のプラグインが必要ですが、ルクセリタスには目次を自動挿入する機能と、ウィジェットとして好きな場所に表示できる機能があります。

簡単な設定で使える上、簡単な色の変更なども可能です。

 


 

目次の設定をする

「外観」→「カスタマイズ」を開きます。

 

「目次」を選択します。

 

 

記事内の目次とウィジェットでの目次の共通設定

  1. 記事内に目次を出す場合「自動で目次を挿入する」にチェックします。
  2. 「スタイルを適用する」にチェックします。
  3. 表示条件・ポストタイプ・見出し階層を設定します。

 

スタイル適用について

ルクセリタスの目次用CSSを読み込むかどうかの設定です。
適用しない際と、した際の表示例は以下です。

スタイル適用なし
スタイル適用あり

 

ウィジェットには適用されない設定

  1. 表示した際に目次を開いた状態にするか、閉じておくかを選択します。
  2. タイトル・表示・非表示ボタンのテキストを設定します。
  3. 横幅を自動か全幅で選択します。
  4. 文字・背景・ボタン等の色を設定します。

 

枠線の色や文字色を変えた例

 

記事内の目次設定は以上で完了です。

目次デザインのカスタマイズについては以下をご覧ください。

ルクセリタス機能の目次デザインをカスタマイズ3パターン
無料テーマ「ルクセリタス」には目次自動生成機能があります。 プラグインを使った目次同様、見出しタグを拾い出して自動で作って挿入してくれるのでとても便利です。 この目次のデザインをカスタマイズします。 バージョンと初期デザインについて 当サイ...

 

ウィジェット機能を使う

 

記事内に表示・非表示に関わらず、ウィジェットで好きな場所に目次を挿入する事が出来ます。

「#3 目次(Luxeritasオリジナル)」を選択し、出したいウィジェットエリアに追加します。

 

追加すると初期値のまま保存されますが、これで設定は完了です。

 

ウィジェットの目次表示例

※タイトルに入力があっても何故かタイトル(「目次」という文字タイトル)は出ず。

※スタイル適用にしていても、いなくてもデザインは変わらず。

 

デザインカスタマイズ

 

記事内目次

 

ウィジェット目次

 

目次デザインカスタマイズについては、記事内目次も含め以下をご覧ください。

ルクセリタス機能の目次デザインをカスタマイズ3パターン
無料テーマ「ルクセリタス」には目次自動生成機能があります。 プラグインを使った目次同様、見出しタグを拾い出して自動で作って挿入してくれるのでとても便利です。 この目次のデザインをカスタマイズします。 バージョンと初期デザインについて 当サイ...
綾糸: 綾糸 主婦 1990年代、汎用機時代のエンジニア 趣味で長くやっていたweb制作は、未だにエディタでの手コーティング 現在は自宅でゆるりとweb制作やライターをしています

View Comments (4)

  • ウィジェットに目次を表示されるようにしたいのですが、本記事の「#3目次(Luxelitasオリジナル)を追加し~」というのがどこから追加していいのかがわかりません。ご教示いただけますと幸いです。

    • 匿名希望さま はじめまして。
      管理メニューの「外観」→「ウィジェット」を開けば左側に並んでいます。

      • すみません、左のメニューでも見つけられませんでした。
        子テーマ等のダウンロードが不十分だったりするのですかね・・・勉強してみます。

        • 確認ですが、テーマはルクセリタスを使っておられますよね?
          でしたら親テーマのみであったとしても、間違いなく、オリジナルウィジェットがあるはずです。
          ですが、子テーマは必ず使った方が良いです。
          子テーマがない場合は、インストールし、親ではなく子テーマを有効化して下さい。

          ちなみに再度、ウィジェットの追加は以下から。