WordPress投稿の特定の段落または文を参照する方法

より詳細なコンテンツを作成するにつれて、記事は自然に長くなります。これは、コミュニティに有益な価値を提供していることを意味するため、素晴らしいことです。

すべての読者が、あなたのコンテンツを通じた旅が楽だと感じられるようにしたいものです。そのための重要な要素は、読者が探している正確な情報を見つけられるように支援することです。

特定の段落や単一の文章に直接リンクする、クリーンで効果的な方法があります。これは、長文ガイドのナビゲーションを容易にするために私たちが好む方法の1つです。

このテクニックは、サイトでより役立つインタラクティブなエクスペリエンスを構築するのに役立ちます。本質的に、読者にコンテンツの最も良い部分への個人的な地図を提供していることになります。

WordPressの投稿でこれを設定する方法をご紹介できることを嬉しく思います。これは、何度も使用することになるスキルです。

WordPress投稿の特定の段落または文を参照する方法

投稿の特定の部分を参照する理由

WordPressブログに新しい投稿を作成する際、特定の段落や文章にリンクしたい場合があります。

例えば、ジャーナリストが引用の正確な出典を参照する必要がある場合があります。または、ブロガーが読者に対してブログ投稿の特定のセクションに簡単にジャンプできるようにすることができます。

長いウェブページに単純にリンクすると、読者は情報を見つけるのが困難になる可能性があります。関連するテキストを強調表示して、正しい段落または文に誘導することで、より良いユーザーエクスペリエンスを提供できます。

WordPress の投稿で特定の段落や文にリンクする方法を見てみましょう。2つの方法を説明します。最初の方法は、自分のブログの投稿でうまく機能することが多いですが、2番目の方法は外部リンクに適しています。

  1. アンカーリンクを使用して投稿の特定の部分にリンクする
  2. Google Chromeを使用してハイライトされたテキストにリンクする
  3. WordPressでテキストを参照することに関するよくある質問
  4. WordPressでのリンク追加に関するエキスパートガイド

方法1:アンカーリンクを使用して投稿の特定の部分にリンクする

WordPressサイト上の投稿の特定の部分にリンクする最良の方法は、アンカーリンクを使用することです。この方法では、文や段落はハイライトされませんが、方法2とは異なり、すべてのWebブラウザで機能します。

アンカーリンクは、読者を同じページ上のID属性でマークされた特定の場所にすぐにジャンプさせます。これらは、目次を作成する際によく使用されます。しかし、アンカーリンクは他の投稿の特定のセクションにもリンクできます。

リンクしたいセクションに ID 属性を追加するために、投稿を編集できる必要があります。ただし、目次など、外部ウェブサイトが ID 属性を使用していることに気づいた場合は、リンクでもそれらを使用できます。

アンカーリンクはHTMLアンカーID属性に依存します

特定のセクションの ID がわかったら、それを使用してリンクを作成できます。次のようになります。

<a href="#linkedsection">

または、別のウェブページ上のID属性にリンクしたい場合は、リンクは次のようになります。

<a href="https://urltowebpage/#linkedsection">

アンカーリンクを正しく作成する方法については、WordPressでアンカーリンクを簡単に追加する方法のステップバイステップガイドをご覧ください。

方法 2: Google Chrome を使用して強調表示されたテキストにリンクする

Google Chrome は、ウェブページ上の特定の段落や文へのリンクを作成できます。バージョン 90 でブラウザに導入されたこの機能は、当初は Link to Text Fragment という Chrome 拡張機能で利用可能でした。しかし、その拡張機能はもう必要ありません。

この方法は、ID属性やページのフォーマットに依存しないため、他のウェブサイトへのリンクにも機能します。また、リンク先のテキストを自動的にハイライトします。ただし、作成されたリンクはすべてのウェブブラウザで機能するわけではありません。

まず、参照したいテキストをハイライトする必要があります。その後、テキストを右クリックし、メニューから「ハイライトへのリンクをコピー」を選択します。

メニューから「ハイライトへのリンクをコピー」を選択

ここに、ハイライトされたリンクの例を示します。

