これから Nishiki Pro または Nishiki
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る

Nishiki Pro テーマには、投稿ページ・固定ページ内の見出しを一覧で表示する「目次」機能があります。

目次

目次サンプル

最初の見出し「h2」の上に目次が自動で表示されます。

目次のカラーは変更できます。

タブレット、スマートフォンなどモバイル端末では全幅で表示

目次の効果について

目次を表示すると以下のような効果が期待できます。

ページの概要が把握できる

「なるほど、このページにはこんなことが書かれているのか〜」と、目次でページの概要を把握してもらえます。

好きな見出しから読み始められる

「この見出し、気になるなぁ〜」など、ページ内の読みたい(気になる)見出しから読み始めてもらえます。

Google 検索結果に見出しへのリンクを表示

ウェブサイトに適切な見出しを設定すると Google 検索結果に反映されます。

下の画像は僕の個人ブログの検索結果です。検索結果に見出しが表示されていますね。この見出しを選択すると、ページの見出しから読み始められます。見出しをきっかけにしてウェブサイトを訪れる方も少なくないでしょう。

ですので、よりウェブサイトのアクセスを増やしたいのであれば、このような細かい施策は有効です。加えて「人が見て興味を惹かれるような、わかりやすい見出し」をつけることを推奨します。

※ 検索キーワードによっては表示されない場合もあります。

目次をカスタマイズする方法

目次をカスタマイズするには、WordPress の管理画面から「外観」→「カスタマイズ」→「[Nishiki Pro] オプション」→「目次」を選択してください。

カスタマイザー画面

カスタマイズ項目一覧

項目概要デフォルト値
目次を投稿ページ・固定ページに表示(最初の見出し h2 の上に表示します)チェックすると表示チェック
目次に表示する見出し最小レベルどのレベルの見出しまで表示するかを選択(h2 〜 h6)h3
指定した数以上の見出しが存在する場合表示投稿ページ・固定ページ内に、指定した数の見出しが存在すれば表示4
目次 タイトルテキスト目次のテキストラベル目次
目次 テキストカラー目次のテキストカラー#444444
目次 テキストカラー(マウスオーバー)目次のテキストカラー(マウスオーバー時)#222222
目次 背景カラー目次の背景カラー#fafafa

おまけ:もっと目次を使ってもらえるよう「固定(追尾)目次」機能追加しました

この目次機能って、便利は便利なんですが・・・目次を何度も確認したくなることってありませんか。例えば、WordPress に限らず、巷でよくみかける目次の実装って「最初の見出しの上に目次という名の見出し一覧がズラッとあって、気になる見出しをクリックしてスクロールする」っていうものがほとんどです。

で「見出しをクリックしてスクロール」するところまではいいと思うんですが「もう一度目次を確認したい」ってことありませんか。僕はとてもあります。よく見かける実装のままだと、目次までスクロールして戻らなきゃならないですね。

なので、僕の個人ブログや会社の事業内容ページなどで実装している「目次を固定する」機能をさらに使いやすくした「固定(追尾)目次」機能をつけました。詳しくは以下のページをご参考ください。

Nishiki テーマに関する情報は #wpnishiki をチェックしてください。

サポトピア
ユーザーコミュニティ
ユーザーコミュニティ
サポトピア会員であればどなたでも参加できるユーザーコミュニティを作りました。「WordPress テーマ Nishiki の基本的操作などをちょっと聞いてみたい」という時など、日々のウェブサイト運営にご活用ください。マニュアル・機能追加の要望やフィードバックなども受け付けています。まだ開始して間もないサービスなので、少しずつ利用いただける方が増えるといいな〜と思います。ご参加お待ちしております。

参加する

※サポトピアにログインしてください