【WordPress】ブロックエディタのCSSが効かない!?それもしかしてSEOプラグインが原因かも
2026年04月22日
WEBサイト制作
- #PHP
- #WordPress
- #tips
こんにちは!
上毛印刷WEB制作担当のソーヤです。
皆さん、WordPressのブロックエディタは使ってますか?
私は最近、ブロックエディタをよく使用するようになりました。
ブロックエディタのリリース直後は、ものすごい不評でしたよね 笑
正直私も、慣れるまでは苦戦しました。
あまりにもシンプルなUIデザインで何がどこにあって、
なんの機能があるのか全くわからなかったです 笑
ですが、
使い方に慣れてきて、オリジナルのカスタムブロックを作れるようになると、
マジで便利です。
カスタムフィールドはもう必要ないですね 笑
繰り返しフィールドも、ブロックエディタに同じ機能あるし
ブロックエディタで作ったページにCSSが効いてない!?
サイト公開直前、
リダイレクトのチェック表もつくった、タイトル・ディスクリプション・OGも設定した。
よし、準備完了だと思った矢先、
あれ・・・?
ブロックエディタで作ったページが崩れてる・・・
もしかしてCSSが効いてない・・・
なんで・・・
Yoast SEOが原因
調べてみたら、
Yoast SEOの「タイトルを強制的に書き換える」という設定が、
head内の記述を強制的に書き換える際、
ブロックエディタのCSSも消してしまうのが原因でした・・・
![]()
このチェックが入っているのがダメでした・・・
対策方法としては、
チェックを外して、
titleタグを削除して、
functions.phpに以下を記述してください。
add_theme_support('title-tag');まとめ
まさかYoast SEOにそんな変な仕様があったとは驚きました。
プラグインが原因で不具合が出るときって本当に面倒ですよね。
使い慣れてるプラグインならなおさらです。
この記事に対するご意見・ご感想・ご質問等ありましたら、
ぜひ下記フォームにてお送りください。