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

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

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

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

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

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

  推荐:Elementor教程:什么是Elementor

调整移动设备的Elementor设置

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

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

1、单击响应模式图标

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

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

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

2、控制背景图像

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

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

控制背景图像
如何调整移动设备的Elementor设置
  • 背景图像:可以为每个设备选择不同的背景图像,无论是相同图像还是完全不同的图像。
  • 背景图像显示选项:可以为每个设备选择不同的图像位置、附件、重复和大小。可以更好地控制图像在不同的设备尺寸上显示区域。
3、使用可见性显示或隐藏区块

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

使用可见性显示或隐藏区块
如何调整移动设备的Elementor设置
4、更改手机和平板电脑Breakpoints

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

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

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

5、Elementor元素排序

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

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

Elementor元素排序
如何调整移动设备的Elementor设置

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

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

总结

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

  推荐:Elementor教程

5/5 - (1 vote)

ThemeForest 模板套件
可视化创建WordPress网站
siteground主机
namesilo最便宜的域名购买

发表评论

您的电子邮箱地址不会被公开。

Scroll to Top