WordPressでページの先頭へのリンクを作成する方法

以前、

WordPressで同じページ内の特定の場所に飛ばす方法

を以下の記事でご紹介しました。

WordPressで同じページ内の特定の場所に飛ばす方法(アンカーリンク)
WordPressでページ内リンクを作成する方法です。

この記事の「アンカーリンク」使用することで、ページ内の好きなところに飛ばすことができます。

しかしながら、

ページ内の先頭に戻したいとき

はいったいどうすればいいのでしょうか…

ページの先頭に「id」を割りあてれば、上の記事で紹介している方法でページ内の先頭に飛ばすことはできます。

しかしながら、いちいちページの先頭に「id」を割りあてるのは、とても面倒くさいです。

そんな時は、「id」を割り当てなくとも

「#」のリンク

を作成することでページの先頭に飛ばすことが可能です。

今回は、

WordPressでページの先頭へのリンクを作成する方法

を紹介していきます。




WordPressでページの先頭へのリンクを作成する

方法はとても簡単です。

ページ内の特定の場所に飛ばすリンクでは、URLに

# + id

を指定しましたが、

ページの先頭へのリンクの場合は、URLに

#

のみを指定するだけでOKです!

これだけで以下のような、ページの先頭へのリンクを作成することができます。

ページの先頭へ移動する

他の方法のデメリット

アンカーリンクで# + id を指定する

冒頭で説明したように、

先頭に「id」を割り当てて「# + id」を指定することでも、ページの先頭へのリンクを作成することができます。

ただ、新たに「id」を割り当てないといけないので

面倒くさいです

ページのURLのリンクを作成する

ページへのリンクは先頭が表示されますので、それを利用することでページの先頭へのリンクを作成することができます。

しかしながら、アンカーリンクではない通常のリンクのため

ページの遷移

が発生してしまいます。

同じページへのリンクなのに「遷移」とは…?

と思うかもしれません。

同じページに遷移すると考えるとわかりにくいかもしれませんが、つまりは

再読み込み

が発生してしまいます。

無駄なサーバーへの通信が発生してしまうことになります。

まとめ

ページの先頭へのリンクは

#

を使いましょう。

スポンサーリンク







シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク