文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章标签

Elementor导航器(Navigator)详解(附视频)

文章导航

什么是Elementor导航器(Navigator)?

Elementor导航器(Navigator)是在Elementor编辑视图下悬浮在编辑窗口的一个导航面板,通过点击这个面板里面的元素你可以轻松定位和找到需要编辑的内容。Elementor导航器对于长页面的编辑非常有帮助。

什么是Elementor导航器(Navigator)?

如何访问Elementor导航器?

你可以通过三个方式访问到Elementor导航器:

1 右键单击任何元素,然后单击 “导航器”。这将自动重新定向到导航树中的特定元素。

image 88 - Elementor导航器(Navigator)详解(附视频) - NUTSWP

2 单击file - Elementor导航器(Navigator)详解(附视频) - NUTSWP 面板页脚中的元素按钮

image 89 - Elementor导航器(Navigator)详解(附视频) - NUTSWP

3 使用 Cmd/Ctrl + I 键盘快捷键

苹果电脑使用Cmd+I,会直接有弹出导航器。

Windows电脑Ctrl+I,直接淡出导航器。

如何是用Elementor导航器快速定位?

在导航器中鼠标选中任何你想要编辑和定位的元素,编辑器页面会自动滚到对应元素的位置,并同时选中该元素。

image 90 - Elementor导航器(Navigator)详解(附视频) - NUTSWP

使用导航器重新排列元素

在导航器中你可以通过鼠标拖拽的方式重新排列元素的位置,比在页面中直接拖拽元素会更方便。

image 91 - Elementor导航器(Navigator)详解(附视频) - NUTSWP

在导航器中的元素右击操作有哪些?

和在编辑窗口中选中元素的右击操作一样,导航器中选中元素右击可以实现对元素的编辑、复制、粘贴、复制和粘贴样式、另存模版、删除等功能。

image 92 - Elementor导航器(Navigator)详解(附视频) - NUTSWP

设置隐藏/显示元素

单击元素的“查看”按钮 file 5q2S5jgvjd - Elementor导航器(Navigator)详解(附视频) - NUTSWP可实现在编辑窗口中显示或隐藏元素,这样你可以不受干扰的设计页面。这也是我常用功能之一。

image 94 - Elementor导航器(Navigator)详解(附视频) - NUTSWP

重命名元素

  1. 双击元素名称。该区域将变为蓝色突出显示,表示您处于插入/编辑模式。
  2. 键入自定义名称以帮助您稍后轻松识别该元素。

重命名元素在导航器中的名称可以帮助你快速定位到对应元素和内容,尤其在页面内容较长的情况下,非常实用。

file iVIOXVjAAc - Elementor导航器(Navigator)详解(附视频) - NUTSWP

折叠/展开

你可以通过元素的左边的三角形折叠和展开某一个元素,所有带三角箭头的元素都是可以展开折叠的,代表元素中还嵌套了其他元素。

比如Containner中嵌套Containner或者其他元素。

image 96 - Elementor导航器(Navigator)详解(附视频) - NUTSWP

你还可以单击 导航器面板左上角的向上file dengYVTENr - Elementor导航器(Navigator)详解(附视频) - NUTSWP 或向下 file - Elementor导航器(Navigator)详解(附视频) - NUTSWP箭头按钮可一次性展开或折叠所有元素。

expand collapse layers - Elementor导航器(Navigator)详解(附视频) - NUTSWP

导航器的位置

导航器的位置有两种模式,一种是浮动,另外一种停靠。

默认打开导航器是浮动模式,你可以鼠标点击拖动导航器到也编辑窗口的任何位置。

当你将导航器拖动到编辑器窗口最右侧,它会自动吸附的窗口右侧变成停靠模式。

导航器的位置

视频教程

相关内容
2种方法Elementor表单实现电话字段国家代码教程

本教程介绍2种Elementor表单实现电话字段国家代码,默认的Elementor表单电话字段没有国家区号,本教程提供了2个有效的方案,实现根据用户位置自动显示电话号码的国家区号效果。 方案一:Ali Addons For Elementor插件实现表单手机号码国家代码 方案一实现效果如下图,可以根

阅读全文 »
Elementor Popup设置点击连接弹出的2种方法

本文介绍Elementor Popup设置点击连接弹出的2种方法法,在Elementor中创建一个Popup弹出框,我们可以通过多种方式进行点击有弹出设置。 方法一:通过Elementor元素Link的动态标签设置弹出 这种方法仅限于在Elementor编辑中使用,任何带有Link选项的链接都可以进

阅读全文 »
Zapier Webhook 实现询盘提交关键词过滤和邮件转发教程

本文介绍如何使用Zapier Webhook 实现询盘提交关键词过滤和邮件转发教程,将Zapier流程集成到Elementor Form中可以实现表单消息关键词过滤和转发。 此方法适合需要过滤垃圾关键词询盘邮件消息的用户,一般表单安全验证主要是防止机器人提交垃圾信息,但是无法阻止人工发送的垃圾询盘,

阅读全文 »
Elementor的操作记录和修订版本

本文介绍如何借助Elementor的操作记录和修订版本进行Elementor页面恢复操作? 如果你在找古腾堡编辑器的修订版本的操作方法,请阅读《古腾堡编辑器的修订版本》 Elementor目前有2种画布窗口模式,所以我会分别介绍修订版本操作在哪里进入编辑。 如果你是传统的画布窗口 在编辑窗口左侧工具

阅读全文 »
Elementor Floating Buttons移动端全宽不生效

Elementor新出的Floating Buttons功能,发现了Mobile Bar的移动端全宽不生效,这个问题我在本地测试发现所有的Mobile Bar模版的移动端全宽开启都不生效。 根据排查的方法,我也进行了一些的排查工作,发现问题任然存在。 于是通过自定义CSS代码,修复了这个问题。 CS

阅读全文 »
文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章标签
想快速搭建一个完全属于自己的外贸独立站?
本站提供专业的外贸建站服务,如果你不想自己花时间精力搭建网站,可以将你的需求告诉我,我来帮助你搭建一个专业外贸独立站!
文章导航
文章分类
文章标签
建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!