【WordPress】プラグイン不要でページ内リンクを設置する方法

WordPress
この記事は約2分で読めます。

ブログ内で任意の場所にジャンプする方法(ページ内リンク)について解説をしていきます。
※目次の「見出し」を押すと見出し部分までスクロールするのと同じ仕組みです。

今回ご紹介する方法ではプラグインを使用せずにページ内リンクを設定する方法です。

「クラシック版の段落」よりも「段落」を使用することが多いため、プラグインは使用しません。

スポンサーリンク

ページ内リンクの仕組み

プラグインを導入した方が簡単という声もありますが、個人的にはそこまで差を感じません。

むしろ手で設定した方が早いのではないか…と思っています。

スタートの設定

ページ内リンクさせるためのキーワードを入力。
※ここでは「スタート」と入力。

リンクさせる文字を選択状態にして「リンクの挿入/編集」を選択

歯車アイコンの「リンク設定」を選択

「リンクの挿入/編集」
①URLに「#link01」を設定
②タイトルをクリックして「ページ内リンク」を設定
③右下の「リンク追加」を選択

これでリンクの開始位置準備OK。
設定したキーワードにマウスを合わせると設定したIDが確認できます。

ゴールの設定

続いてリンクの飛び先を設定します。

「コード」を追加

下記のHTMLコードを入力

間違えやすいですが、リンクの飛び側に「#」は不要です!

スタート:#link01
ゴール:link01

ここで設定した「#link01」、「link01」は任意の文字に置き換えるようにしてください。

リンクのサンプル

「スタート」をクリックすると「ゴール」に飛ぶように設定しています。

スタート




ゴール

見出しに設定

ちなみに任意の位置から「見出し」に飛ばすことも可能です。

スタート側の設定は変わりませんが、ゴール側は下記のコードを参考にしてください。

まとめ

今回はプラグインを使用せずにページ内リンクをする方法について解説を行いました。

実際にやってみればわかるんですが、内容的に全然難しくないので、興味がある方はお試しください!

この記事が気に入ったら
いいね ! しよう

Twitter で
タイトルとURLをコピーしました