Elementor 3.24.1でSingle Postが壊れた
Elementor 3.24.1
WordPressとElementorの組み合わせでウェブサイトを構築することが多くなりました。
気づいてみればその数は50を超え、アップデートが来るたびにヒヤヒヤします。
先日大型のアップデートElementor 3.24.0がロールアウトされましたが、いままでの流れをみていると大型アップデートのあとすぐにバグフィクス版がリリースされます。
と、いうことは大型アップデートを無事に乗り越えたとしても油断できないということです。
今回もすぐに3.24.1がリリースされ、運営しているサイトのいくつかが影響をうけました。
不具合の症状
Elementorでは投稿のデザインをテンプレート化して投稿の内容をそのテンプレートに流しこむサイト運営の効率アップ機能が搭載されています。
今回のアップデートでそのテンプレートのCSSが正しく読み込まれずにデザインが崩れる症状に見舞われました。
不具合の解消方法
Elementorにはページの読み込み速度を向上するためにページのCSSを外部ファイルにする機能が搭載されていますが、今回の不具合はこの外部CSSをうまくポインティングできないことが原因のようです。
明らかにバグだと思うので、そのうち改善されるとは思いますがとりあえず以下の方法で3.24.1の不具合を回避することが可能です。
- WordPress管理画面にアクセス
- Elementorメニューから設定画面へ進む
- パフォーマンスタブを選択
- CSS印刷設定の外部ファイルCSSを内部埋め込みCSSに変更
パフォーマンスのCSS印刷設定とは
これ翻訳が間違っています。
本来であればCSS実装方法とでも訳したほうがよくて、ページビルダーで設定したあれやこれやは結局CSSとして利用されるわけですが、そのCSSをページ内ソースに組み込むか外部ファイルとして利用するかを設定する機能になります。
外部ファイルにしたほうが同じファイルを参照していくことになるので、効率よくさらにページ表示の高速化が望めるということですが、今回はその生成された外部CSSファイルをうまく利用できない不具合なので、この設定をページ内に埋め込む方法にすることによって解消されたということのようです。
この記事を投稿した翌日にElementor 3.24.2がリリースされ、このCSS問題は解決されました。
-
Elementor 3.24.1でSingle Postが壊れたの関連リンク