Elementorエディタでウィジェット要素がグレーアウトしているのはなぜですか？

Elementorエディタでページやコンテンツを編集していて、ウィジェットの要素"灰色"、一般的な理由は2つある。

この要素はデバイスによっては非表示になります。

要素の可視性が（デスクトップ、タブレット、モバイルデバイスで）非表示になっている場合、この要素には"制限付き（ミュート）".この要素は本番サイトでは非表示になっていますが、必要に応じて編集できることを示します。

非表示／ミュートされた要素の編集方法

レスポンシブモードでは非表示にならない特定の領域を編集する機能。例えば、ある要素がモバイルデバイスでは表示されているが、デスクトップやタブレットでは非表示になっている場合、モバイルビューでその要素を編集する機能。

要素の可視性をチェックする方法

1. 行くセクション > 詳細 > レスポンシブ
2. 可視性の設定は "デスクトップに隠す ","タブレットに隠れる "または"モバイルデバイスで隠す"から選ぶ。

要素は動的で、表示するコンテンツはない。

カスタムフィールドまたはWooCommerce商品から）コンテンツを動的に抽出する場合、またはアーカイブまたは単一のテンプレートで投稿またはページのコンテンツとメタデータを表示する場合、灰色のウィジェットに遭遇することがあります。これは、ウィジェットに表示可能なコンテンツがないために発生します。この問題を解決するには、商品、ページ、または投稿にコンテンツを追加する必要があります。 

いくつか例を挙げよう：

1. WooCommerceの単一商品テンプレートが設定されており、短い説明文などの商品要素の1つが灰色で表示されています。この例では、各商品に短い説明を追加するためにWooCommerce商品エディタで商品を編集する必要があります。商品に短い説明を入力すると、単一商品テンプレートに短い説明が表示され、グレーで表示されなくなります。一部の商品のみにこのコンテンツが含まれている場合は、テンプレートエディタで商品の1つをプレビューすることで、機能していることを確認できます。
2. 個々の投稿テンプレートが設定されており、投稿要素の1つ（例：フィーチャー画像）が灰色で表示されています。この例では、WordPressエディタで投稿を編集し、各投稿にフィーチャー画像を追加する必要があります。いったんフィーチャー画像が投稿に添付されると、個々の投稿テンプレートにはフィーチャー画像が表示され、グレーで表示されることはなくなります。一部の投稿にのみフィーチャー画像がある場合は、テンプレートエディターで投稿の1つをプレビューすることで、この機能が正しく動作していることを確認できます。
3. カスタムフィールドが動的に追加されていますが、フィールドがグレーアウトしています。他の例と同様に、フィールドにコンテンツがないので、関連する投稿またはページに移動して、カスタムフィールドにコンテンツを追加する必要があります。カスタムフィールドにコンテンツが追加されると、表示され、グレーアウトしなくなります。

これらはほんの一例に過ぎない。他の方法でもこのような状況に遭遇する可能性はありますが、どのような場合でも、コンテンツを動的に表示しようとしてエディタがグレーアウトした場合は、表示可能なコンテンツがないと考えるべきです。サイトの該当エリアにコンテンツを追加すれば、エディタが灰色になることは解決します。

もちろん、サイト訪問者には"悲観的コンテンツ」。もちろん、多くの場合、この種のコンテンツがある商品や記事もあれば、そうでないものもある。それは問題ありません。本番サイトでは、商品や投稿に特定のコンテンツ要素がない場合、表示されません。コンテンツがある商品や投稿は、期待通りに動的に表示されます。

注目してほしい：上記のいずれにも当てはまらず、グレーゾーンが見られる場合は、別の問題が発生している可能性があります。プラグインの競合を追加する。カスタムコード.この場合、コンソールにエラーが表示される。

他に質問は？喜んでお手伝いします。.