WordPress

アンカーを使ってページ内の目的の場所へとスクロールさせるアンカーリンクの設定方法について

アンカーリンクとは

ビジネスでお金を生み出す日下部です。(^^)
ブログで、あなたの稼ぎになる情報を発信しています。

 

アンカーリンクとは、記事の中にリンクを付けて目的の場所に移動させるものです。

もくじと少し違うところは、もくじを設定するには「見出しタグ」をつける必要があります。

 

このページ内リンクは、テキストをリンクにするため、どこにでも設置することが可能です。

 

言葉で説明するより体感してみろ・・・ムキッ!

 

クリック←ここをクリックすると、アンカー設定をしている目的の場所までスクロールしていきます。

 

使い方としては、たとえば初心者向けに記事を書いていると、どうしても操作解説を入れる必要があります。

例をあげると、画像をアップする方法や文字の色を変更する方法などは、超初心者じゃなければ操作方法はわかりますよね?

 

わからない人にとってはあると親切ですが、すでに操作方法がわかっている人にとっては、目的の場所からすぐに読みたいと思います。

そんなときに、アンカーリンクの設定をしていれば目的の場所までスクロールをして、そこから読み始めるということが可能です。

 

この記事では、WordPressの内部リンクの設置方法について解説をしていきます。

アンカーリンクの設定

WordPressで記事にアンカーリンクを設置する場合は、まず「TinyMCE Advanced」というプラグインをインストールします。

インストール方法がわからないという場合は、こちらの記事を参考にしてプラグインのインストールを行いましょう。

プラグインのインストール方法を図解と動画で初心者にわかりやすく解説【WordPress】

 

TinyMCE Advancedについて、詳細が知りたければこちらの記事が参考になります。

【TinyMCE Advanced】WordPressエディタをカスタマイズ!!文字の装飾をワンクリックで可能にする方法とは?

アンカーリンクを設置するためのリンクの設定

プラグインのインストールが完了したら、まずは、目的の場所に飛ばすリンクの設置を行います。

方法は、リンクをさせたいテキストを選択してリンクの挿入を押してください。

 

ボックスの中に「#+文字」の入力をして、自分がわかりやすいリンクをつくります。

ここは自分でわかっていれば、文字はなんでも大丈夫です。

 

たとえば・・・

#1 でも #あ でも #a  でも #123 でも #日下部 とかでも。

#」は半角で入力するように注意します。

目的先の場所には、アンカーを設定

リンクから目的先まで飛ばしたい場所には、アンカーを設置します。

 

目的先のテキスト文字を選択したら、アンカーマークをクリックします。

すると、以下のようなウィンドウが開きますので、先程リンクで設定した文字を入れましょう。

ここでは、「#」は入力する必要はありませんので、注意してください!

 

OKをクリックして記事を確認してみましょう。

リンクを付けたところをクリックしてみください。

 

アンカーを設置した場所までひとっ飛びできたら、設置は完了です。

TinyMCE Advancedをインストールしたくない場合

WordPressで記事を書く場合には、TinyMCE Advancedは重宝するプラグインです。

なるべくならインストールを推奨しますが、どうしてもインストールしたくない場合のページ内リンクの設置方法について紹介します。

 

まずは、記事を書く画面を開きます。

右上に「ビジュアル」と「テキスト」の切り替えがあるので、テキストを選択。

 

 

アンカーを設定したいテキストの部分に、以下のHTMLを記述しましょう。

 

<a id=“a”>アンカーさせたい文字</a>

 

たとえばリンクで#aと設定したとします。

上のHTMLの“a”の部分に同じ文字を入れることでアンカーとなります。

 

アンカーリンク設置についてのまとめ

読者にとっては、必要な箇所だけをすぐに読みたい人もいるのです。

必要ない部分を飛ばして、目的の部分まで飛ばしていけるページ内リンクがあれば、ユーザーにとっては便利ですよね?

 

アンカーリンクは、長い記事を書いたときにわざわざスクロールしなくても、読ませたい場所へとひとっ飛びさせることが可能です。

しかも、#の後ろの文字をリンクと合わせて設定すれば、1つといわず何個もページ内リンクは設置することができます。

 

何気に使える方法なので、ぜひ設定してみましょう。

ほら、このように一発で下まで飛んできたぞ!

クリック」←ここをクリックすれば元の場所まで戻ります。

ABOUT ME
Qusakabe
趣味:筋トレ、ゴルフ、麻雀、ネット、息子(2)・娘(0)と遊ぶこと。 12時間以上拘束されるのに残業代も一切でない超どブラック会社を2社経験。 「会社ってこんなものなのか・・?」っと疑問を抱き、「これだけ頑張れるなら自分で起業してもそこそこやっていけるだろう」と感じたことから起業を決意。 現在は、法人7期目の代表取締役を継続中。 ウェブで稼ぐための情報を発信しています。