【賢威からSYNオウンド】追従目次の引継ぎ方法

【賢威からSYNオウンド】追従目次の引継ぎ方法

【執筆時の環境】
賢威8 バージョン: 8.0.1.12
SYNバージョン:0.2.0
ワードプレス バージョン :6.9

追従目次とは?

一般的なブログ記事内の目次は、最初のH2見出しの手前あたりに設置されます。しかし、読者が読み進めて画面を下にスクロールしていくと、当然ながら目次は見えなくなってしまいます。

そこで、画面をスクロールしてもサイドバーに残り続け、常に表示されている目次のことを「追従目次」と呼びます。

追従目次

これがあることで、読者はいつでも「今どのあたりを読んでいるのか」を把握でき、他の見出しへもワンクリックで移動できるため、ユーザビリティ(利便性)が大きく向上します。

賢威8の追従目次

実は、賢威8には標準で「サイドバーを追従させる機能」が備わっていませんでした。そのため、賢威8では、複数のプラグインを組み合わせて実装していました。

具体的には、以下のような手順で設置していました。。

  1.  Table of Contents Plus:目次を生成し、ウィジェットに配置する。

  2.  Fixed Widget:配置したウィジェットを追従(固定)させる。

便利ではありましたが、目次を表示させるだけで2つのプラグインを管理しなければならず、サイトが重くなる原因にもなっていたかとも思います。

SYNオウンドで追従目次

新テーマの「SYN」では、最初からウィジェットに「追従サイドバー」というエリアが用意されていて、プラグインを追加する必要はありませんでした。

設定は非常に簡単で、「外観」>「ウィジェット」から操作するだけです。

  1. 管理画面の「ウィジェット」を開く。

  2. 「目次」ブロックを、「追従サイドバー」エリアにドラッグ&ドロップする。
追従サイドバーに目次を設置

これだけで、スクロールに合わせて目次が追いかけてくる「追従目次」が完成します。

追従目次の設置完了

プラグインを削減してサイトを軽量化

SYNの標準機能を使うだけで、これまで賢威8で必須だった以下のプラグインが不要になります。

  • Table of Contents Plus(目次生成)
  • Fixed Widget(ウィジェット固定)

これらをアンインストールできるため、管理画面がすっきりするだけでなく、サイトの読み込み速度の向上も期待できます。

この記事をシェアする

記事一覧へ戻る

関連記事 Relation Entry