WordPressアンカーリンクの付け方、同ページ・別ページ［Gutenberg］

クラシックエディタではページ内の特定の部分に異動させる内部リンク、いわゆるアンカーリンクの設定はたいへんでしたが、新しいブロックエディタでは、これが簡単に作成できます。

その方法を説明します。

実に簡単です。

アンカー・リンクをブロックエディタで作成する方法

本文テキスト「Permalink Redirect」からH2見出しの「Permalink Redirect」へ、アンカーリンクを作る場合を説明します。

１．元のテキストを選択しリンクアイコンをクリック

1. リンクさせる元のテキストを選択します。
2. リンクアイコンをクリックします。

２．リンク欄に#英数字を入れクリック

1. #a001など#を頭につけた英数文字を入れます。
2. クリックします。

３．元のテキストの色が変わったことを確認

元のテキストの色が変わったことを確認します。

４．ジャンプさせたい見出しを選び「高度な設定」欄に＃なしの英数字を入力

1. リンクさせたい、ジャンプさせたい見出しを選択します。
2. 右のバーの「高度な設定」をクリックすると、「HTMLアンカー」の項目が現れますので、その欄に先程、元のテキストに設定した#a001の＃を外したa001の部分を入力します。

これだけです。実に簡単ですね。気軽にアンカーリンクが張れます。

別のページにアンカーリンクを張る

別のページにのある見出しにアンカーリンクを張りたい場合もあります。

その時は、#a001の前に、ジャンプさせたいページのURLをつけて、同様の作業をすれば、飛びたいページの見出しにジャンプします。

おわりに

ワードプレスのブロックエディタを使って、アンカーリンクを貼る方法を説明しました。

アンカーリンクとは、特定のテキストから、ページ内の特定の部分にジャンプさせる内部リンクのことです。

クラシックエディタでの作り方は以前説明しました。（これですね↓）

新ブロックエディタ（Gutenberg）を使えば、それがさらに簡単に作れてしまいます。

本当に簡単ですよね。