什么是Elementor导航器(Navigator)?
Elementor导航器(Navigator)是在Elementor编辑视图下悬浮在编辑窗口的一个导航面板,通过点击这个面板里面的元素你可以轻松定位和找到需要编辑的内容。Elementor导航器对于长页面的编辑非常有帮助。
![image 87 - Elementor导航器(Navigator)详解(附视频) - NUTSWP 什么是Elementor导航器(Navigator)?](http://nutswp.com/wp-content/uploads/2023/07/image-87.png)
如何访问Elementor导航器?
你可以通过三个方式访问到Elementor导航器:
1 右键单击任何元素,然后单击 “导航器”。这将自动重新定向到导航树中的特定元素。
![image 88 - Elementor导航器(Navigator)详解(附视频) - NUTSWP image 88 - Elementor导航器(Navigator)详解(附视频) - NUTSWP](http://nutswp.com/wp-content/uploads/2023/07/image-88.png)
2 单击
面板页脚中的元素按钮
![image 89 - Elementor导航器(Navigator)详解(附视频) - NUTSWP image 89 - Elementor导航器(Navigator)详解(附视频) - NUTSWP](http://nutswp.com/wp-content/uploads/2023/07/image-89-480x1024.png)
3 使用 Cmd/Ctrl + I 键盘快捷键
苹果电脑使用Cmd+I,会直接有弹出导航器。
Windows电脑Ctrl+I,直接淡出导航器。
如何是用Elementor导航器快速定位?
在导航器中鼠标选中任何你想要编辑和定位的元素,编辑器页面会自动滚到对应元素的位置,并同时选中该元素。
使用导航器重新排列元素
在导航器中你可以通过鼠标拖拽的方式重新排列元素的位置,比在页面中直接拖拽元素会更方便。
在导航器中的元素右击操作有哪些?
和在编辑窗口中选中元素的右击操作一样,导航器中选中元素右击可以实现对元素的编辑、复制、粘贴、复制和粘贴样式、另存模版、删除等功能。
设置隐藏/显示元素
单击元素的“查看”按钮 可实现在编辑窗口中显示或隐藏元素,这样你可以不受干扰的设计页面。这也是我常用功能之一。
重命名元素
- 双击元素名称。该区域将变为蓝色突出显示,表示您处于插入/编辑模式。
- 键入自定义名称以帮助您稍后轻松识别该元素。
重命名元素在导航器中的名称可以帮助你快速定位到对应元素和内容,尤其在页面内容较长的情况下,非常实用。
折叠/展开
你可以通过元素的左边的三角形折叠和展开某一个元素,所有带三角箭头的元素都是可以展开折叠的,代表元素中还嵌套了其他元素。
比如Containner中嵌套Containner或者其他元素。
你还可以单击 导航器面板左上角的向上 或向下
箭头按钮可一次性展开或折叠所有元素。
导航器的位置
导航器的位置有两种模式,一种是浮动,另外一种停靠。
默认打开导航器是浮动模式,你可以鼠标点击拖动导航器到也编辑窗口的任何位置。
当你将导航器拖动到编辑器窗口最右侧,它会自动吸附的窗口右侧变成停靠模式。