WordPressコンテンツエディターでリンクを挿入・編集する方法

リンクとは、クリックして新しいページに移動できる単語、単語のグループ、画像のことです。WordPressでは、リンクの挿入と編集は、ユーザーエクスペリエンスとサイトナビゲーションを向上させるための重要な部分です。以下は、投稿、ページ、ウィジェットにリンクを追加する方法についての詳細な手順と説明です。

記事、ページ、ウィジェットへのリンクの追加

投稿、ページ、ウィジェットなど、通常テキストが編集される場所にリンクを追加する方法はいくつかあります。

方法1:リンクボタン
リンクボタンを示すGIF
  1. 使用したいURLをコンピュータのクリップボードにコピーします。
    • これを行うには、URLをハイライトし、右クリックしてのコピーを取ります。または、次のようなキーボードショートカットを使用する。 CTRL + C (PC) もしかしたら CMD + C (マック).
  2. ページや投稿で、リンクしたいテキストをハイライトする。
  3. ブロックツールバーに表示されているリンクアイコンをクリックする。
  4. 表示されたウィンドウにURLを貼り付け、Enterキーを押してリンクを保存します。

また、最初にページや記事のタイトルを入力し、リンクを挿入するページや記事をクリックすることで、リンク検索フィールドでサイト内の記事やページを検索することも可能です:

リンクする既存のページを検索するプロセスを示すGIF
リンクする既存のページを検索する
方法2:コピー&ペースト
  1. リンク先のURLをパソコンのクリップボードにコピーする。
    • これを行うには、URLをハイライトし、右クリックしてのコピーを取ります。または、次のようなキーボードショートカットを使用する。 CTRL + C (PC)または CMD + C (マック)。
  2. ページや投稿で、リンクしたいテキストをハイライトする。
  3. コピーしたURLをハイライトしたテキストに直接貼り付けます。これを行うには、テキストをハイライトし、右クリックしてペーストまたは、次のようなキーボードショートカットを使用する。 CTRL + V (PC)または CMD + V (マック)。
エディタでテキストにリンクを貼り付ける方法を示すGIF
エディタでテキストにリンクを貼り付ける方法

WordPress.comが自動的にリンクを作成します。ハイライトされたテキストには下線が引かれ、青色で表示されます。


既存のリンクを編集する

  1. エディターのリンクをクリックしてください。
  2. ポップアップ表示される "Edit "ボタンを選択する。
  3. URLを編集し、Enterキーを押して変更を保存します。
既存のリンクの編集方法を示すGIF
編集リンク

既存のリンクを削除する

  1. 削除するリンクをクリックしてください。
  2. ツールバーのリンクアイコン(鎖のリンクのように見える)をクリックすると、リンクはすぐに削除されます。
リンクを削除する方法を示すGIF
リンク削除

リンクを新しいタブで開く

リンクを新しいブラウザ・タブで開くように設定するには、以下のようにする:

  1. 上記のようにテキストにリンクを追加します。
  2. 追加したリンクをクリックし、"新しいタブで開く「ボタン
リンクを新しいタブで開く
リンクを新しいタブで開く

画像へのリンクの追加

画像をクリックして別のページに移動させたい場合は、以下の手順を実行します:

  1. 利用するイメージブロック投稿やページに画像を追加する。
  2. 画像をクリックし、リンクアイコン(鎖のリンクのように見える)を選択します。
  3. リンクを貼り付けたり、既存のサイトコンテンツを検索したりできるボックスがポップアップ表示されます。
画像のリンク
画像のリンク
  1. URLを追加したら、リンク設定の矢印をクリックし、「新しいタブで開く」を有効にすることで、リンクを新しいタブで開くように設定できます。
画像リンクを新しいタブで開くように設定する
画像リンクを新しいタブで開くように設定する
  1. リンクを追加したら、キーボードの 復帰/編集 ボタンが適用される。

リンクは個々の画像にのみ追加できます。ギャラリーブロック内の画像をリンクすることはできません。しかし、メーソンリー、スタック、オフセット、コラージュギャラリーブロックに追加することは可能です( コ・ブロック(これらのブロックはあなたのサイトで使用できます)。

クラシックエディターで画像をリンクする

コンピュータの画像を使用してリンクを挿入するには、次の手順を実行します:

  1. ページまたは投稿の編集画面でメディアを追加するボタン。
  2. 新しい画像をアップロードするをクリックするかメディアライブラリータブをクリックし、使用したい画像をクリックします。
  3. ページや投稿に画像を挿入する。
  4. 画像をクリックし、ツールバーのリンクアイコン(鎖のリンクのように見えます)をクリックします。
クラシックエディターで画像をリンクする
クラシックエディターで画像をリンクする

表示されるポップアップボックスに、リンク先のURLを入力します:

画像[10] - WordPressコンテンツエディターでリンクを挿入・編集する方法 - Photonflux.com(フォトンフラックス・ドットコム)|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

歯車の設定アイコンをクリックすると、リンクをクリックしたときに新しいタブで開くチェックボックスにチェックを入れることができます。

カスタム・リンク・スタイル

  1. CSSスタイルリンクの使用カスタムCSSでリンクにユニークなスタイルを追加できます。例えば、テーマのスタイルシートに追加することができます:
a.custom-link { color: #ff0000; text-decoration: underline; }.
  1. アプリケーション・カスタムクラスリンクを追加するとき、アプリケーションは カスタムリンク クラスを使用してスタイルをカスタマイズできます。
画像[11] - WordPressコンテンツエディターでリンクを挿入・編集する方法 - Photonflux.com|専門家のWordPress修理サービス、ワールドワイド、速いレスポンス

概要

投稿、ページ、ウィジェットのいずれに追加する場合でも、WordPressでリンクを挿入したり編集したりするのは簡単です。この記事では、リンクボタンの使用、URLのコピー&ペースト、既存のリンクの編集と削除、画像へのリンクの追加、新しいタブでリンクを開くなど、WordPressでリンクを追加および編集するさまざまな方法について詳しく説明します。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人: Xiesong
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし