ワードプレス

ワードプレスでアンカーリンクを設置する方法

ワードプレスでアンカーリンクを設置する方法

こんにちは。hikeyです。

今回はワードプレスでページ内にアンカーリンクを設置する方法をお伝えします。

 

クラシックエディタを使用しているテーマの場合はみんな同様です。

 

アンカーリンクとは、ページの途中に飛ばせるリンクのこと

 

これをすると、クリックしたところから記事の下の方に書いてある文章や見出しまで、飛ばすことができます。

 

たとえば、最初の文章部分に「一気にまとめへ飛びたい人はこちら」のように読み飛ばしたい時に使います。

 

では1つづつ説明していきます。

 

ワードプレスでページ内アンカーリンクを設置する方法

以下の手順で設定します。

 

この記事ではクラシックエディタについて解説します

 

アンカーリンクを設定するボタンは2種類の方法があります。

ファイルメニューから行う

  1. 「メディアを追加」の下にあるファイルメニューから「挿入」クリックします。
  2. プルダウンの中に「アンカー」があるのでそれを使用します。

ボタンを編集して行う

① クラシックエディタのボタンを変更できる「TinyMCE Advanced」プラグインを使います。

 

(もしインストールしていない方は、「プラグイン」→「新規作成」→「検索窓にTinyMCE Advanced」→「インストール」→「有効化」します。)

 

② ダッシュボードの「設定」→「TinyMCE Advanced」→「旧エディター」

 

③ 「アンカー」を上の部分へドラッグ&ドロップします。

 

 

④ 最後に「変更を保存」をクリックします。

 

これでボタンに「アンカー」が設置されました。

 

ワードプレスアンカーリンク設置方法

 

次に設置方法をご説明します。

 

① 飛ぶ先の文章の末尾をクリックして、カーソルの点滅を確認します

 

② 先ほど設置したアンカーマークをメニューかボタンでクリックします。

 

③ 入力窓が出ましたら名前を決め「OK」をクリックします。(名前は半角英数字)

 

 

④ リンク元の文章または画像などで「リンクボタン」をクリックします。

 

⑤ 入力窓に先ほど設定した名前の前に#を付け加えて入力します。

 

⑤ 最後に「OK」をクリックして完了です。

 

ワードプレスアンカーリンクまとめ

 

ワードプレスのクラシックエディタでページ内(アンカー)リンクを設置する方法をお伝えしました。

 

ブロックエディタは右「ブロック」タブ内の「高度な設定」という仕様になっています。

 

エディタによって使い方が違うので迷いますよね?

 

このアンカーリンクを使う事でユーザービリティ(ユーザーにやさしい)が向上します

 

ぜひ導入して同時にGoogleの評価もアップさせましょう!

 

最後までお読みいただきありがとうございます。

 

「ホームページが検索されるようにする」3つの原因と対策方法

こんにちはhikeyです。 あなたは、あなたのウェブサイトが検索可能であることを確認したいですか? それなら、この記事を読む必要があります。今回は、この問題の3つの主な原因と、それを解決するためにでき ...

続きを見る

このホームページではアフィリエイトやワードプレスについての情報をお届けしています。

よければ他の記事も読んでみてくださいね。

→ ホームへ戻る

\ 評価おねがいします /

  いいね↓   ↓いまいち

  • この記事を書いた人
  • 最新記事

hikey

このサイトでは50歳にして会社を辞め個人事業主として独立していくまでの過程をブログにて紹介していきます。基本はアフィリエイトに関する記事を掲載しますが、ワードプレスに関する記事も載せていきます。情報商材を購入しての感想なんかも書いていきます。

-ワードプレス
-