フロントの『aioseo-admin-bar-css』を出力しないようにしたい→ログイン時のみ出るようになっているので大丈夫です

      1680文字

フロントの『aioseo-admin-bar-css』を出力しないようにしたい→ログイン時のみ出るようになっているので大丈夫です

今回はAll_in_One_SEO(WordPressプラグイン・ヴァージョン4以降)についてです。このプラグインでは、フロント部分に『aioseo-admin-bar-css』というCSSが出てきますが、『ヘッダーをごちゃごちゃさせたくない』『CSS読み込みを減らしたい』という場合でも、特に対応しなくて大丈夫ということがあきらかになりました。さっそく、状況を確認していきましょう。

All_in_One_SEOの、ヘッダー出力されるCSS(aioseo-admin-bar-css)とは?

All_in_One_SEOの、ヘッダー出力されるCSS
こんな感じで、ヘッダー内に出力されているCSSです。基本はadmin-barなんて、管理画面で使うものなんですが、なぜかフロントに出ているみたいです。ヘッダー内に余計なタグを出さないようにチューニングしている方は、気になるかもしれません。

aioseo-admin-bar-css
CSSのパスは『all-in-one-seo-pack/dist/Lite/assets/css/aioseo-admin-bar.css』でした。管理画面のメニューバーのロゴやユーザー情報部分のCSSだと思います。見た感じはサイズが大きそうに見えますが、デスクトップ上のサイズは8.00 KBなので、そんなに気にするほどではないかも。10000回で80MGの通信になります。

aioseo-admin-bar-cssは、特にカットの必要がない理由→ログイン時だけ出力されているから

で、『読み込みを減らしたいので、CSSをカットしたい』ということもあるかもしれませんが、現状でも特に対応しなくても大丈夫な理由がわかりましたのでお伝え。ポイントは『出力の分岐』。プログラムを確認してみましょう。パスは『all-in-one-seo-pack/app/Common/Main/Main.php 』。

aioseo-admin-bar-css出力
ここには『Main 』というクラスがあるんですけど、その中のenqueueFrontEndAssetsメソッドで、、CSSを出力しているようです。この部分は『if ( ! is_user_logged_in() || ! current_user_can( ‘aioseo_manage_seo’ ) )』という条件分岐になっていて、『ユーザーがログインしていない、またはaioseo_manage_seo権限がない』ときは、空で返すので出力されません

ログインしていないブラウザで見てみると、aioseo-admin-bar-cssは出ていません
試しにログインしていないブラウザで見てみると、aioseo-admin-bar-cssは出ていませんでした。通常のブログ・商品やサービス紹介系のサイトでは、特に調整しなくても大丈夫です。プラグインの特性上、正直な話『管理画面だけに出力する条件分岐』でも良いような気がします(笑)

あとがき・まとめ

  • All_in_One_SEOでは、aioseo-admin-bar-cssというCSSがフロントに出力されている
  • しかし、ログインしている、または操作権限がない場合は出ないので、一般ユーザーが見るときの速度などは特に気にする必要はない

まとめるとこんな感じでしょうか。All_in_One_SEOはバージョン4になって、構成ファイルなどが増え、負荷などが気になります。aioseo-admin-bar-cssについては8KBと少ないうえ、ログインしている、または操作権限がない場合は出ないので、特に気にしなくてもokでしょう。

WordPressサイト制作&リニューアル・機能開発サービス | アトリエSS


【カテゴリ】 - WordPressプラグイン情報
【タグ】 - ,

  関連記事

【WPプラグイン】WordPress5.0以降のブロックエディタ使いたくない場合→Classic Editorプラグインで旧エディタに戻して記事を書こう
WordPressのリビジョンを、プラグインで制御する方法(revision control)【データベースを軽く】
【WP/contact form 7】$_POST変数の中身で判定して、『メール送信ありがとうページ』に遷移させる方法
車・不動産・カタログなどに使えそう!WordPressコンタクトフォームにidやタイトルを渡して自動挿入させる方法
【WPプラグイン】PDFで、WordPressを電子書籍風にできる『PDF light viewer』
【WordPress】Table of Contents Plusの誤動作例~特殊文字『>』が見出しに入ると表示が崩れる
フロントの『aioseo-admin-bar-css』を出力しないようにしたい→ログイン時のみ出るようになっているので大丈夫です
WordPressで絵や動画・オーディオのダウンロード販売しよう~Easy Digital Downloads使い方
【WordPressショッピングサイト作成】Welcart概要・テーマ・プラグイン・設定例などを詳しく解説
WordPressにサウンドクラウド風の波形表示WaveSurfer-WP・エラー/速度/出力のカスタマイズなど
【WPプラグイン】Smart Custom FieldsとCustom Field Bulk Editorは相性悪い?(空リンク・真偽値フィールドに文字)
【WordPress】WP-Membersプラグインによる、会員向けコンテンツサイトの構築(カスタマイズ必須?)