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

Hostinger AI Builder 手动模式添加和自定义网站元素教程

Hostinger AI Builder 的手动模式提供 15 种网站元素——包括文本、图片、按钮、视频和表单——你可以通过拖放和自定义这些元素来搭建你的网页。网站元素是用于填充网页内容的项目,换句话说,网站元素就是文本、图片、按钮、视频等等。

向页面添加元素

在使用 Hostinger AI Builder 手动模式 时,你可以展开左侧的 Add elements(添加元素)面板,查看所有可用元素。

将任意元素拖放到网站上你想要的位置,或者点击某个元素,它会自动插入到你选中的区块中:

自定义元素

你可以随意自定义每个元素。点击元素并探索其设置选项:

了解在页面中处理多个重叠项目时如何组织和分层元素。

元素类型

你可以从以下元素中进行选择:

文本使用文本元素为你的网站填充高质量内容;了解如何更改文本样式,包括新增的闪亮文字效果,为页面增添视觉亮点
滚动文本(Running text)添加一行在屏幕上无限滚动显示的文字——这是突出折扣、公告或其他重要信息的好方法
按钮按钮是出色的行动号召(CTA)元素;了解如何为按钮添加链接
“加入购物袋”按钮创建产品,将其关联到这些按钮,轻松在线销售
图片你可以浏览我们的免费图片库,或上传自己的图片
相册相册元素可让你以图片库的形式展示喜爱的图片
视频我们的原生视频元素支持 YouTube 和 Vimeo 视频;了解如何添加 Facebook 视频或从本地设备上传视频
形状使用各种几何图形来完善你的网站设计
卡片添加一个带样式的容器,打造现代卡片式布局;卡片元素支持边框、背景填充(纯色和渐变色)、预设或自定义阴影效果,以及灵活的尺寸调整
地图添加地图,帮助你的客户更轻松地找到你的商家位置
Instagram 动态使用 Instagram 动态元素将你的 Instagram 帖子嵌入网站
联系表单让你的客户通过网站上的联系表单与你取得联系
订阅表单要创建邮件列表,可在网站中添加订阅表单元素,轻松收集电子邮箱地址
社交媒体图标使用此元素为你的社交媒体主页添加链接
嵌入代码嵌入代码元素可让你将各种第三方小工具集成到网站中:日历、倒计时器、弹窗等等
搜索使用此元素让访客搜索你的产品、博客文章和其他网站内容;了解如何配置其搜索范围并启用专门的搜索结果页面

更多资源