ブロックエディターで超簡単にページ内リンクを設置する方法

ブロックエディタで-超簡単にページ内リンクを設置
悩み君

ブロックエディターにしたけどアンカーリンク(同ページ内リンク)
ってどうやるの?

くろ

めちゃくちゃ簡単だよ!

クラシックエディターが2021年末に終了してしまうことが決まってしまった今

ブロックエディターに変える人も多いと思います。

今回はブロックエディターでページ内リンクを設置する方法を紹介します。

プラグインでやっていた方も簡単なので覚えて損はないですよ!

このように指定した場所へジャンプさせる方法です!

ここにジャンプ!

目次

アンカーを指定する

①まずジャンプしたい行を選択しておきます。

②ブロックをクリックして

③下にスクロールしていきます。

④「高度な設定」をクリック

⑤「HTMLアンカー」の欄へ好きな半角英数字を入力する。

例では「a」と入力しています。※私が好きに選んだ半角英数字です。

右側のブロックが出ない場合は?

ワードプレス右上に配置されている

画像の赤枠の「歯車」ボタンを押してください。

右側に編集欄がでてきます。

リンクを貼る

⑥リンクを貼りたい文字列を選択。

⑦リンクをクリックします。

⑧先ほど設定したHTMLアンカーの前に#を付けて入力。

例の場合は「#a」を入力しています。

⑨送信をクリック

文字が青くなったか完了です!

完成したらプレビューからクリックして確認してみましょう。

まとめ

できた!簡単!

くろ

細かくステップを踏んで解説しちゃったけど
①アンカーを設置する
②リンクを貼る
って覚えれば手順は多くないね!

是非活用してみてください!

当サイトではブロックエディターに対応しているSWELLをおすすめしています。

\ 当サイトも使用中!/

アフィンガーと比較もして正直レビューもしています。是非こちらも見てみてください。

ブロックエディタで-超簡単にページ内リンクを設置

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

コメント

コメントする

目次
閉じる