ツールバーの「サイト名」や「サイトを表示」を新しいタブで開く方法

はじめに
実装手順
- 補足
さいごに

はじめに

WordPressの管理画面では、画面上部に表示されるツールバーから「サイト名」や「サイトを表示」をクリックすると、通常は同じウィンドウでサイトが開きます（図1参照）。

しかし、作業中に管理画面を残したままサイトを確認したい場合、同じウィンドウで開くと毎回戻る手間が発生します。

そこで、別タブで開くように変更します。

この記事では、この方法について説明します。

実装手順

以下のコードをfunctions.phpに追加します。

add_action('admin_bar_menu', function ($wp_admin_bar) {
  foreach (['site-name', 'view-site'] as $id) {
    $node = $wp_admin_bar->get_node($id);

    if ($node) {
      $node->meta['target'] = '_blank';
      $node->meta['rel']    = 'noopener noreferrer';
      $wp_admin_bar->add_node($node);
    }
  }
}, 999);

補足

前述のコードでは、リンクのtarget属性を_blankに設定しているため、クリックするたびに新しいタブが次々と開きます。
もし同じタブで再利用したい場合は、_blankの代わりに任意のウィンドウ名を設定することで、同じウィンドウで表示されるようにできます。

$node->meta['target'] = 'site-preview';

このようにすれば、クリックしても同じmy_site_previewウィンドウが再利用されるため、タブが増え続けることを防げます。

さいごに

今回紹介した方法を使えば、WordPressツールバーの「サイト名」や「サイトを表示」をクリックした際に、新しいタブでサイトを開けるようになります。
これにより、管理画面を維持しながら効率的にサイトを確認でき、作業の中断や画面の切り替えの手間を減らすことができます。