広告 ブログの始め方

ブログのページ内ジャンプを設定する方法

2023年3月23日

※アフィリエイト広告を利用しています。

ブログの同じページ内で
別の場所に飛ばすにはどうすればいいの?

2箇所設定するだけなので
簡単にできますよ!

ありんこ(私)

※ブロックエディタ(グーテンベルク)使用時のやり方となります。

下記のようなページ内ジャンプを作っていきます。
>>ためしに飛んでみる

ページ内ジャンプの仕組み

ページ内ジャンプの仕組み

ページ内ジャンプの設定方法

ステップ①:移動させたい先の設定

移動させたい先をクリック。

右に表示されるブロックの「高度な設定」→「HTMLアンカー」を設定します。

HTMLアンカーに任意のテキストを入力します。
任意のテキストはなんでも大丈夫です。(ひらがなでも英数字でもOK)

例)ここでは「jump」と設定します。

HTMLアンカー設定

ステップ②:移動元の設定

移動元に戻り、文字を選択します。

リンクマークをクリックします。

入力欄の先頭に「#」を入れ、先ほど設定したHTMLアンカー「jump」を入力します。

例)「#jump」

リンクの作成



リンクが完成するとこんな感じで、文字が青色になります。

リンク完成

まとめ

お疲れ様でした~
2箇所設定するだけなので、けっこう簡単ですよね!

ユーザーがスクロールすることなく、目的の場所に行けるので便利です。
ぜひ覚えておきましょう。

-ブログの始め方