プレビュー時にツールバーを非表示にする方法

はじめに

ユーザー→プロフィール→ツールバー「サイトを見るときにツールバーを表示する」をオンにすると、常にツールバーが表示されます。
サイト編集の際には便利ですが、投稿をプレビューで確認するときにはデザインの邪魔になることがあります。

そこで、投稿編集の際、プレビュー時だけツールバーを非表示にします（図1、図2参照）。

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

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

add_filter('show_admin_bar', function ($show) {
  if (is_preview()) {
    return false;
  }

  return $show;
});

今回紹介した方法を使えば、Gutenbergエディターやクラシックエディターで記事をプレビューするときに、ユーザーのプロフィール設定に関わらずツールバーを非表示にできます。
これにより、デザインを邪魔されずに投稿内容を確認でき、プレビューの見た目を本番に近い状態でチェックすることが可能になります。