为什么Elementor的小部件变灰？

为什么小部件元素在 Elementor 编辑器中变灰？

当在用Elementor编辑器编辑页面或内容的时候，看到小部件的元素“变灰”，有两个常见的原因。

该元素在某些设备上已被隐藏

如果元素的可见性已被隐藏（在桌面、平板电脑和/或移动设备上），会看到此元素已“限制（muted）”。说明这个元素在实时网站上已经隐藏了，但仍然可以根据需要对其进行编辑。

如何编辑隐藏/静音元素

可以在响应模式下编辑未隐藏的特定区域。例如，如果元素在移动设备上可见，但在桌面和平板电脑上隐藏，能够在移动视图中编辑该元素。

如何检查元素的可见性

1. 转至部分 > 高级 > 响应式
2. 设置可见性首选项，从“在桌面上隐藏”、“在平板电脑上隐藏”或“在移动设备上隐藏”中选择。

元素是动态的并且没有要显示的内容

如果动态提取内容（无论是从自定义字段还是 WooCommerce 产品），或者甚至在存档或单一模板中显示帖子或页面内容和元数据，有时可能会遇到灰色的小部件。发生这种情况是因为小部件中没有可显示的内容。要解决这个问题，需要将内容添加到产品、页面或帖子中。 

以下是一些示例：

1. 正在设置 WooCommerce 单一产品模板，其中一个产品元素（例如简短描述）显示为灰色。在此示例中，必须在 WooCommerce 产品编辑器中编辑产品，以便为每个产品添加简短描述。输入产品简短描述后，单一产品模板将显示简短描述，并且不再显示为灰色。如果只有部分产品包含此内容，可以通过在模板编辑器中预览其中一个产品来验证它是否正常工作。
2. 正在设置单个帖子模板，其中一个帖子元素（例如特色图片）显示为灰色。在这个示例中，必须在 WordPress 编辑器中编辑帖子，并为每个帖子添加特色图片。一旦帖子附加了特色图片，单个帖子模板将显示特色图片，并且不再显示为灰色。如果只有部分帖子有特色图片，可以通过在模板编辑器中预览其中一个帖子来验证此功能是否正常工作。
3. 正在动态添加自定义字段，但该字段已变灰。与其他示例一样，该字段没有任何内容，因此需要转到相关帖子或页面并向自定义字段添加内容。自定义字段一旦有内容，就会显示出来，不再变灰。

这些只是几个例子。可能会以其他方式遇到这种情况，但在所有情况下，应该假设，如果尝试动态显示内容，并且遇到编辑器中变灰的情况，则应该假设没有可显示的内容。在网站的相关区域添加内容，编辑器中变灰的情况将自行解决。

当然，网站访问者看不到任何“灰色”的内容。当然，在很多情况下，有些产品或帖子会有这种类型的内容，而有些则没有。这没问题。在实时网站上，如果产品或帖子缺少特定的内容元素，则不会显示。那些有内容的产品和帖子将按预期动态显示。

注意：如果看到灰色区域，且以上情况都不适用，则可能是遇到了与另一个插件的冲突，或者添加了导致此问题的自定义代码。在这种情况下，控制台中会出现错误。

还有其他问题吗？我们非常乐意提供帮助。