お得な入会キャンペーンいろいろ
PR

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

WordPress 常に新しいタブでリンクを開く方法 ブロックエディタ
この記事は約4分で読めます。

WordPress ブロックエディタ(Gutenberg)でリンクを操作する方法です。

外部リンクを常に新しいタブで開く方法はこのページにあります。

リンクとは

リンクをクリックすると新しいページに移動できます。

表示形式は、文字列やアドレス、画像など多岐にわたります。

リンクアドレスの入手方法

WordPress でリンクを作成する方法は、リンクを作りたいアドレスをクリップボードにコピーします。

Chrome などブラウザアドレスバーのアドレスをクリックして選択後、右クリックしてメニューをだして[コピー]を押します。

リンクアドレスは直接入力しても良いですが、間違うと面倒なのでコピーするのが確実です。

URL の入手方法

文字列にリンク設定

例として「とはへのリンクはこちら」の「こちら」をリンクにします。

段落ブロックに「とはへのリンクはこちら」と記入して[こちら]を選択します。

ブロックツールバーの[リンクアイコン]を押します。

リンクアイコンのショートカットキー CtrlK

WordPress 段落ブロックのリンクアイコン

リンクウインドウが表示されます。

WordPress 文字列にリンクを設定する方法

「検索または URL を入力」欄にリンクを作りたいアドレスを入力(ペースト)して Enter を押します。

WordPress テキストにリンクURL を設定する方法

リンクが完成しました。

WordPress テキストリンクの作り方

新しいタブで開くの設定

「検索または URL を入力」欄にアドレスを入力後「新しいタブで開く」を[オン]にして Enter を押します。

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

テキストにペーストしてリンクを作る方法

[こちら]を選択後、右クリックしてメニューを出してコピーしたリンクアドレスを[貼り付け]を押します。

WordPress テキストにURL を直接貼り付けてリンク作成

リンクが完成しました。

WordPress テキストリンクの簡単作成

リンク先の検索方法

「検索または URL を入力」欄にリンクを作りたいページのヒントを入力すると検索することができます。

例として「privacy」と入力して関連するページを検索しました。

WordPress リンク先を検索する方法

検索窓の下に関連するページが表示されるので選択するとリンクが完成します。

リンクアドレスでリンクを作る方法

ブロック選択前の状態に、アドレスを直接入力(ペースト)します。

WordPress ブロックを選択するには「/」を入力

URL が記入された状態で埋め込みブロックが追加されるので[リンクへ変換]を押すとアドレスのリンクが完成します。

WordPress 埋め込み URL をリンクへ変換する方法

画像リンクの作り方

画像ブロックの画像を選択して、ブロックツールバーの[リンクアイコン]を押します。

WordPress 画像ブロックのリンクアイコン

リンクウインドウが表示されます。

WordPress 画像にリンクを付ける方法

「URL をペーストまたは入力して検索」欄にリンクを作りたいアドレスをペーストして Enter を押します。

WordPress 画像リンクの設定方法

「URL をペーストまたは入力して検索」欄右にある[矢印]を押すとメニューが開きます。

新しいタブを開くなど必要事項があれば設定してください。

  • 新しいタブで開く
  • リンク REL 属性
  • リンク CSS クラス
WordPress 画像リンクの編集方法

常に新しいタブでリンクを開く方法

テーマの設定

便利機能が設定されているテーマも多いです。

例として Cocoon テーマで常に新しいタブでリンクを開く方法です。

ダッシュボード左メニューの[Cocoon 設定]を押します。

Cocoon設定が開くので上タブ[本文]を選択します。

「外部リンク設定」の「外部リンクの開き方」から[新しいタブで開く(_blank)]を選択して[変更をまとめて保存]を押して確定します。

Cocoon リンクを常に新しいタブで開く設定

Cocoon設定の本文で設定できる機能

  • 本文行間設定
  • 外部リンク設定
  • 内部リンク設定
  • テーブル設定
  • 投稿情報表示設定

プラグインの設定

テーマに機能がない場合もプラグインを利用すれば、常に外部リンクを開く設定が可能です。

External Links – nofollow, noopener & new window
Internal links & external links manager: open in new window or tab, control nofollow, ugc, sponsored & noopener. SEO fri...

プラグインのインストール方法は下記を参考にしてください。

リンクの編集方法

リンクをクリックして、リンクメニューの[編集]を押します。

WordPress リンクの編集方法

編集メニューが開くので、新しいタブを開くなど必要事項があれば設定してください。

  • TEXT
  • URL
  • 新しいタブで開く
WordPress リンクの編集メニュー

リンクの解除方法

リンクをクリックして、ブロックツールバーの[リンク解除アイコン]を押すか、リンクメニューの[リンク解除]を押すとリンクが解除できます。

WordPress リンクの解除方法

まとめ

WordPress ブロックエディタのリンク操作方法でした。

テーマによっては、アドレスを記入するとブログカードを作成したり、外部リンクは常に新しいタブで開くように設定できる便利な機能があります。

外部リンクを常に新しいタブで開くは、毎回オンにするのは面倒なんでプラグインにまかせるのも良い方法です。

ブロックエディタ
りゅうをフォローする
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
りゅう

普段の疑問を解決した方法が中心で書きたいことをどんどん書いてます。

りゅうをフォローする
とは

コメント

タイトルとURLをコピーしました