【iPhoneユーザー必見!】プライム会員でAmazon ミュージック Unlimitedを月額980円にする手順

【SWELL】ブロックエディタ、ページ内リンク(アンカーリンク)を設置する方法

ワードプレステーマSWELLのブロックエディタでページ内リンクの設置方法を知りたい。

そんな疑問にお答えします。

どうも、ブログ運営者のポチ(@sunrise_033)です。

この記事では、ワードプレステーマSWELLのブロックエディタでページ内リンク(アンカーリンク)を設置する方法を解説します。

結論から言うと「飛ばしたいリンク先」にアンカータグを設定し、「リンク元の部分」に設定したアンカータグをリンクで貼り付けることでページ内リンク(アンカーリンク)を作ることができます。

この方法は、WordPressのブロックエディタなら「SWELL」以外でも使えます。

すぐに手順を知りたい人はこちら

この記事を書いた人
「高コスパ」大好きブロガー:日の出ポチ

「日常のお得なもの」「グルメ」をテーマにしたブログ2つを運営

当ブログの特徴Amazonサービス・Yahooトラベル・節約Wi-Fi・ダイソー・ワークマン

月間54,000PV/収益5桁達成

目次

ページ内リンク(アンカーリンク)とは?

すぐに手順を知りたい人はこちら

ページ内リンク(アンカーリンク)とは、上記の「こちら」のような、記事内に設置するリンクのことです。

うさぎ

アンカーとは「船のいかり」の意味だよ。

指定したい場所にアンカーリンクを設置して固定する方法を用いることから、ページ内リンクをアンカーリンクとも呼びます。

ユーザーが欲しい情報に辿り着けるようにするため、活用することで読者が解決したい項目に飛べるようになります。

【SWELL】ブロックエディタでページ内リンク(アンカーリンク)を設置する方法

ポチ

ブロックエディタでページ内リンク(アンカーリンク)を設置する方法は下記の通りです。

「飛ばしたいリンク先」にアンカータグを設定し、「リンク元の部分」に設定したアンカータグをリンクで貼り付ける

下記で詳しい手順を解説します。

STEP
・リンク先の見出しブロックを選択します。
ポチ

はじめに「リンク先」の設定をしてきます。ページ内で飛びたい見出しブロックを選択しましょう。

STEP
ブロック設定で高度な設定の項目に〇〇をつけます。
STEP
リンク元のテキストにリンク項目を選択します。
ポチ

次に「リンク元」の設定をします。リンク先に飛ばしたい項目や文章を選択しましょう。

STEP
・リンクに「#(ハッシュ)〇〇」と設定してリンクを貼る

#(ハッシュ)を入力します。♯(シャープ)と間違えないようにしましょう。

これで完成です。

画像をリンク元(飛ぶ方)に設定したい場合も、上記と同様にリンクから設定すれば出来るので試してみてください。

まとめ

ページ内リンク(アンカーリンク)は、読みたいところへショートカットで移動できるので、読者にもより読みやすい記事を作成することが可能になります。

この方法は、WordPressのブロックエディタなら「SWELL」以外でも使えるのでぜひ活用して、ユーザーファーストの記事を作っていきましょう。

「ブログ村ランキング」参加中!
PVアクセスランキング にほんブログ村

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次