15日間の無料メール講座 Click

【簡単2ステップ】WordPressのブロックエディターでページ内リンク(アンカーリンク)を設定する方法

※当サイトはアフィリエイトリンクを含みます。
初心者さん

記事の内部にリンクを設定したいけど……どうすればいいの?

最近ブロックエディターを使いはじめたけど、アンカーリンクの設定方法がわからない……

こんな悩みはありませんか?

記事内でリンクを設定できる「ページ内リンク(アンカーリンク)」は、覚えておくと便利です。
同じページにリンクを設定することが多いですが、別のページのリンクを設定することも可能。

ブロックエディターなら、クラシックエディターよりも簡単にページ内リンク(アンカーリンク)を設定できますよ!

この記事で紹介する内容はこちら。

  • ページ内リンク(アンカーリンク)の設定方法3ステップ
  • 違うページにアンカーリンクを設定する方法
  • ページ内リンク(アンカーリンク)で目次をつくる方法

「ブロックエディターでアンカーリンクを設定したい」という人は、ぜひ参考にしてくださいね!

この記事を書いた人
さとち

海外在住の40代・男児2人のママ

40代で未経験からWebライターに挑戦。回り道をしてようやく自分のペースで働けるライティング力を手に入れる

Webライター×ワードプレスブログでお金&自由な時間を手に入れる情報を発信中

目次

ページ内リンク(アンカーリンク)とは、クリックすると「同じページ内の指定した場所」にジャンプするリンクのこと。

「クリックしたらこの場所に飛んでね」とリンク先を指定してあげることで、必要な情報が書かれている箇所へ読者を誘導できます。

さとち

よく見かけるのは「早く〇〇が知りたい!という人はこちらへ⇒」などと書かれているもの。

「余計な説明はいいから早く情報が知りたい!」という人のためのページ内リンク(アンカーリンク)ですね♪

今回は、ある文章をクリックすると「見出し2」に飛ぶように設定してみましょう。

ページ内リンク(アンカーリンク)の設定方法は簡単2ステップ!

STEP
リンク先を設定する

まずはリンク先を設定します。
飛ばしたい場所を選択し、右側の「高度な設定」をクリック。

「HTMLアンカー」にID名を入力します。

さとち

ID名は英語(小文字)で入力しましょう。今回は「link」と入力しました。

STEP
リンク元を設定する

次にリンク元を設定しましょう。

リンクをつける部分を選択し「リンク」をクリック。

リンク先に「#ID名」を入力します。今回の場合は「#link」ですね。

ID名を入力し「Enterキー」を押せば設定完了!

設定ができたら、リンク先に飛ぶか確認してみましょう。

右上の「プレビュー」⇒「新しいタブでプレビュー」をクリック。

リンクを設定した文章をクリックしてみましょう。
「見出し2」に飛べば成功です!

文章をクリックすると「見出し2」までジャンプ!
ページ内リンク(アンカーリンク)が無事に設定できました♪

「違うページの指定部分にジャンプさせたい」という場合の設定方法も紹介します。
設定は簡単2ステップ!

STEP
リンク先を設定

同じページ内にリンクを飛ばすときと同じく、リンク先を設定しましょう。

リンク先を選択⇒高度な設定⇒ID名を入力

STEP
リンク元を設定

ID名が入力できたら、リンク元を設定します。

同じページ内にリンクを飛ばす場合は「#ID名」を入力しましたが、違うページに飛ばす場合は

ページのURL/#ID名

を入力すればOK!

たとえば以下の記事の「SWELLの購入方法3ステップ」の見出しへジャンプさせたい場合……

  • ID名を「swell-buy-3steps」
  • ページのURLを「https://satokoweb.com/swell-install/」
  • リンク先のURLを「https://satokoweb.com/swell-install/#swell-buy-3steps」

に設定すればOK!
リンク先のURLはこうなります↓

https://satokoweb.com/swell-install/#swell-buy-3steps

実際にリンク先に飛ぶか確認してみよう♪

>>SWELLの購入方法3ステップへ

WordPressのテーマによっては「目次機能」が付いていないものも。
本文の最初(導入文の最後)に目次を入れたい場合は、ページ内リンク(アンカーリンク)を使えば目次が作成できますよ。

ページ内リンク(アンカーリンク)を使って、この記事の目次を作ってみました↓

ページ内リンク(アンカーリンク)の設定方法を覚えれば、いろいろなことができますよ。
ぜひ記事を書くのに活用してくださいね!

WordPressをはじめるならブロックエディターを選ぼう

WordPressの記事を書くには「クラシックエディター」と「ブロックエディター」があります。

以前は私もクラシックエディターで記事を書いていましたが、ブロックエディターにしてからサクサク記事が書けるようになりました。
ブロックエディターで書くのって楽しい!

とくに有料テーマ「SWELL」を使い始めてから、ブロックエディターで記事を書くのが楽しくて仕方ありません♪

  • WordPressを使い始めたばかり
  • 今は無料テーマを使っているけれど、有料テーマにしようか迷っている

という人は、早めにブロックエディターへの変更をおすすめします。

さとち

最初は少し戸惑いますが、すぐに慣れますよ!

ブロックエディターのテーマなら断然「SWELL」がおすすめ。
ブログ初心者でも読みやすい記事がサクッとできちゃいます♪

サクサク記事が書けるので、記事更新が楽しくなりますよ!

\ 当ブログで使用しているWordPressテーマです♪ /


海外在住でも、日本のクライアントと在宅でお仕事をするためのロードマップを
15日間で少しずつステップ配信でお届けします。

PC1台・未経験・子育て中でもOK。
「文章を書く力で場所に縛られない働き方をしたい」方へ。

\ いつでも1クリック解除!Gmail推奨 /

【学べるカリキュラム】
🌱 第1章:Webライターの魅力と文章の基本
✏️ 第2章:マナー・共感ライティング・SEO基礎
💼 第3章:リライト・継続案件・収入安定のコツ
🚀 第4章:次の一歩へ(学びの継続・Writing Hacks体験談)

【登録特典(無料で使える3つのGPT)】

  • 初案件ゲット応援GPT
    仕事探し&提案文の練習に。印象の良い応募文・連絡文を即テンプレ化。
  • SEOの地図作りGPT
    検索意図からH2/H3構成を自動提案。導入文・メタも下書きOK。
  • 共感ライティング診断GPT
    導入/CTAの“伝わり度”をスコア化+2パターンのリライト例を提案。

【登録時プレゼント(すぐ使える教材3点)】
ご登録直後に届くサンクスメールの「特典ページ」からダウンロードできます。

  • 特典①:今日から始めるWebライター入門ガイド
    「Webライターって何をする?」が一冊で分かる入門PDF。必要な準備・進め方・よくある疑問をやさしく解説。
  • 特典②:クラウドソーシング応募テンプレート集
    提案文/プロフィール文/初回メッセージの雛形を用途別に収録。コピペ→案件仕様に合わせて数分で送付OK。
  • 特典③:読まれる文章テンプレート10選
    PREP・SDS・共感ライティングなど“すぐ使える型”を10種類。見出し・導入・締めまで例文つき。

\ いつでも1クリック解除/Gmail推奨 /

この記事を書いた人

海外在住の40代主婦。男児2人のママ。未経験から遠い回り道をして、自分で稼げるライティング力を手に入れました。現在はWebライター&WordPressブログで毎月収入を得ています。
いろんな理由で在宅ワークを探している人に、Webライター&ブログで自由な時間と収入を得る方法を発信中!
好きなものはお酒・おいしいもの・旅行・レストラン巡り♪

目次