如何调整移动设备的Elementor设置

如何调整移动设备的Elementor设置

　　在大多数情况下，Elementor页面构建器对于桌面和移动端是完全响应的。但是，许多可编辑功能具有移动、平板电脑和桌面设置。这些设置最常见的用途包括文本大小、边距和元素的填充等。

　　如果想要在某些情况下为移动设备调整某些 Elementor 设置，则查看和访问这些设置的过程很简单。本文晓得博客为你介绍如何调整移动设备的Elementor设置。

　　推荐：Elementor教程：什么是Elementor

调整移动设备的Elementor设置

　　注意：本文使用的是Elementor Pro操作完成的。

　　Elementor 允许您在页面构建器中调整移动设备和平板电脑设置。您还可以实时查看这些设置更新。使用以下步骤进行各种移动调整设置。

1、单击响应模式图标

　　要调整这些设置，请查找要控制的单个元素旁边的视图图标，将在编辑器的右下方看到此图标。无论当前正在编辑什么元素，都能找到。单击它，然后选择要调整设置的设备图标。

　　选择要编辑的设备设置后，您可以随意对当前设置进行任何调整，您会看到它们随时更改。

2、控制背景图像

　　甚至可以在每个设备设置的选项上独立控制背景图像。

　　Elementor 中的背景图像会自动响应设备，但您还可以控制每个设备的更多选项。请记住，如果您使用Elementor 中的重复页面选项，您还可以为所有页​​面保留这些设置。

• 背景图像：可以为每个设备选择不同的背景图像，无论是相同图像还是完全不同的图像。
• 背景图像显示选项：可以为每个设备选择不同的图像位置、附件、重复和大小。可以更好地控制图像在不同的设备尺寸上显示区域。

3、使用可见性显示或隐藏区块

　　可以根据设备选择显示或隐藏区块，以访问设置部分区域中的“ 高级 ”选项卡。在“ 响应 ”部分中，设置您喜欢的可见性首选项。

4、更改手机和平板电脑Breakpoints

　　还需要仔细检查移动设备和平板电脑的断点，可以使用样式选项卡准确控制站点何时进入，

　　转到“ Elementor ”-> “ 设置 ”-> “ 实验 ”–>” Additional Custom Breakpoints “，然后为认为合适的移动设备和平板电脑设置断点值。

　　现在保存您的更改并转到” Elementor “-> “工具” -> “常规选项卡” -> “Regenerate CSS & Data”，然后单击“ 重新生成文件 ”。

5、Elementor元素排序

　　列排序功能反转列的排序。此功能可调整区块中元素的显示顺序（可与电脑端相同，也可以不同）

　　要使用列排序，请转到“ Section块设置 ”->“ 高级 ”->“ 响应式 ”->“ 反向列 ”并将其设置为“ 是 ”。

　　Elementor 有一些响应迅速且直观的设置，可以轻松调整以确保您的网站在移动设备上准确显示想要的样子。完成上述步骤后，网站将准确显示您在手机和平​​板电脑上的设置方式。

　　注意：以上建议的编辑和设置选项都不会干扰可能已经放置的Elementor 粘性标题。

总结

　　以上是晓得博客为你介绍的怎么调整移动设备的Elementor设置的全部内容，页面构建器使建站变得有趣，可实时查看正在构建的页面，能够构建动态的完全响应的 WordPress 网站，而无需编写任何代码。

　　推荐：Elementor教程