ご覧のとおり、ウェブページのURLに続いて、#:~:という文字、そしてハイライトされたテキストが含まれています。

https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/#:~:text=Anchor%20links%20are%20commonly%20used%20in%20lengthier%20articles%20as%20the%20table%20of%20contents%20which%20allows%20users%20to%20quickly%20jump%20to%20the%20sections%20they%20want%20to%20read.

これらのリンクは、ChromeやEdgeを含む互換性のあるブラウザや、すべてのChromiumベースのブラウザのバージョン80以降で機能します。

Chromeユーザーがハイライトへのリンクをクリックすると、このようになります。

Chromeでのテキストフラグメントプレビューへのリンク

ただし、ハイライトへのリンクはすべてのブラウザでサポートされているわけではありません。

例えば、現在FirefoxやSafariではサポートされていません。リンクは正しいウェブページに移動しますが、引用されたセクションには移動せず、ハイライトも表示されません。

WordPressでテキストを参照することに関するよくある質問

以下に、特定の段落や文章へのリンク作成に関してよく受ける質問への回答をまとめました。これにより、ご自身のニーズに最適な方法を選択するのに役立ちます。

1. WordPressで特定の段落にリンクする最も簡単な方法は?

最も簡単な方法は、Google Chromeの組み込み機能である「ハイライトへのリンクをコピー」を使用することです。参照したいテキストをハイライトし、右クリックして特別なリンクをコピーするだけです。ただし、この方法はすべてのウェブブラウザでサポートされているわけではありません。

2. アンカーリンクとは何ですか?また、なぜ使用されるのですか?

アンカーリンク(またはジャンプリンク)は、ユーザーを同じページまたは別のページの特定のセクションに誘導する特別なリンクです。まず、ブロック(見出しや段落など)に一意のHTML IDを割り当て、次にそのIDにリンクします。これらは、目次を作成し、ユーザーが長い記事をナビゲートするのに役立つため、最も一般的に使用されます。

3. アンカーリンクとハイライトリンクの違いは何ですか?

主な違いは互換性です。アンカーリンクは標準的なウェブ機能であり、作成するとすべてのブラウザで完全に機能します。ハイライトリンクはGoogle Chromeの機能であり、特別なURLを作成します。これらのリンクは、ChromeおよびEdgeのような他のChromiumベースのブラウザでのみ、ユーザーを指定されたハイライトされたテキストに誘導します。

4. アンカーリンクはすべてのウェブサイトで機能しますか?

はい、アンカーリンクはHTMLの基本的な部分であり、どのウェブサイトや最新のウェブブラウザでも機能します。これにより、特に自身のウェブサイト内で特定のセクションにリンクするための最も信頼性の高い方法となり、すべての訪問者に対して一貫したエクスペリエンスを保証できます。

5. 自分が書いたものではない投稿の特定の文章にリンクできますか?

はい、Google Chromeの「ハイライトへのリンクをコピー」方法はこれに最適です。外部ウェブサイトを編集してアンカーIDを追加できないため、Chromeを使用して任意の文をハイライトし、共有用の直接リンクを作成できます。

このチュートリアルで、WordPressの投稿で特定の段落や文章を参照する方法を学べたことを願っています。リンクの追加に関連する他の記事もいくつかご覧になりたいかもしれません。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

4 CommentsLeave a Reply

  1. 以前はアンカーを使っていましたが、ハイライトされたテキストへのリンクは常に謎でした。実はとても簡単です。記事を書く際に非常に役立ちますし、この記事で学べたことを嬉しく思います。こんなに簡単だとは本当に思いませんでした。

  2. Google Chromeの「ハイライトへのリンクをコピー」機能に関するヒントが特に役立つと感じました。
    これはGoogleの「強調スニペット」の仕組みを思い出させます。サイトリンクをクリックすると、関連セクションに直接移動し、テキストがハイライトされます。これは、アンカーリンクを手動で追加することなく、記事の特定の箇所を参照するのに便利な方法です。これらのテクニックを共有していただきありがとうございます。コンテンツへのリンクのユーザーエクスペリエンスを向上させるのに間違いなく役立つでしょう。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。