httpsにようやく対応したんだよ。GutenbergのブロックエディターにフロントエンドのCSSを反映させる2020/01/21Gutenbergのブロックエディター、せっかく導入しても編集画面のフォントや色味がフロントと全然違って意味ないよ!と思ったのでなおしたという話。以下のコードを記述する。ブロックエディタにエディタ用のスタイルを反映するよう指示する。実際に反映させるCSSを指定する。<style>要素に変換されてインラインで挿入されるようになる。Resources表示崩れが発生したらまあ、基本的にはこれでいいんだけど、反映したいCSSのセレクタの範囲が大きすぎてエディタのツールバーとか他の部分にも影響しちゃうとか、remじゃなくてemでフォント指定しているのでフロントと文字の大きさが変わってしまうとか、実際には一筋縄でいかない場合が多い。いう場合は以下のような対処が考えられる。元のCSSを、ブロックエディターでもフロントでもどちらでも正しく動くように修正する。元のCSSを別名で保存し、中身をブロックエディター用に書き換え、そちらを読み込むようにする。元のCSSはそのまま読み込み、問題がある部分の対応を施したブロックエディター用CSSを追加で作成してそれも読み込む。あとは荒業として、「管理画面用のCSSを読み込ませてそっちでなんとかする」というのもある。);まあどっちでもCSSの調整はできるので好きにすればいいと思うね。このサイトの使用を継続することで、その使用に同意したとみなされます。コントロール方法を含む詳細についてはこちらをご覧ください。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。