初心者にも簡単!目次プラグイン【Table of Contents Plus】の中央表示の方法♪

    まだまだブログ初心者の私ですが、ずっと気になっていた目次!

    これですね↓これ↓

    【Table of Contents Plus】というプラグインで目次を表示できるようにしたものの、ずっと左寄りになっているのが気になっていたんです(^^;

     

    そこで調べていくと、とても簡単な方法で目次を中央表示にすることができたので方法をご紹介します♪

     

    難しそう…と思っていたWordPress初心者の私でも簡単にできたので、絶対他の初心者の方でも大丈夫!

    スポンサーリンク

    Table of Contents Plusのインストール

    プラグインをインストールしたことがある人はほとんどだと思いますが、一応インストール方法を(^^)

    ① ダッシュボード
    ⇒ プラグイン
    ⇒ 新規追加

    プラグインの検索部分にTable of Contents Plusを入力

    ③ プラグインが表示されたら今すぐインストールをクリックし、有効化を行う

     

    Table of Contents Plusの設定方法

    まずはTable of Contents Plus】の設定画面を開きます。

    ① 設定
    TOC+

    TOC+を開くと基本設定画面が表示されます!

    ■ 位置

    ・最初の見出し前(デフォルト)
    ・最初の見出しの後
    ・上(記事上)
    ・下(記事下)

    を選択することができますが、一般的には最初の見出しの前(デフォルト)が良いと思います。


    ■表示条件

    目次を表示させる見出し数を決めます♪

    見出し数は2~10まで選ぶことができますが、2つ以上あるときを選択するのが一般的です(^^)


    ■以下のコンテンツタイプを自動挿入

    目次が表示される記事の種類を選択します!

    post(記事)
    page(固定ページ)

    上記2つで良いと思います(^^)

    ■見出しテキスト

    『目次の上にタイトルを表示』にチェックを入れます♪

    その下の空欄に見出しの名前を入力!

    『見出し』『目次』と表示している人が多いですね(^^)


    ■ユーザーによる表示・非表示切り替えを許可

    チェックを入れることで、ユーザーが目次の表示・非常時を選択することができます。

    例通り『表示』『非表示』で良いと思います(^^)


    ■階層表示

    見出しに階層表示を入れることができます♪

    チェックを入れることをおすすめします(^^)/


    ■番号振り

    チェックを入れると、自動で見出しに番号が付けられます!

    番号がいらない人はチェックを外してください(^^)


    ■スムーズ・スクロール効果

    目次をクリックすると、目的の見出しまでなめらかにスクロールします。

    私はこの効果が好きなのでチェックを入れています♪

    ■プレゼンテーション

    目次のデザインを選択することができます♪

    私は白にしていますが、そこはお好みで(^^)

     

    『カスタム』を選択すると好きなカラーで目次をデザインすることができます。


    ■上級者向け

    その名の通り上級者向けの細かな設定です(^^;

    私はそこまでの技術・知識はないので、ノータッチです!笑

    スポンサーリンク

    目次を中央表示にさせる方法

    TOC+の基本設定では中央表示にすることはできないので、CSSを編集します!

    外観
    CSS編集

    追加CSS を選択

    このような画面が表示されます!

    一番下下記CSSを追加します♪

    /*– 目次の中央揃え –*/
    #toc_container {
    marginleft: auto;
    marginright: auto;
    }

    追加するとこのようになります(^^)

    プレビュー画面で表示を確認した後『公開』ボタンを押して下さい!

     

    編集結果

    WordPress初心者の私でもこのように編集することができました(^^)/

    このように左寄りになっていた目次が…

     

    中央表示になりましたー!\(^^)/

    思っていたよりずっと簡単だったので、私のように初心者の方でも大丈夫と思います♪

    ぜひ編集を行い、見やすいブログを目指していきましょう(^^)/

     

    ランキング参加しています!
    ポチして頂けると喜びます♬


    人気ブログランキングへ

    ブログランキング・にほんブログ村へ
    にほんブログ村

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です