この記事では、WordPressでページ内リンクの設定方法について解説していきます。
先日ですが、WordPressでブログ運営をされている方から、
と、このようなご質問を頂きました。
確かに、同じ記事の特定の部分へ、すぐにジャンプ(移動)できるリンクがあると、読者さんに見せたい部分を伝えられるため便利ですよね。
これ結論からお伝えしますと、
- WordPressでページ内リンクの設定方法はコチラです。
- 「テキストモード」で作成する方法
- 「Table of Contents Plus」を使い作成する方法
それでは詳しく見ていきましょう。
目次
サブスク自動集客ツール
「売り上げが伸びない…。」など、集客ができずに悩んでいませんか?
ツールをポチッとするだけでほったらかしで集客できてしまうツール。
月間7,500万人以上が利用しているアメブロからあなたのブログへ、自動で集客する方法に興味がある方におすすめです。
「テキストモード」で作成する方法
「テキストモード」で作成する方法はコチラの手順になります。
- 「投稿」→「新規追加」をクリックする
- 「テキスト」をクリックする
- スタート地点(クリックするリンク)を作成する
- ゴール地点(ジャンプ先)を作成する
それでは1つ1つ見ていきましょう。
step
1「投稿」→「新規追加」をクリックする
まずは、WordPressの左メニューにあります、
- 「投稿」
- 「新規追加」
と、クリックしていき、記事作成画面を開きましょう。
step
2「テキスト」をクリックする
記事作成画面が開きましたら、「テキスト」をクリックします。
step
3スタート地点(クリックするリンク)を作成する
次は、ページ内リンクのスタート地点(クリックするリンク)を作成していきましょう。
リンクの作成は下記のリンクを、そのままコピーして記事に貼ってみてください。
<a href="#aa">ページ内リンクのスタート地点</a>
上記の赤文字の部分は好きな文章に変更されて大丈夫です。
ただし、赤文字の「aa」は、ゴール地点と同じ単語にされてください。また、エラーの可能性も考えてひらがなや漢字よりは、英数字がオススメです。
step
4ゴール地点(ジャンプ先)を作成する
次は、ゴール地点(ジャンプ先)を作成しましょう。
ゴール地点は、下記をコピーして記事に貼ってみてください。
<a id="aa"></a>ページ内リンクのゴール地点
こちらも、上記の赤文字部分はお好きに変更されて大丈夫です。
スタート地点と同じように、赤文字の「aa」は、スタート地点と同じ単語にされてください。
ページ内リンクの見本
すると、下記のようにリンクをクリックすると、指定したゴール地点まで移動する、ページ内リンクが完成となるのです。
-------------
-------------
-------------
-------------
-------------
-------------
「Table of Contents Plus」を使い作成する方法
目次プラグインの「Table of Contents Plus」を使い、ページ内リンクを作成する方法はコチラです。
- 「プラグイン」→「新規追加」をクリックする
- 「Shortcodes Ultimate」で検索して「今すぐインストール」をクリックする
- プラグインの「有効化」をクリックする
- 「設定」→「TOC+」をクリックする
- 「表示条件」を「2」に設定して下にある「設定を更新」をクリックする
- 「投稿」→「新規追加」をクリックする
- 「ビジュアル」をクリックする
- ゴール地点の見出しを作成する
- 「公開」をクリックする
- ゴール地点へ設定したい目次をクリックする
- ブログURLをコピーする
- 記事の編集画面に戻りスタート地点を作成してURLを貼る
それでは1つ1つ見ていきましょう。
こちらのページ内リンクの作成方法は、ゴール地点が「見出し」になるやり方となっています。
step
1「プラグイン」→「新規追加」をクリックする
まずは、記事一覧を表示させるプラグインをインストールするため、
- 「プラグイン」
- 「新規追加」
と、クリックしていきましょう。
step
2「Table of Contents Plus」で検索して「今すぐインストール」をクリックする
するとプラグイン追加の画面になりますので、
- 「Table of Contents Plus」を入力して検索
- 「今すぐインストール」をクリック
と、この手順で進めていきましょう。
step
3プラグインの「有効化」をクリックする
インストールが完了になったら、プラグインのボタンが「有効化」に変わるのでクリックしましょう。
step
4「設定」→「TOC+」をクリックする
次は、プラグインの設定をするため、左メニューにあります、
- 「設定」
- 「TOC+」
と、クリックしましょう。
step
5「表示条件」を「2」に設定して下にある「設定を更新」をクリックする
プラグインの設定画面が開いたら、「表示条件」を「2つ以上の見出しがあるとき」に設定をしましょう。
設定したら、1番下にあります「設定を更新」をクリックします。
step
6「投稿」→「新規追加」をクリックする
次は記事作成画面を開くため、WordPressの左メニューにあります、
- 「投稿」
- 「新規追加」
と、この順番でクリックしていきましょう。
step
7「ビジュアル」をクリックする
記事作成画面が開いたら、「ビジュアル」をクリックしましょう。
step
8ゴール地点の見出しを作成する
ページ内リンクのゴール地点の見出しを作成していきます。
見出しを作成する手順は、
- ゴール地点の見出しタイトルを入力する
- 作成した文章をドラッグする
- 上のメニューにある「段落」をクリックする
- 「見出し2」などを選択する
と、この順番で進めていくだけです。
ここでは、見出しタイトルを「ゴール地点の見出し3」と入力していきます。
step
9「公開」をクリックする
ページ内リンクのゴール地点になる、見出しを作成したら「公開」ボタンをクリックしましょう。
step
10ゴール地点へ設定したい目次をクリックする
記事を公開したら、記事ページを開いて目次を開きましょう。
すると、作成したゴール地点の見出しがあるため、ゴール地点の目次をクリックしましょう。
見出しが記事内に、2つ以上ない場合は目次が表示されないため注意されてください。
step
11ブログURLをコピーする
目次をクリックしたら、ブログのURLをコピーしましょう。
step
12記事の編集画面に戻りスタート地点を作成してURLを貼る
URLをコピーしたら、作成した記事の編集画面を開いてください。
編集画面を開いたら、
- 「ページ内リンクのスタート地点の文章」を作成してドラッグ
- 「リンクの挿入」アイコンをクリック
- 「コピーしたブログURL」を貼る
- 「適用」ボタンをクリック
と、この順番で進めていきましょう。
すると、下記のページ内リンクのように、指定したゴール地点の見出しまで移動することが出来るのです。
ページ内リンクの見本
→ 【見本】ページ内リンクスタート地点「Table of Contents Plusの使い方」へ飛びます
【徹底解説】WordPressでページ内リンクの設定方法!のまとめ
まとめますと、
- 「テキストモード」で作成する方法
- 「Table of Contents Plus」を使い作成する方法
以上が、【徹底解説】WordPressでページ内リンクの設定方法!についてでした。
是非、意識してチャレンジしてみてください。