ブロックエディタでページ内リンク

ブロックエディタでのページ内リンクの張り方を説明します。
内部リンクとは、自分のサイト内のページとページをつなぐリンクのことです。
通常の内部リンクはページのURLを設定するだけですが、ここではページの途中の特定の場所にリンクを張りたい場合について説明します。

  • リンクしたいページ途中にあるブロックを選択します。(リンク先)
  • 右サイドバー、ブロック下方「高度な設定」の「HTMLアンカー」にアンカー文字を入力します。
    例えば a01 など、#等の記号は付けません。
  • リンク元は、通常に文字を選択してリンクを張りますが、リンク先ページのURLのあとに設定したアンカー文字を#の後の続けます。
    例えば https://wpschoolx.com/faq/#a01 などのように設定します。

以上で、ページ内で設定したブロック先頭に、リンクを飛ばすことができます。
とても簡単ですね、ぜひ試してみてください。

投稿者プロフィール

あゆみ先生
あゆみ先生WebAxelデザイナー 上中屋敷 歩
デザイナーのあゆみです。HTMLやCSSは苦手なので、ブロックエディター大好き人間です。主にフォトショップとイラストレーターで写真やイラストの制作をやっています。ワードプレスによるサイト制作も5年くらい携わってきましたが、詳しいことは、たか先生に聞きながら進めています。どうぞよろしくお願いします。