Elementor 编辑器结构和布局

这是 Elementor Editor 的快速浏览,您将在其中发现 Elementor Editor 本身的结构和布局,以及如何在编辑器中创建页面的布局和结构。

欢迎来到元素 #

要开始使用 Elementor,请单击任何 WordPress 页面或帖子编辑器中的使用 Elementor 编辑按钮。 


Elementor 编辑器布局/结构 #

Elementor Editor包括 6 个主要区域。将数字与下图匹配。 

1.面板标题:使用左侧的汉堡菜单进入全局站点设置,或使用右侧的虚线图标返回小部件面板。

2.小部件/小部件设置:在此处选择小部件或修改小部件的设置 

3.隐藏面板/预览选项卡:使您能够预览页面。单击后,它会隐藏或显示面板。 

4.面板工具栏:包含页面设置、导航器、历史记录、响应视图、预览更改、发布/更新等多种工具

5.内容区:您可以在其中拖放小部件并在此处设计页面的空白板。 

6.添加新部分/模板:选择使用加号图标在您的页面上创建新部分,或者使用文件夹图标插入可以编辑的现有预制模板。


“添加新部分”详细信息 #

向您的页面添加新部分很容易。本节将包含一列或多列。每列可以包含一个或多个小部件。

  1. 单击加号图标以创建新部分。
  2. 为您的部分选择结构/布局(1 列、2 列、3 列等)
  3. 通过在编辑器中拖动或在面板中手动输入值来编辑每列的确切宽度。

“添加模板”详细信息 #

如果您不想从头开始新的部分,您可以选择从模板库中插入预先设计的部分。单击文件夹图标以启动  模板库并插入 Elementor 预先设计的模板、预先设计的部分块或您自己保存的模板之一。见下图。


部分/ 列/小部件详细信息 #

每个部分、列和小部件都有可以修改的选项。右键单击截面图柄、柱图柄或小部件图柄以打开面板中的选项。

1. 部分:您可以编辑、复制或删除部分。您还可以将其另存为模板或在上面添加新部分。右键单击剖面图柄以修改剖面选项。

2. :您可以编辑、复制、添加或删除列。右键单击列句柄以修改列选项。

3.小部件:单击内容可编辑、复制或删除小部件。您也可以将其保存为Global Widget。右键单击小部件句柄以修改小部件选项。

4.调整列大小:左右拖动虚线垂直列边框以更改列的宽度。 

5.添加小部件:将小部件从左侧面板拖放到一列中。

编辑小部件并保存更改 #

了解如何修改小部件选项、保存对页面的更改以及查看实时页面。

1.要编辑小部件,请单击铅笔图标,它是小部件的句柄。 

2.在面板标题上,您可以选择编辑小部件的内容和样式。 

3.每个小部件都有不同的设置。根据需要调整元素。

4.您可以在任何阶段保存/更新您当前的更改。 

5.完成设计后,单击面板标题中的汉堡菜单,然后单击查看页面以查看您的实时页面。


响应模式详细信息 #

Elementor 使响应式网站变得容易。使用响应模式查看器查看您的页面在不同设备中的外观。如果选项旁边有设备图标,请在面板选项中针对不同设备调整页面上的特定元素。

1.要查看页面在不同设备上的外观,请单击面板工具栏中的响应模式图标。 

2.从弹出菜单中选择不同的设备。

3.每个设备只能修改旁边有设备图标的元素。如果您更改旁边没有设备图标的元素,则更改将影响所有设备(台式机、平板电脑和移动设备)。

Powered by BetterDocs

发表评论

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

Scroll to Top