上毛印刷株式会社

【WordPress】ブロックエディタのCSSが効かない!?それもしかしてSEOプラグインが原因かも

【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にそんな変な仕様があったとは驚きました。
プラグインが原因で不具合が出るときって本当に面倒ですよね。
使い慣れてるプラグインならなおさらです。

WEB制作担当ソーヤ

ソーヤ

上毛印刷WEB制作担当
東証プライム企業の本社WEB受託チームにてフロントエンドエンジニアの経験あり。


この記事に対するご意見・ご感想・ご質問等ありましたら、
ぜひ下記フォームにてお送りください。

    お名前必須
    メールアドレス必須
    お問い合わせ内容必須
    PAGE TOP