ガイド/サイトをカスタマイズ/エディター/テキストにリンクを追加する

テキストにリンクを追加する

リンクはハイパーリンクとも呼ばれ、クリックして別のページやサイトに移動できる単語またはフレーズです。リンクは画像ボタンメニューに追加することもできます。このガイドでは、サイトにテキストリンクを作成する方法について説明します。

テキストリンクはウェブページ上のクリックできるテキストで、ユーザーを別の場所 (別のWeb ページ、同じページ内の特定のセクション、ファイル、外部リソースなど) に移動させることができます。テキストリンクは多くの場合、通常のテキストとは異なるスタイルで表示されており、たいていは下線や異なる色 (通常は青) を用いてインタラクティブであることが示されています。

リンク付きのテキストがハイライトされた一部のテキスト。
リンクテキストが異なる色で表示された例。

サイトのテキストにリンクを追加する方法はいくつかあります。このガイドでは、テキストブロックのツールバーのリンクボタンを使用する方法、リンクをコピーしてエディターにペーストする方法、括弧を使用してリンクを作成する方法などを説明します。

すべてのテキストブロック (段落ブロック見出しブロックなど) では、ブロックのツールバーに、ブロック内のテキストの一部にリンクを追加するオプションがあります。

WordPress.com サイトのテキストにリンクを追加するには、次の手順に従います。

  1. サイトのダッシュボードにアクセスします。
  2. サイドバーで次のいずれかを行います。
    • ページまたは投稿に移動し、ページまたは投稿をクリックして編集する。
    • 「外観」→「エディター」にあるサイトエディターにアクセスし、テンプレートを編集する。
  3. マウスまたはタッチパッドを使用して、リンクを追加するテキストを反転表示させます。
  4. ブロックツールバーがテキストの上にリンクアイコンと共に表示されます。
リンクアイコンの周りにボックスが描かれた段落ブロックのツールバー。
  1. 鎖の輪のような外観のリンクアイコンをクリックします。
鎖の輪のような外観のリンクアイコン。
  1. テキストボックスが表示され、次のいずれかの操作を行ってリンクを作成できます。
    • サイトのコンテンツを検索する。ここには公開済みコンテンツのみが表示され、下書きや予約済みコンテンツは表示されません。
    • リンクの URL を入力する。自分のサイトの URL またはあらゆる外部サイトの URL を入力できます。
    • リンクの URL をペーストする。自分のサイトの URL またはあらゆる別サイトの URL をペーストできます。
    • 同じページ上のコンテンツへのジャンプ (アンカー) リンクを作成する。
  2. キーボードの Return (Enter) キーを押してリンクを保存します。
    • テキストの色が変わり、リンクであることが示されます。通常、リンクされたテキストは青色ですが、使用しているテーマや適用したスタイルによって色が異なる可能性があります。
  3. エディターの右上の「保存」ボタンをクリックして変更を保存します。

テキストにリンクを追加する方法については、以下の動画をご覧ください。「再生」ボタンをクリックし、右下隅のコントロールを使用して、動画の再生速度を調整します。

方法2: コピー & ペースト

サイトまたはサイトの特定のページにアクセスし、ページの URL またはアドレスをコピーして、エディターで反転表示されたテキストの上にペーストすることでリンクを作成できます。リンクをコピー& ペーストするには、以下の手順に従います。

  1. リンク先のサイトに移動します。ブラウザーのアドレスバーで、サイトのアドレス /URL のリンクをコピーします。
    • コピーするには、URL をハイライトし、右クリックして「コピー」を選択するか、Ctrl + C (PC) または Command + C (Mac) のキーボードショートカットを使用します。
  2. サイトのダッシュボードにアクセスします。
  3. サイドバーで次のいずれかを行います。
    • ページまたは投稿に移動し、ページまたは投稿をクリックして編集する。
    • 「外観」→「エディター」にあるサイトエディターにアクセスし、テンプレートを編集する。
  4. マウスまたはタッチパッドを使用して、リンクを追加するテキストを反転表示させます。
  5. ハイライトしたテキストの上に URL を直接ペーストします。
    • ペーストするには、右クリックして「貼り付け」を選択するか、Ctrl + V (PC) または Command + V (Mac) のキーボードショートカットを使用します。
  6. これにより自動的にリンクが作成されます。ハイライトされたテキストに下線が表示されるか、または異なる色で表示され、リンクされていることがわかるようになります。
  7. エディターの右上の「保存」ボタンをクリックして変更を保存します。

リンクをコピー & ペーストする方法については、以下の動画をご覧ください。「再生」ボタンをクリックし、右下隅のコントロールを使用して、動画の再生速度を調整します。

