向页面添加元素

Estimated reading: 1 minute 15 views

Elementor 编辑器中,您可以通过面板中的元素在画布上构建页面。这些元素包括容器、组件等。您可以通过两种方式将元素添加到画布中:

  1. 拖动元素到画布
  2. 点击元素

拖动元素到画布

在面板中,点击并拖动您想使用的元素到画布。

示例 GIF:通过拖动添加元素

GIF of adding element by dragging Add elements to a page 25

点击元素

在一些复杂布局(如嵌套容器)中,拖放元素到确切位置可能会比较困难。使用点击可以让您选择希望放置元素的位置,然后单击将其添加到画布中。

通过点击添加元素

  1. 在画布上,选择您希望放置元素的位置。
  2. 点击面板中的元素。元素会出现在画布上。
    元素的位置取决于您使用的是容器还是区块

使用容器时

  • 未选择特定位置:默认情况下,元素会出现在页面底部的新容器中。
  • 选择了位置:根据您选择的内容,元素会出现在不同的位置:
选择内容 画布上出现的位置
空容器 元素会出现在所选的容器内
已有元素的容器 元素会出现在现有元素的旁边或下方(取决于容器布局方向:水平或垂直)
容器中的元素 元素会出现在所选元素的旁边或下方(根据容器布局方向)

click element focused on container Add elements to a page 27

clickelement2 Add elements to a page 29

click element3 Add elements to a page 31

使用区块时

  • 未选择任何位置:页面底部会创建一个新的区块,并将元素放入其中。
  • 选择了位置:根据您选择的内容,元素会出现在不同的位置:
选择内容 画布上出现的位置
空的区块或内部区块 元素会出现在区块的左列(在右到左布局的网站中为右列)
已有元素的区块或内部区块 新建一行,元素会添加到左列(在右到左布局的网站中为右列)
区块或内部区块中的元素 元素会出现在所选元素的下方

这种方法让您在复杂布局中更精确地控制元素的位置。

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

向页面添加元素

Or copy link

CONTENTS