ログインユーザーのみCSS縮小化を無効にする方法

はじめに

Cocoon設定→高速化→CSS縮小化「CSSを縮小化する」をオンにすると、親テーマCSS、子テーマCSS、スキンCSS がひとつにマージされます。

しかし、この状態ではChromeのデベロッパーツールから、例えば子テーマのCSS（https://example.com/wp-content/themes/cocoon-child-master/style.css）を直接修正して保存することができません。

そこで、ログインユーザーの場合は「CSSを縮小化する」を自動的にオフにするようにします。

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

実装手順

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

add_filter('theme_mod_css_minify_enable', function ($current_mod) {
  if (!is_admin() && is_user_logged_in()) {
    $current_mod = false;
  }

  return $current_mod;
});

さいごに

今回紹介した方法を使えば、ログインユーザーのみCSS 縮小化を自動的にオフにできるため、子テーマやスキンのCSSをChrome デベロッパーツールから直接編集して保存できるようになります。
開発・調整作業を効率化したい場合に便利な方法ですので、ぜひ活用してみてください。