【設定3分】WordPressのブロックエディターでページ内リンクを設定する方法

ブロックエディタを使い始めました。

記事の中でリンクを設定したいんですが、うまくいきません。

どうして？

そのお悩みを解決します

WordPressのブロックエディター（Gutenberg）で内部リンク（ページ内リンク）の設定方法を解説しています。

この記事の内容

• 基本的な設定手順
• うまくいかない時の対処法
  （リンクが飛ばない）

【クラシックエディターでの設定手順】はコチラ↓

[site_card url=https://tkr-webworks.com/wordpress-method-link01/]

ページ内リンクを設定する手順

0.動画で解説

動画でも解説しています。
声が出ますので注意して下さいね^^;

1.リンク先（着地点）の設定

❶リンク先の場所にカーソルを移動し、

【ブロック】→【高度な設定】→【HTMLアンカー】へ文字列を入力します。

2.リンク元の設定

❶リンクさせたい文字を選択します。

❷リンクアイコンをクリックします。

❸着地点で設定した文字列『detail』の先頭に『#（ハッシュ）』を付けて入力します。

❹【送信】をクリックして決定させます。

❺下画面のようにリンク文字が設定されます。

3.プレビューで確認

リンク先に飛ぶかを確認します。

❶【プレビュー】→【新しいタブでプレビュー】をクリックします。

❷プレビュー画面でリンク文字をクリックします。

❸着地点に飛ぶかを確認します。

リンクが飛ばない時の対処法

リンク先（着地点）の設定確認

【高度な設定】→【HTMLアンカー】の入力文字の確認

• 『#』ハッシュを付けない
• リンク元の文字列と同一になっているか？

コードエディターでも確認して下さいね！
表示の方法は動画で解説しています。

コードエディターで確認

リンク元の設定確認

• 『#』ハッシュを付けているか？
• 着地点のHTMLアンカーと文字列が同一になっているか？

コードエディターで確認

クラシックエディターを使った内部リンクの設定手順はコチラで解説しています。

[site_card url=https://tkr-webworks.com/wordpress-method-link01/]

【最後に】