WordPressで新しいウィンドウまたはタブで外部リンクを開く方法

ブログ投稿の外部リンクを新しいウィンドウで開きますか?


新しいウィンドウで外部リンクを開くと、ユーザーはWebサイトを離れずにリンクにアクセスできます.

多くの初心者は、WordPressでリンクを追加するときにリンクがすぐに表示されないため、ウィンドウでリンクを開くオプションを見つけるのに苦労しています.

この初心者向けガイドでは、WordPressサイトの新しいウィンドウで外部リンクを簡単に開く方法を示します。また、さまざまな方法を紹介するので、自分に最適な方法を選択できます.

外部リンクを新しいウィンドウで開く方法

外部リンクを新しいウィンドウで開く必要がある理由とタイミング?

外部リンクは、あなたが所有または管理していないWebサイトへのリンクです。通常、外部Webサイトへのリンクを追加すると、訪問者はリンクをクリックするだけでサイトを離れます。.

一部のユーザーエクスペリエンスの専門家は、外部リンクを新しいウィンドウで開かないでくださいと言っていますが、これには同意しません。.

ほら、ほとんどのユーザーは最後にアクセスしたWebサイトを忘れがちです。複数のタブが開いていると、Webサイトを二度と見つけることができなくなる可能性があります。.

ユーザーエクスペリエンスを向上させるために、新しいウィンドウまたはタブで外部リンクを開くことをお勧めします。このようにして、元のWebページは失われず、ユーザーは元に戻ってWebサイトの閲覧を再開できます.

新しいウィンドウで外部リンクを開くことのもう1つの利点は、サイトのページビューとユーザーエンゲージメントが向上することです。ユーザーは前のタブに戻って記事を読み終える可能性が高くなります.

サイトにより多くの時間を費やすユーザーは、メールニュースレターに参加し、ソーシャルメディアであなたをフォローし、コメントを残し、製品を購入する可能性が高くなります。.

そうは言っても、WordPressの新しいウィンドウで外部リンクを簡単に開く方法を見てみましょう.

Gutenbergエディターの新しいウィンドウで外部リンクを開く

新しいWordPressブロックエディタには、外部リンクを新しいウィンドウで開くことができる組み込み機能があります。ただし、オプションはボタンの後ろに隠されているため、初心者はボタンに気付かないことがよくあります.

外部リンクを追加するブログの投稿またはページを編集するだけです。次に、リンクするテキストを選択し、リンクの挿入ボタンをクリックします(または、Windowsの場合はCTRL + K / Macの場合はCommand + Kを押します)。.

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

これにより、リンクの挿入ポップアップが表示されます。リンクを入力して、横にある下矢印をクリックするだけです。これにより、リンクの新しいタブを開くオプションが表示されます.

クリックしてオプションを切り替え、Enterキーを押します。選択したテキストがリンクされ、ウェブサイトにアクセスしてプレビューできます.

クラシックエディターを使用して新しいウィンドウで外部リンクを開く

WordPressは、WordPress 5.0で新しいブロックエディターを導入しました。多くのユーザーは、クラシックエディタープラグインをインストールして古いエディターを使用することを好みます.

引き続き従来のエディターを使用している場合は、新しいエディターの使用を開始することをお勧めします。それは現代的で高速であり、あなたが見逃している多くの新機能が含まれています.

ただし、クラシックエディターを引き続き使用する場合は、これがクラシックエディターを使用して新しいウィンドウでリンクを開く方法です。.

まず、リンクを追加する投稿またはページを編集する必要があります。次に、リンクするテキストを選択し、リンク追加ボタンをクリックします.

クラシックエディターに新しいリンクを追加

外部リンクを追加できる場所にポップアップが表示されます。その後、横にある歯車のアイコンをクリックします。これにより、高度な挿入リンクポップアップが表示されます.

クラシックエディターを使用して新しいタブでリンクを開く

ここから、[新しいタブでリンクを開く]チェックボックスの横にあるチェックボックスをオンにし、[更新]ボタンをクリックしてリンクを追加する必要があります.

投稿を保存してプレビューし、リンクの動作を確認できます.

クラシックエディターのテキストタブを使用して新しいタブでリンクを開く

古いクラシックエディターで「テキスト」というラベルの付いたHTMLエディターを使用している場合、外部リンクを新しいウィンドウで開く方法は次のとおりです.

テキストエディターにリンクボタンを追加する

リンクするテキストを選択して、[リンクの追加]ボタンをクリックするだけです。これにより、高度な挿入リンクポップアップが表示されます.

クラシックエディターを使用してプレーンテキストエディターでリンクを追加する

ここから、リンクを追加し、[リンクを新しいタブで開く]オプションの横にあるチェックボックスをオンにします。その後、「リンクを追加」ボタンをクリックすると、ポップアップが消えます。テキストエディタにリンクのHTMLコードが表示されます.

外部リンクのHTMLコード

変更を保存し、投稿を表示して、外部リンクの動作を確認できます.

HTMLを使用して新しいウィンドウで外部リンクを開く方法

WordPressにリンクを追加するために、HTMLを記述する必要がある場合があります。たとえば、新しいブロックエディターでHTMLモードを使用している場合、またはWordPressテーマテンプレートファイルにリンクを追加している場合.

次のHTMLコードを使用してリンクを追加する必要があります.

リンクテキスト

example.comを外部リンクURLに置き換え、リンクテキストをリンクするテキストに置き換えるだけです。.

このコードのtargetパラメータは、ブラウザにリンクを新しいウィンドウまたはタブで開くように指示します.

WordPressプラグインを使用して、新しいウィンドウですべての外部リンクを自動的に開く

追加するすべての外部リンクのオプションを手動で確認するのは、余分な作業のように思えるかもしれません。しかし、時間が経つにつれて慣れてきます.

複数作成者のブログを実行している場合、または外部リンクを新しいタブで開くことを忘れている場合は、そのためのプラグインを使用できます.

まず、新しいウィンドウプラグインでOpen External Linksをインストールしてアクティブにする必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。.

プラグインはそのまま使用でき、外部リンクを新しいウィンドウで自動的に開きます.

ブログ投稿の外部リンクは実際には変更されません。代わりに、JavaScriptを使用して外部リンクを新しいウィンドウで開きます.

注意: プラグインを無効にすると、新しいウィンドウで外部リンクを開くことができなくなることに注意してください.

この記事が、WordPressの新しいウィンドウで外部リンクを簡単に開く方法の学習に役立つことを願っています。また、Webサイトで使用できる最も役立つWordPressのヒント、トリック、およびハックの最終的なリストを確認することもできます。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me