【SWELL】ページ内リンク（アンカーリンク）の作り方【簡単】

会社員しながらブログ書いてます。masaです。

今回の記事は、

という人に向けて、ページ内リンクの作り方をお伝えします。

当ブログではWordPress有料テーマ「SWELL」を使っているため、SWELL向けの説明になりますが、他のテーマでも方法はそんなに変わらないと思います。

ページ内リンクの作り方

ページ内をジャンプするリンクのことを「アンカーリンク」と言います。

下記の２ステップで簡単にできます。

ジャンプの例

見本として下記の「ジャンプする」をクリックしてみてください。

ジャンプする

以下、アンカーリンクの設定方法を鉄明していきます。

1.ジャンプ先で「高度な設定」の「HTMLアンカー」に文字を設定する

ジャンプ先のブロックをクリックします。

画面右の「ブロック」の一番下の「高度な設定」の「HTMLアンカー」に文字を入力します。

英語でわかりやすい言葉を入力してください。

今回は例としてジャンプを示したいので、「jump」としました。

2.ジャンプ元にリンクを作る

ジャンプ元の「リンク」の「URL」に「#（ジャンプ先のHTMLアンカーに入力した文字）」と入力します。

今回は「#jump」と入力しました。

これでアンカーリンクの設定は完了です。

プレビューで確認してみてください。

こんにちは。ジャンプ先です。

こんな感じにアンカーリンクを作れます。下記の「戻る」でもとに場所に戻ります。

戻る

まとめ

アンカーリンクの設定は簡単にできたと思います。

今回は「SWELL」での説明でしたが、他のテーマも同じくらい簡単に設定できるのでしょうか。。。

それでは、快適なブログライフをお過ごしください。