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

スポンサーリンク

 

以前、

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

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

WordPressで同じページ内の特定の場所に飛ばす方法(アンカーリンク)
よく、Webサイトなどで 「同じページ内に移動するリンク」 を見かけると思います。 たとえば… ↓のリンクを押してみてください まとめに移動します どうでしょうか?...

 

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

 

しかしながら、

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

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

 

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

 

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

 

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

「#」のリンク

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

 

今回は、

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

を紹介していきます。

スポンサーリンク

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

 

方法はとても簡単です。

 

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

# + id

を指定しましたが、

 

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

#

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

 

 

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

 

ページの先頭へ移動する

 

他の方法のデメリット

 

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

 

冒頭で説明したように、

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

 

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

面倒くさいです

 

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

 

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

 

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

ページの遷移

が発生してしまいます。

 

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

と思うかもしれません。

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

再読み込み

が発生してしまいます。

 

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

 

まとめ

 

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

#

を使いましょう。

コメント