WordPress网站设计教程 – 页面 – 如何新建与修改页面

WordPress网站设计教程,WordPress + Beaver Builder 页面修改教程

1. 登录 WordPress 后台

  • 在浏览器输入:https://您的域名/wp-admin
  • 输入管理员提供的用户名和密码,登录 WordPress。

2. 找到需要修改的页面

  • 进入左侧菜单 Pages(页面)→ All Pages(所有页面),找到需要修改的页面。
  • 点击页面下方的 Beaver Builder,进入可视化编辑界面。

3. 认识 Beaver Builder 页面结构

Beaver Builder 主要由三个层级组成:

  • Row(行): 控制页面的一整块内容区域,例如横幅、服务介绍。
  • Column(列): 控制内容的左右排列和宽度。
  • Module(模块): 具体的文字、图片、按钮等内容。

4. 修改页面文字

  • 将鼠标移动到需要修改的文字区域。
  • 点击模块的扳手图标(Settings)。
  • 在 Text Editor 或 Heading 中修改文字。
  • 点击 Save 保存模块。

5. 修改页面图片

  • 将鼠标移动到图片模块。
  • 点击扳手图标。
  • 在 Photo 设置中选择 Replace 或 Select Photo。
  • 从 Media Library 选择图片,或上传新图片。
  • 点击 Save。

建议上传前先压缩图片,避免影响网站加载速度。

6. 修改按钮及链接

点击 Button 模块的设置图标,修改:

  • Text:按钮显示文字。
  • Link:按钮跳转的网址。
  • Style:按钮颜色、大小等。

7. 保存并发布修改

  • 完成所有修改后,点击右上角 Done → Publish,使修改正式生效。
  • 如果不想立即发布,可以选择 Save Draft(如当前编辑状态提供该选项)。