crftロゴ

Elementorテキストウィジェットの不具合解決

これは分かりにくかった
elementor
Minoru Nitta
Minoru Nitta
グラフィックデザイナー・フォトグラファー
このエントリーをはてなブックマークに追加

Elementorテキストウィジェットの不具合解決

 Elementorのテキストウィジェットが正常に機能しなくて 困っていました。

 アップデートを繰り返せばそのうち直るだろうと思っていましたが、一向に解決しません。

テキストウィジェットの問題の内容

 テキストウィジェットはElementorの最も基本的なウィジェットのひとつで、配置したテキストウィジェットにテキストやコードを書き込むことができます。

 入力はウィジェット内で直接、もしくはプロパティパネルの中で行うことができます。

 今回の問題はウィジェットの中で直接入力できなくなるものでした。

原因はDOM

 Elementorがあまりに普通のアプリのように振る舞うので、編集画面ですらウェブページであることを忘れてしまいそうになります。でもやっぱりこの編集画面は普通にウェブページです。

 普通のウェブページでアプリのようにドラッグ&ドロップなどのUXを実現するためにElementorでは数多くの複雑なスクリプトが動作する必要があります。そういったダイナミックな制御を行う手法をDOMと呼びますが、このDOMが原因と疑いました。問題はその不具合がどのタイミングで起きているか?

 プラグインのコンフリクトなども考えられます。

 WordPressでのプラグインの問題は大体がこのコンフリクトで引き起こされます。

 でも、今回のElementorの問題はコンフリクトではありませんでした。

Elementorの設定画面

 Elementorは非常にパワフルなプラグインですが、サイト全体を制御するElementorには多くの設定項目が用意されています。

 その中に実験中という怪しげな項目があります。

 実験中のタブの一番上にある最適化済みDOM出力という項目があります。

 この項目はパフォーマンスを向上させるための実験的な機能 なようです。

 この最適化済みDOM出力が有効になっていました。

 新田(父)のケースでは、それをデフォルトにして設定を保存すると、またテキストウィジェットの中に文字を入力することができるようになりました。

 こんな少しの問題でも一挙に使い勝手が変わるものです。

 正常に動いているElementor 、本当に新時代のデザインツールを感じます。