Dynadot 拖放编辑器操作指南——模块添加、移动、样式修改
编辑器界面结构
打开 Dynadot 网站构建器后，界面分为三个主要区域：
- 左侧模块库：所有可添加的模块元素（文字、图片、按钮、表单、视频等）
- 中间画布区：所见即所得的编辑区域
- 右侧 / 顶部工具栏：样式设置、页面管理、预览、发布按钮
模块类型
Dynadot 构建器提供的模块包括：
| 模块 | 用途 |
|---|---|
| 标题 / 副标题 / 正文 | 文字内容 |
| 图片 | 单张图片展示 |
| 画廊 | 多张图片轮播或网格 |
| 按钮 | 行动号召按钮（CTA） |
| 链接 | 文字链接 |
| 分隔线 | 视觉分隔 |
| 联系表单 | 访客留言（需 Pro 版才能导出提交数据） |
| 视频 | YouTube / Vimeo 嵌入 |
| 地图 | Google Maps 嵌入 |
| 社交媒体图标 | 一键跳转到社交账号 |
| 文字块 | 富文本，支持多行格式 |
基本操作
添加模块
从左侧模块库直接拖到画布上想要的位置。模块会自动对齐到当前区块的布局栅格。
移动模块
点击选中模块后，用鼠标拖拽到新位置。或者用键盘方向键微调位置。
复制 / 删除
选中模块后，工具栏里会出现复制和删除按钮。
修改样式
每个模块都可以设置：
- 颜色：模块内文字、背景、边框等的颜色
- 字体：标题和正文字体、字号
- 间距：外边距和内边距
- 对齐：文字居左 / 居中 / 居右
- 圆角 / 阴影：美化效果
图片操作
点击图片模块后可以：
- 上传新图片（从本地）
- 设置图片链接（点击跳转）
- 调整宽高比、圆角
- 开启灯箱效果（点击放大）
页面管理（Pro 版）
免费版只有一个页面。Pro 版可以添加多个页面：
- 首页（Home）
- 关于（About）
- 服务（Services）
- 联系（Contact）
- 自定义页面
页面管理面板可以设置：
- 页面标题和 URL slug
- 是否在导航栏显示
- SEO meta 标签
移动端预览
构建器左上角有个「手机 / 桌面」切换按钮，可以在编辑时实时查看移动端效果。也可以在右侧用真实设备尺寸的预览窗口模拟。
发布与更新
编辑完成后点击「Publish」按钮：
- 构建器会自动保存草稿（也可以手动保存）
- 点击 Publish 后生成生产版本
- 自动部署到你的域名
- 访问 yourdomain.com 立即看到更新
更新同样简单：进入编辑器 → 修改 → Publish，旧版本被替换。
常见编辑问题
| 问题 | 解决 |
|---|---|
| 模块拖不到想要的位置 | 画布上有隐形栅格线，模块自动对齐到栅格。想精确调整可以用键盘方向键 |
| 移动端显示不对 | 先切换到手机视图调整，再回桌面视图确认。有时候桌面好但手机布局冲突 |
| 上传图片太慢 | 先压缩图片到合适尺寸（推荐 <1MB）再上传 |
| 想改某个预设样式的颜色 | 全局样式设置可以一键改全站主色，比逐模块改高效 |
