Affiliate Re:Life

アフィリエイトで最高の人生を取り戻す(リライフする)方法についてご紹介します。

※PR

ブログ

【徹底解説】WordPressでページ内リンクの設定方法!

投稿日:

この記事では、WordPressページ内リンクの設定方法について解説していきます。

先日ですが、WordPressでブログ運営をされている方から、

ページ内リンクを貼りたいのですが、どのように作成すればいいのでしょうか?

と、このようなご質問を頂きました。

確かに、同じ記事の特定の部分へ、すぐにジャンプ(移動)できるリンクがあると、読者さんに見せたい部分を伝えられるため便利ですよね。

これ結論からお伝えしますと、

  • WordPressでページ内リンクの設定方法はコチラです。
  • 「テキストモード」で作成する方法
  • 「Table of Contents Plus」を使い作成する方法

それでは詳しく見ていきましょう。

目次


ブログで月収58万円稼げた方法

ブログ未経験の主婦が…。

実践して8ヶ月目に月収58万円を突破した方法です。

ブログを使って稼ぐ方法に興味がありましたらご覧ください。

→ 初心者の主婦が月収58万円稼いだ方法

 

「テキストモード」で作成する方法

「テキストモード」で作成する方法はコチラの手順になります。

  1. 「投稿」→「新規追加」をクリックする
  2. 「テキスト」をクリックする
  3. スタート地点(クリックするリンク)を作成する
  4. ゴール地点(ジャンプ先)を作成する

それでは1つ1つ見ていきましょう。

step
1
「投稿」→「新規追加」をクリックする

まずは、WordPressの左メニューにあります、

  1. 「投稿」
  2. 「新規追加」

と、クリックしていき、記事作成画面を開きましょう。

step
2
「テキスト」をクリックする

記事作成画面が開きましたら、「テキスト」をクリックします。

step
3
スタート地点(クリックするリンク)を作成する

次は、ページ内リンクのスタート地点(クリックするリンク)を作成していきましょう。

リンクの作成は下記のリンクを、そのままコピーして記事に貼ってみてください。

<a href="#aa">ページ内リンクのスタート地点</a>

上記の赤文字の部分は好きな文章に変更されて大丈夫です。

ただし、赤文字の「aa」は、ゴール地点と同じ単語にされてください。また、エラーの可能性も考えてひらがなや漢字よりは、英数字がオススメです。

step
4
ゴール地点(ジャンプ先)を作成する

次は、ゴール地点(ジャンプ先)を作成しましょう。

ゴール地点は、下記をコピーして記事に貼ってみてください。

<a id="aa"></a>ページ内リンクのゴール地点

こちらも、上記の赤文字部分はお好きに変更されて大丈夫です。

スタート地点と同じように、赤文字の「aa」は、スタート地点と同じ単語にされてください。

ページ内リンクの見本

すると、下記のようにリンクをクリックすると、指定したゴール地点まで移動する、ページ内リンクが完成となるのです。

ページ内リンクのスタート地点

-------------

-------------

-------------

-------------

-------------

-------------

ページ内リンクのゴール地点

「Table of Contents Plus」を使い作成する方法

目次プラグインの「Table of Contents Plus」を使い、ページ内リンクを作成する方法はコチラです。

  1. 「プラグイン」→「新規追加」をクリックする
  2. 「Shortcodes Ultimate」で検索して「今すぐインストール」をクリックする
  3. プラグインの「有効化」をクリックする
  4. 「設定」→「TOC+」をクリックする
  5. 「表示条件」を「2」に設定して下にある「設定を更新」をクリックする
  6. 「投稿」→「新規追加」をクリックする
  7. 「ビジュアル」をクリックする
  8. ゴール地点の見出しを作成する
  9. 「公開」をクリックする
  10. ゴール地点へ設定したい目次をクリックする
  11. ブログURLをコピーする
  12. 記事の編集画面に戻りスタート地点を作成してURLを貼る

それでは1つ1つ見ていきましょう。

こちらのページ内リンクの作成方法は、ゴール地点が「見出し」になるやり方となっています。

step
1
「プラグイン」→「新規追加」をクリックする

まずは、記事一覧を表示させるプラグインをインストールするため、

  1. 「プラグイン」
  2. 「新規追加」

と、クリックしていきましょう。

step
2
「Table of Contents Plus」で検索して「今すぐインストール」をクリックする

するとプラグイン追加の画面になりますので、

  1. 「Table of Contents Plus」を入力して検索
  2. 「今すぐインストール」をクリック

と、この手順で進めていきましょう。

step
3
プラグインの「有効化」をクリックする

インストールが完了になったら、プラグインのボタンが「有効化」に変わるのでクリックしましょう。

step
4
「設定」→「TOC+」をクリックする

次は、プラグインの設定をするため、左メニューにあります、

  1. 「設定」
  2. 「TOC+」

と、クリックしましょう。

step
5
「表示条件」を「2」に設定して下にある「設定を更新」をクリックする

プラグインの設定画面が開いたら、「表示条件」を「2つ以上の見出しがあるとき」に設定をしましょう。

設定したら、1番下にあります「設定を更新」をクリックします。

step
6
「投稿」→「新規追加」をクリックする

次は記事作成画面を開くため、WordPressの左メニューにあります、

  1. 「投稿」
  2. 「新規追加」

と、この順番でクリックしていきましょう。

step
7
「ビジュアル」をクリックする

記事作成画面が開いたら、「ビジュアル」をクリックしましょう。

step
8
ゴール地点の見出しを作成する

ページ内リンクのゴール地点の見出しを作成していきます。

見出しを作成する手順は、

  1. ゴール地点の見出しタイトルを入力する
  2. 作成した文章をドラッグする
  3. 上のメニューにある「段落」をクリックする
  4. 「見出し2」などを選択する

と、この順番で進めていくだけです。

ここでは、見出しタイトルを「ゴール地点の見出し3」と入力していきます。

step
9
「公開」をクリックする

ページ内リンクのゴール地点になる、見出しを作成したら「公開」ボタンをクリックしましょう。

step
10
ゴール地点へ設定したい目次をクリックする

記事を公開したら、記事ページを開いて目次を開きましょう。

すると、作成したゴール地点の見出しがあるため、ゴール地点の目次をクリックしましょう。

見出しが記事内に、2つ以上ない場合は目次が表示されないため注意されてください。

step
11
ブログURLをコピーする

目次をクリックしたら、ブログのURLをコピーしましょう。

step
12
記事の編集画面に戻りスタート地点を作成してURLを貼る

URLをコピーしたら、作成した記事の編集画面を開いてください。

編集画面を開いたら、

  1. 「ページ内リンクのスタート地点の文章」を作成してドラッグ
  2. 「リンクの挿入」アイコンをクリック
  3. 「コピーしたブログURL」を貼る
  4. 「適用」ボタンをクリック

と、この順番で進めていきましょう。

すると、下記のページ内リンクのように、指定したゴール地点の見出しまで移動することが出来るのです。

ページ内リンクの見本

→ 【見本】ページ内リンクスタート地点「Table of Contents Plusの使い方」へ飛びます

【徹底解説】WordPressでページ内リンクの設定方法!のまとめ

まとめますと、

  • 「テキストモード」で作成する方法
  • 「Table of Contents Plus」を使い作成する方法

以上が、【徹底解説】WordPressでページ内リンクの設定方法!についてでした。

是非、意識してチャレンジしてみてください。

スポンサーリンク

-ブログ

Copyright© Affiliate Re:Life , 2024 All Rights Reserved.