【WordPress】目次を使わずにページ内へリンクを飛ばす方法

この記事は約2分で読めます。

ブログ記事を書いていると、目次以外のところでページ内へリンクを飛ばしたいなぁと思う時ってありますよね。

手順を説明する時や、文章が長くなってしまうときに、リストから目的の行へジャンプできると便利です。

ページ内リンクを設定すれば、ユーザーの操作性がアップするので、離脱率も下がります。

この記事では、同じ記事のページ内でリンクを飛ばす方法について解説します。

ページ内リンクの設定方法

ページ内リンクを設定する手順は、簡単2ステップです。

１．HTML アンカーを追加

まずは、リンク先の行に「HTML アンカー」というものを追加します。

投稿画面のブロックから、「高度な設定」を開きます。

HTML アンカーに、お好きな文字を入力します。

たとえば簡単に、１・２・３などでもOKです。

HTMLアンカー入力の注意点
  • HTML アンカーはアルファベットがベター
  • HTML アンカーでは大文字と小文字が区別される
ポイント
  • 実際に飛ばしたい行より、１つ上の段落に設定すると見やすいです。

２．リンクを設定

次に、リンクを設定します。

リンク元となる文字を選択して「リンクマーク」をクリック。

先ほど設定したHTMLアンカーの先頭に「#」をつけてリンクを設定すればOKです。

まとめ

とっても簡単にページ内リンクを設定することができました。

より見やすくて、操作しやすいサイトを作るために使える機能なので活用していきましょう！！

コメント