![](https://gukkin222.com/wp-content/uploads/2017/07/maya.jpg)
![](https://gukkin222.com/wp-content/uploads/2017/07/cropped-gukkin222_icon.png)
![](https://gukkin222.com/wp-content/uploads/2017/07/maya.jpg)
![](https://gukkin222.com/wp-content/uploads/2017/07/cropped-gukkin222_icon.png)
こんにちは、ぐっきんです。
そんなわけで今回は記事内の特定の場所にジャンプするリンクを作る方法についてお伝えしたいと思います。
ちなみに、こんなのです。
↓
記事内リンクを作る手順
記事内リンクを作る手順を解説します。
1.「TinyMCE Advanced」のプラグインを使うので、導入していない人は先にインストールしてください。
解説⇒ ガチで便利過ぎる!TinyMCE Advancedの設定方法とオススメの使い方
2.ダッシュボードから「設定」→「TinyMCE Advanced」と移動
![](https://gukkin222.com/wp-content/uploads/2017/09/029c0df654365705694155ea3dedf696.jpg)
3.「代替リンクダイアログ」にチェックを入れて変更を保存する
![](https://gukkin222.com/wp-content/uploads/2017/09/a06468a7f8e612274c41cd6cbcbfa970-720x241.jpg)
↓↓ ↓↓
![](https://gukkin222.com/wp-content/uploads/2017/09/77e07fd30c2dc7830a730ed83da71b56.jpg)
4.記事投稿画面で記事内リンクにしたいテキストをドラッグ
![](https://gukkin222.com/wp-content/uploads/2017/09/a3287c4c72cf634ddf23e8c1d83e3df5.jpg)
5.ドラッグした状態でツールバーの中から下記のボタンをクリック
![](https://gukkin222.com/wp-content/uploads/2017/09/40abb9ed31d1ebcb99028655d45bf472.jpg)
6.URLの枠の中をクリックすると見出しが一覧で出てくるので、飛ばし先にしたい見出しを選んでOKをクリック(ちなみに<top>は記事上、<bottom>は記事下に飛ばすことができます)
![](https://gukkin222.com/wp-content/uploads/2017/09/f79874612e2a642190c20afc8c43bb70.jpg)
↓↓ ↓↓
![](https://gukkin222.com/wp-content/uploads/2017/09/5f078950a9ccece1b645246b1677ba8b.jpg)
▼▼これで記事内リンクは完成です▼▼
![](https://gukkin222.com/wp-content/uploads/2017/09/d7ae6ae3b9f4266ebd948c0d1d9b0727.jpg)
記事内リンクのメリット
記事中で移動できるリンクのメリットは、
読んでもらいたいところだけ読んでもらうように誘導できるということです。
例えば、目次などは代表的なページ内リンクですね。
![](https://gukkin222.com/wp-content/uploads/2017/09/e59f3f85db66475b7c2ddf8b0adb6b18.png)
この目次で言えば「関連コンテンツユニットとは?」みたいな基礎的な情報はすでに知っていて、「関連コンテンツユニットを記事下に設置する方法」だけを知りたい人もブログに訪れるかもしれません。
そういうユーザーが余計な情報で時間を無駄にしないためにも、こういったページ内リンクは役に立ちます。
また、特定の場所を読みたくない読者がいそうな場合なんかも役に立ちます。
例えば、
この先ネタバレ注意なので、ネタバレしたくない人は以下のリンクをクリックしてネタバレ部分をスキップしていきましょう↓↓
みたいな感じで使うこともできますね。
このような感じに、ユーザーにとって不必要な部分がありそうな場合は、ページ内リンクを活用してみてください。
まとめ
というわけで今回は ページ内の他の場所に飛ばすリンクの貼り方について解説しました。
![](https://gukkin222.com/wp-content/uploads/2017/07/maya.jpg)
![](https://gukkin222.com/wp-content/uploads/2017/07/cropped-gukkin222_icon.png)
もし貼り方が分からなかった人は参考にしてみてください。
ではでは。