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

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

見出しが適切に設定された目次は、ページの概要をささっと把握できるので便利ですよね。

ところで、目次は本来「好きなタイミングで確認できる状態」が理想だと思います。少し視野を広げて Amazon の Kindle アプリなどの電子書籍アプリを使ってみると、目次をいつでも確認できるような仕組みがずいぶん前から導入されています。

例えば、下の画像は「現代訳論語」の目次です。「論語」がより現代風の日本語でわかりやすく訳されているので、読みやすいと思います。Amazon で無料で読める(本ページ公開時点)のでぜひぜひ。

ウェブサイトをスマートフォンやタブレットのアプリのように閲覧・操作ができる PWA(Progressive Web Apps)への関心も少しずつ高まってきていますし、巷のアプリで「これはいいな!」と思った機能は、ウェブサイトに積極的に取り入れてもいいのではないかと思います。

というわけで Nishiki Pro テーマ では目次をさらに活用してもらうため、ページ本文中のどこからでも目次を確認できる「固定(追尾)目次」機能が利用できます。

固定(追尾)目次を設置することで、情報への「アクセスしやすさ」の向上にもつながります。ぜひお試しください。

目次

固定(追尾)目次サンプル

デモサイトで動作確認できます

このサポトピアのウェブサイトや Nishiki Pro テーマのデモサイト で実際の動作を確認できますので、ご参考ください。

固定(追尾)目次の仕組み

ページをスクロールしていくと、冒頭の目次以降の見出しから固定(追尾)目次が表示されます。

固定(追尾)目次はヘッダーに固定され、現在読んでいる箇所の見出しを表示します。固定(追尾)目次内のアイコンを選択すると、目次が表示されます(もちろん見出しを選択すると、該当する箇所へスクロールします)

固定(追尾)目次の設定方法

WordPress の管理画面から「外観」→「カスタマイズ」を選択し「[Nishiki Pro] オプション」のパネルを選択して「目次」パネルを選択します。

カスタマイザー画面

目次の設定項目が一覧で表示されます。固定(追尾)目次は、下の画像の赤枠の項目で設定できます。

カスタマイズ項目一覧

項目概要デフォルト値
固定(追尾)目次をヘッダーに表示チェックすると表示チェック
固定(追尾)目次 テキストカラー固定(追尾)目次のテキストカラーを指定#ffffff
固定(追尾)目次 背景カラー固定(追尾)目次の背景カラーを指定#000000

固定(追尾)目次はデフォルトでは ON(チェックがついた状態)になっていますが、非表示にもできますので、お好みで設定ください。

この機能について気が付いたことや要望などがありましたら ユーザーコミュニティ までお寄せくださいますよう、お願いいたします。必要に応じて今後のアップデートなどで対応いたします。

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

サポトピア おすすめ WordPress テーマ

WordPress テーマ Nishiki Pro

WordPress 公式テーマ Nishiki の洗練されたデザインを継承したプロフェッショナル版テーマです。「本当に必要とされる機能」をテーマ内にすべて搭載しているので、プラグインをたくさん入れなくても OK。メンテナンスコストも抑えることができ、効率の良いウェブサイト運営を行うことができます。

EC サイト対応テーマ Nishiki Pro for WooCommerce

今の時代、誰もが商材を持ち、ネット上で販売できる仕組みを持ってもいいと思います。WordPress を使って EC サイトが構築できる「Nishiki for WooCommerce」を使って、お持ちの商材を販売しませんか。ドロップシッピングサイトも作れます。