方法3: [[ を入力する

キーボードを使用してサイトの公開済みページや投稿にテキストリンクをすばやく追加する場合は、次の手順に従って新しいテキストリンクを追加します。

  1. サイトのダッシュボードにアクセスします。
  2. サイドバーで次のいずれかを行います。
    • ページまたは投稿に移動し、ページまたは投稿をクリックして編集する。
    • 「外観」→「エディター」にあるサイトエディターにアクセスし、テンプレートを編集する。
  3. 編集中のページ / 投稿 / テンプレート内の任意の場所に、2つの角括弧 ([[ ) を入力します。
  4. 直近に公開したページや投稿のリストがポップアップ表示されます。
  5. コンテンツに追加する投稿またはページをクリックします
    • ページまたは投稿のタイトルがリンクテキストとして使用され、必要に応じて編集できます
  6. エディターの右上の「保存」ボタンをクリックして変更を保存します。

二重括弧を使用してリンクを作成する方法については、以下の動画をご覧ください。「再生」ボタンをクリックし、右下隅のコントロールを使用して、動画の再生速度を調整します。

既存のリンクを編集する

リンクを作成した後、リンクで使用されているテキストや URL / アドレスを編集できます。既存のリンクを編集するには、以下の手順に従います。

  1. サイトのダッシュボードにアクセスします。
  2. サイドバーで次のいずれかを行います。
    • ページまたは投稿に移動し、ページまたは投稿をクリックして編集する。
    • 「外観」→「エディター」にあるサイトエディターにアクセスし、テンプレートを編集する。
  3. エディターに移動したら、編集するリンクテキストをクリックします。
  4. 表示される鉛筆アイコンを選択します。
  5. 「テキスト」ボックスで、リンクのテキストに表示する内容を変更します。
  6. 「リンク」ボックスで、テキストをリンクする URL を変更します。
  7. キーボードの Return (Enter) キーを押すか、「保存」ボタンをクリックします。
  8. エディターの右上の「保存」ボタンをクリックして変更を保存します。

既存のリンクを編集する方法については、以下の動画をご覧ください。「再生」ボタンをクリックし、右下隅のコントロールを使用して、動画の再生速度を調整します。

リンクを新しいタブで開くように設定する理由には、いくつかのケースがあります。たとえば、訪問者が閲覧中のページを表示したままリンクを新しいタブで開くようにすることで、閲覧中のあなたのサイトを見失わないようにできます。

新しいブラウザーのタブでリンクを開くように設定するには、次の手順に従います。

  1. サイトのダッシュボードにアクセスします。
  2. サイドバーで次のいずれかを行います。
    • ページまたは投稿に移動し、ページまたは投稿をクリックして編集する。
    • 「外観」→「エディター」にあるサイトエディターにアクセスし、テンプレートを編集する。
  3. エディターに移動したら、編集するリンクテキストをクリックします。
  4. 表示される鉛筆アイコンを選択します。
  5. 「高度な設定」をクリックして、さらなるオプションを展開します。
  6. 「新しいタブで開く」の横のボックスにチェックを入れます。
  7. リンク設定の「保存」ボタンをクリックします。
  8. エディターの右上の「保存」ボタンをクリックして変更を保存します。
「高度な設定」オプションの下に「新しいタブで開く」オプションが表示されたリンク設定。

リンクを nofollow としてマークすると、そのリンクを無視するよう検索エンジンに指示できます。たとえば、広告やアフィリエイトリンクにリンクしている場合に、サイトの検索エンジンバリューを管理するのに nofollow が役立ちます。または、リンク先のサイトの検索エンジンの品質がわからない場合にも役立ちます。

リンクを nofollow としてマークするには、次の手順に従います。

  1. サイトのダッシュボードにアクセスします。
  2. サイドバーで次のいずれかを行います。
    • ページまたは投稿に移動し、ページまたは投稿をクリックして編集する。
    • 「外観」→「エディター」にあるサイトエディターにアクセスし、テンプレートを編集する。
  3. エディターに移動したら、編集するリンクテキストをクリックします。
  4. 表示される鉛筆アイコンを選択します。
  5. 「高度な設定」をクリックして、詳細なリンクオプションを表示します。
  6. 「nofollow をマーク」の横のボックスにチェックを入れます。
  7. リンク設定の「保存」ボタンをクリックします。
  8. エディターの右上の「保存」ボタンをクリックして変更を保存します。

このオプションはリンクに HTML 変数「rel="nofollow"」を追加します。

サイト上のリンクを削除するには、次の手順に従います。

  1. サイトのダッシュボードにアクセスします。
  2. サイドバーで次のいずれかを行います。
    • ページまたは投稿に移動し、ページまたは投稿をクリックして編集する。
    • 「外観」→「エディター」にあるサイトエディターにアクセスします。
  3. エディターに移動したら、編集するリンクテキストをクリックします。
  4. 表示されるリンクの削除 アイコンをクリックします。
リンクの削除アイコンの周りにボックスが表示されている。
  1. テキストのリンクが解除されます。
  2. エディターの右上の「保存」ボタンをクリックして変更を保存します。

テキストからリンクを削除する方法については、以下の動画をご覧ください。「再生」ボタンをクリックし、右下隅のコントロールを使用して、動画の再生速度を調整します。

Copied to clipboard!