WordPressでページ内リンク(アンカーリンク)を貼るのって、案外つまづいた……ということで、メモがてらの記事です。
公式だけでなく、いろんな方の解説記事を読んだんですけど、適用テーマの違いなのか、ちゃんと動いてくれなくて。試行錯誤してどうにか動きました。
私はSWELLを使っていますので、他のテーマの方だと同じ挙動にはならないかもしれません。
ページ内リンクの仕様はこちらを読んで理解しました。(実際はIDクラス名の設定が微妙に違って動かなかったけど)
WEBST8のブログ
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAC0AQAAAADNn8i8AAAAAnRSTlMAAHaTzTgAAAAeSURBVFjD7cExAQAAAMKg9U9tDQ+gAAAAAAAAAH4NHNQAARczmc0AAAAASUVORK5CYII=)
![](https://webst8.com/blog/wp-content/uploads/2021/06/wordpress-page-link-aicatch.jpg)
WordPressでページ内リンクを作る方法を徹底解説
今回は、WordPressでページ内リンクを作る方法についてをご紹介します。 ページ内リンクがあれば、例えばコンテンツが多いウェブページなどではユーザーが自分の辿り着きた…
目次
SWELLでのページ内リンクの貼り方
まずは飛び先のブロックにID名を設定します。各Blogにより、#
をつけたりつけなかったりですが、SWELLではつけません。なかには#
(ハッシュ)ですらない♯
(シャープ)で表記しているところもあり、混乱を誘いますね……。
飛び先ブロックにカーソルを合わせ、サイドバーの「高度な設定」を開きます。HTMLアンカーにユニークなID名を設定しましょう。ここではhankei
にしています。
リンクを設置したい箇所に戻り、通常のリンクで#hankei
を入力します。このときには頭に#
が必要になります。
![](https://arcana8.net/wp-content/uploads/2022/06/141c3f16bd26ced048b2d8bf78ee3186-1-1024x674.png)
![](https://arcana8.net/wp-content/uploads/2022/06/7e29a22330f46b78dd38963982f52ea7.png)