跳转到内容
无痕工具库 无痕工具库

Hostinger AI Builder 手动模式使用教程

Hostinger AI Builder 手动模式是一款非常出色的工具，即使你没有任何编程或设计经验，也可以用它创建网站或在线商店。整个过程基于自定义**网站模板**。

了解更多：Hostinger AI Builder 与其他内容管理系统有什么区别？、如何使用 Hostinger AI Builder

深色主题

点击编辑器左上角的构建器（Builder）下拉菜单，然后打开深色主题开关，即可将编辑器界面切换为深色背景。

注意事项

  • 深色主题默认关闭，且不会跟随你的 Hostinger 控制面板主题设置。
  • 即使开启深色主题，画布和内容编辑控件（如版块和元素设置面板）仍保持浅色主题，以获得更好的对比度。

在构建器中，有两个主要的工具栏——左侧工具栏和顶部工具栏——它们包含了你运营一个成功网站所需的一切。让我们概览一下构建器的主要区域。

网站编辑器

进入构建器后，你会在左侧看到主要工具：

以下是你可以找到的内容：

元素在左侧的元素面板中，你可以找到各种可用于填充网站的元素。了解如何**添加和自定义网站元素**
页面在左侧的页面面板中，你可以查找和管理网站的所有页面： - 添加页面 - 重命名页面 - 复制页面 - 删除页面 - 在导航菜单中隐藏页面 - 编辑页面 URL - 将任意页面设为首页 - 在导航菜单中添加链接 - 创建下拉菜单 - 更改页面在导航菜单中的显示顺序 导航菜单始终显示在**页头版块**中
样式在左侧的样式面板中，你可以找到全局样式设置： - 颜色 - 文本 - 按钮 - 动画 除全局样式设置外，你还可以局部自定义所有网站元素——点击任意元素，探索其单独的设置
博客在左侧的博客管理面板中，你可以： - 创建新博客文章 - 编辑博客文章 - 访问博客文章设置 - 为博客文章创建分类 - 按状态查看所有博客文章（全部、草稿、定时发布、已发布） 了解如何**开始创建博客**
商店在左侧的商店面板中，你可以在网站上启用 eCommerce 平台。了解如何**开始创建在线商店**
AI 工具在左侧的AI 工具面板中，你可以访问以下工具： - AI Logo 制作工具 - AI 写作工具 - AI 博客生成器 - AI 助手（可直接在构建器编辑器中更新页面的 SEO 元数据，或询问网站流量和性能问题，在聊天中直接获取洞察；它还能在聊天中渲染导航按钮，让你快速访问 SEO 设置、页面、分析、博客、媒体库和版本历史记录等区域。）
SEOSEO 是一个非常广泛的话题，以下是我们提供的主要工具和功能： - 元标题和描述 - 预览图片 - 替代文本（Alt text） - 标题标签（H1–H6） - 对搜索引擎隐藏页面（“noindex”标签） - “dofollow”和“nofollow”链接 - 网站地图 - 网站语言（“lang”标签） 了解如何**让你的网站出现在 Google 上**
更多…在左侧的更多…面板中，你可以找到更多选项，例如添加更多语言、集成、表单提交、媒体库 等

尽管左侧工具栏上没有专门用于版块的标签页，你仍然可以轻松地为网站的任意页面**添加自定义版块**

网站设置

在构建器中，你可以在左下角找到网站设置：

以下是你可以找到的内容：

常规设置在网站常规设置中，你可以： - 添加网站图标（favicon） - 为网站上传预览图片 - 启用 Cookie 横幅 - 启用或禁用 WWW 前缀
集成内置集成包括 Google Analytics、Hotjar、WhatsApp 等。可以通过两种方式添加自定义集成： - 使用**自定义代码字段将自定义脚本插入网站代码的 部分 - 使用嵌入代码元素**将自定义脚本插入网站代码的 部分
表单提交网站设置的这部分专门用于管理客户通过网站上的**联系表单和订阅表单**元素提交的内容
媒体库使用**媒体库**可以更快地查找所需文件并进行管理

移动端编辑器

要查看网站的移动端版本，请点击顶部工具栏中的手机图标：

默认情况下，网站元素在移动端视图中按照它们被添加到桌面端视图的顺序显示。即使你稍后在桌面端视图中重新排列元素，这些更改也不会自动应用到移动端版本。你可以在移动端视图中手动对元素进行排序。这样，你就可以让元素在桌面端和移动端视图中呈现不同的布局。

了解更多：如何编辑网站的移动端版本

其他选项

在顶部工具栏中，你可以看到以下选项：

重做/撤销如果你误删了某个元素或版块，可以使用顶部工具栏中的撤销/重做按钮轻松恢复
保存在构建器中所做的大部分更改都会**自动保存。如果某些更改未自动保存，你始终会看到保存**按钮，可以手动保存更改
预览无论你的网站已经发布还是仍处于草稿状态，都可以在编辑器中轻松**预览网站**
发布了解如何**发布网站。如果你急于上线网站但还有一些未完成的页面，可以仅发布首页**，并在处理其余页面期间将其隐藏

构建网站的其他资源

熟悉这些核心区域后，你就能自信地使用 Hostinger AI Builder 编辑器，并为每项任务选择合适的工具来搭建你的网站。

观看视频

观看视频