WordPress | プラグイン | Easy Smooth Scroll Links (ページ内移動)

2021年7月30日

公開日:2021/7/30

WordPress(WP)の記事を閲覧する場合,特定の項目にスクロール移動する”Easy Smooth Scroll Links”というプラグインが非常に有用だった.以下にインストール方法と使い方の2つの構成で説明をする.

  1. ”Easy Smooth Scroll Links”のインストール方法
  2. ”Easy Smooth Scroll Links”の使い方

◆実施環境

WordPress テーマ Twenty Fifteen
WordPress 5.8

■プラグインの使い方

  1. ”Easy Smooth Scroll Links”のインストール方法

WPにログインをし,"プラグイン"の"新規追加"をクリックする

“easy smooth scroll"と検索すると見つかるので,"今すぐインストール"をクリックする.

インストール後,"Activate"をクリックする.

以下設定画面に遷移するので,自分の好みにカスタマイズする.

  1. ”Easy Smooth Scroll Links”の使い方

インストールと"Activate"後,WordPressの投稿編集画面には以下赤枠の"アンカー"項目ができる.

スクロール先にカーソルを合わせ,"アンカー"をクリックすると以下アンカーが出現する.ここに適当な名称を重複しないように記述する.

名称に"1″と記述し,"OK"をクリックすると以下赤枠のアンカーが出来上がる.私の場合,カーソルを項目の「1」と「”Easy Smooth Scroll Links”のインストール方法」の間に合わせて名称を記述した.

以下のように投稿するリンクをコピーする.

カーソルを用いて,目次の題名を以下赤枠のように反転させ,"リンクの挿入"をクリックする.

リンクに,上記でコピーした投稿ページのURLを貼り付け,後ろに「#」と「アンカー名称」を入力する.アンカー名称は「1」のため,貼り付けるURLは,「投稿ページのURL」+「#」+「1」となる.

上記が完了すると以下のようにリンクがされ,アンカーが付けられる.

以上