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

詳細で長文のコンテンツを作成することは、権威を構築するのに優れていますが、読者にとっては圧倒される可能性があります。訪問者が1つの特定の回答しか必要としない場合、それを見つけるために何千語もスクロールする必要はありません。

そのため、特定の段落や文章へのリンクを喜んで作成します。これは、訪問者を必要な情報に直接、即座に誘導するパーソナルマップのようなものです。

WPBeginnerでは、この戦略を使用して、包括的なガイドをナビゲートしやすく、よりユーザーフレンドリーにしています。また、ソーシャルメディアでの引用や特定のステップの共有もよりクリーンになります。

この記事では、WordPressの投稿で特定の段落または文章を参照する方法を、2つの簡単な方法でご紹介します。

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

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

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

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

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

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

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

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

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

これを行うには、WordPressコンテンツエディター内のブロック(見出しなど)を選択するだけです。次に、右側の設定パネルで「詳細」タブを展開し、「HTMLアンカー」フィールドにキーワードを入力します。

外部リンクにリンクしている場合、目次でこれらのIDが使用されていることがよくあります。

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

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

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

<a href="#linkedsection">

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

<a href="https://example.com/#linkedsection">

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

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

Google Chromeは、Webページ上の特定の段落や文章へのリンクを作成できます。これはGoogle Chromeおよびほとんどの最新のWebブラウザに組み込まれている機能です。これにより、ページを開いて特定のテキストをすぐにハイライトする特別なリンクを作成できます。

この方法は、ID属性に依存しないため、他のWebサイトへのリンクにも機能します。また、リンクしているテキストを自動的にハイライトします。

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

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

ご覧のとおり、WebページのURLに続いて、#:~:text=という文字、そしてハイライトされた部分が含まれています。

https://example.com/wordpress-post/#:~:text=Start%20highlight%20here

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

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

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

これらのリンクは、Google Chrome、Edge、Safari、Firefoxを含むほとんどの最新のWebブラウザでサポートされています。

訪問者がこの機能をサポートしていない非常に古いブラウザバージョンを使用している場合、リンクは通常のリンクとして機能し、投稿の先頭に移動します。

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

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

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

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

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

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

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

主な違いは互換性です。アンカーリンクは作成する標準的なウェブ機能であり、すべてのブラウザで完全に機能します。

ハイライトリンク(テキストフラグメント)は、ページが読み込まれたときに特定のテキストをハイライトする特別なURLを生成します。元々はChromeの機能でしたが、現在はSafariやFirefoxを含むすべての主要ブラウザでサポートされています。

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

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

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

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

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

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

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

究極のWordPressツールキット

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

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

4 CommentsLeave a Reply

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

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

返信する

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