Elementor导航器（Navigator）功能详细讲解

jock12

Elementor导航器（导航面板，Navigator）是一个超级便捷的面板，当你的页面元素较多时可以快速定位到某个段、列和元素。为了大家更好的学习 Elementor建站，本站笔记认为大家很有必要先了解和学会使用导航器。

Elementor页面编辑器 点我直达 Elementor pro插件官网，快速建站，容易上手。入门点击购买Elementor Pro插件和下载安装激活_WordPress页面编辑器。
更多Elementor插件内容请看Elementor专题

学习、小网站选择 1核2g配置的服务器起步，国外主题建站选择 2核4g配置，适当搭配运行流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱）
不知道如何选择地域、配置请在页面右侧+老魏的联系研究。

外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。

外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题

1、导航器是什么？
Navigator是出现在 Elementor编辑器工作页面中的一个导航面板，点击即可轻松定位和访问编辑器工作页面的每一个元素。有了导航器的帮助用户能在整个页面中拖动元素，然后快速编辑。
老魏感觉导航器和 photoshop中的图层面板功能有些类似，都可以在很多个目标中快速定位到自己要找的目标。
Navigator 适用于较长页面或多层设计的页面，组合 Z-Index、负边距、绝对位置等元素。通过导航器的引导你就能随时跳到目的地。
2、如何调出导航器
通过以下 3 种方式都能够轻松调出 Navigator
2.1、鼠标右键点击任何元素，再点击导航器，就能直接定位到导航器中的对应元素。

2.2、点击左侧功能面板页脚的元素按钮。


2.3、使用 Ctrl + I 键盘快捷键。
3、快速定位元素
在打开导航器时，点击要编辑的元素，这是导航器中就会立即跳转到对应的“编辑”面板。
4、重新排列元素
向上/向下拖动元素到其他元素前面或后面，一键移动重新给元素排列位置。


5、右键点击选项
右键点击某个元素，开启菜单选项，比如编辑段、复制、复制、粘贴、重置样式、另存模板、删除等。


6、隐藏/显示元素
点击元素视图按钮，可以显示或隐藏元素，方便查看不同层次的元素、段。


7、名称元素
双击元素名称后这个区域变成蓝色突出显示，这时你处于插入/编辑模式。
此时可以手动添加自定义名称，帮助你以后识别不同元素。
8、折叠/展开一个元素
点击一个元素的箭头按钮，可以展开或折叠该元素
9、折叠/展开所有元素
点击导航器面板左上角的向上/向下箭头按钮，一次就展开/折叠所有元素。


10、导航器面板位置
浮动：导航器面板可以拖拽到页面的任意位置
固定：导航器面板可以拖拽到屏幕右侧附近时出现的垂直蓝色拖放区中，固定到屏幕一侧。
如果你能熟练使用导航器面板，对于 Elementor编辑器建站是有很大帮助的，比如在元素很多的编辑页面能够快速定位到目标位置。