こんにちは。hikeyです。
今回はワードプレスでページ内にアンカーリンクを設置する方法をお伝えします。
アンカーリンクとは、簡単に言うと同じページの途中に飛ばせるリンクのことです。
クリックしたところから記事の下の方に書いてある文章や見出しまで飛ばすことができます。
たとえば、ボタンで「一気にまとめへ飛びたい人はこちら」のように読み飛ばしたい時に使います。
ここではクラシックエディタでの使用する方法をお伝えします。
クラシックエディタを使用しているテーマの場合はみんな同様です。
では1つづつ説明していきます。
ワードプレスでページ内アンカーリンクを設置する方法
以下の手順で設定します。
アンカーリンクを設定するボタンは2種類の方法があります。
ファイルメニューから行う
- 「メディアを追加」の下にあるファイルメニューから「挿入」クリックします。
- プルダウンの中に「アンカー」があるのでそれを使用します。
ボタンを編集して行う
① クラシックエディタのボタンを変更できる「TinyMCE Advanced」プラグインを使います。
(もしインストールしていない方は、ダッシュボードから「プラグイン」→「新規作成」→「検索窓にTinyMCE Advanced」→「インストール」→「有効化」します。)
② ダッシュボードの「設定」→「TinyMCE Advanced」→「旧エディター」へ
↓
③ 「アンカー」を上の部分へドラッグ&ドロップします。
④ 最後に「変更を保存」をクリックします。
これでメニューボタンに「アンカー」が設置されました。
ワードプレスアンカーリンク設置方法
次に設置方法をご説明します。
① 飛ぶ先の文章の末尾をクリックして、カーソルの点滅を確認します。
② 先ほど設置したアンカーマークをメニューかボタンでクリックします。
③ 入力窓が出ましたら名前を決め「OK」をクリックします。(名前は半角英数字)
④ リンク元の文章または画像などで「リンクボタン」をクリックします。
⑤ 入力窓に先ほど設定した名前の前に#を付け加えて入力します。
⑤ 最後に「OK」をクリックして完了です。
ワードプレスアンカーリンクまとめ
ワードプレスのクラシックエディタでページ内(アンカー)リンクを設置する方法をお伝えしました。
ブロックエディタは右「ブロック」タブ内の「高度な設定」という仕様になっています。
エディタによって使い方が違うので迷いますよね?
このアンカーリンクを使う事でユーザービリティ(ユーザーにやさしい)が向上します。
ぜひ導入して同時にGoogleの評価もアップさせましょう!
最後までお読みいただきありがとうございます。
-
-
「ホームページが検索されるようにする」3つの方法と対策
こんにちはhikeyです。 あなたのウェブサイトを「ホームページが検索されるようにする」方法をお伝えします。 さらに検索されないの3つの主な原因と、それを解決するためにできることを説明します。 この記 ...
続きを見る