编辑器基础

Last updated on 8/21/2025@mrbirddev

编辑器布局

Editor layout
  • [1] 顶部菜单栏。
  • [2] 画布。您可以在此选择一个元素(侧边栏将显示)。
  • [3] 元素的侧边栏。您可以在此更改每个元素的数据和样式。

元素

Selecting an element
  • [1] 在画布中点击以选择一个元素。
  • [2] 通过选中元素前后的添加按钮添加一个元素。您可以点击页面和容器元素内的添加图标。
  • [3] 元素层位于侧边栏顶部。如果您无法选择某些元素,如页面或背景,可以点击其子元素,然后在元素层中选择它。
  • [4] 复制按钮
  • [5] 删除按钮
  • [6] 您可以通过拖动来重新排列元素的位置。

更改数据

Changing data

通常,如果您只使用模板并且不想更改设计,可以专注于侧边栏中的数据选项卡。它将包含您需要填写模板的所有内容,例如按钮标签、链接和图片上传。

更改样式

形状和内容

Shape and contents

如果您想更改元素本身的属性,例如宽度、高度、圆角,请尝试侧边栏中的形状选项卡。但如果您想更改元素内部的属性,例如对齐、间隙、垂直内边距,请查看内容选项卡。

其他选项卡如 文本背景边框 等具有更直观的命名。你也可以通过实践来学习,因为小的颜色预览会帮助你进行指导。

更改颜色

Changing colors

如果仔细查看,选项卡内当前元素的颜色(和图像)有一个小预览。这可以帮助你快速定位是否需要自定义颜色或重新上传背景图像。

发布

Publish

一旦你完成了数据和样式的编辑。在顶部菜单栏中,你可以预览你的编辑。如果一切看起来都不错,你可以发布你的网站!

了解更多(可选)

你现在可以忽略以下主题。因为这些已经足够让你创建一个简单的网站。但当你更认真地制作一个独特的设计时,你可以回到以下主题,以解锁 slidde 编辑器的全部功能。

Last updated on 8/21/2025@mrbirddev
Loading...