SiteGround 建站器一次上线 5 个新功能：自定义字体、区块动画、上线倒计时、社媒图标与餐厅菜单

这次更新解决了什么

如果你用过 SiteGround 的建站器（Website Builder），大概率有过这几种别扭：品牌有专门的字体，网站上却只能用系统默认的那几款；页面所有元素都静态摆着，重点信息不够突出；产品要上线了，coming-soon 页面除了"敬请期待"没有别的抓手；餐厅老板想放菜单，只能塞一个 PDF 上去，手机上根本没法看。

这次 SiteGround 一口气上线了五项更新，前两项（自定义字体、区块动画）是全站层面的视觉控制，后三项（上线倒计时、社媒图标、餐厅菜单）各自对应一个具体场景。下面逐项说明用法和适用人群。

一、上传你自己的品牌字体

以前网站字体只能在系统给的几款里挑，现在可以上传自有字体文件，让网站和你的 logo、包装、印刷物料保持一致。对有品牌规范的企业，以及帮客户做站的设计师和代理公司来说，这一点很实用——客户在任何触点看到的都是同一套视觉。

用法上有两个要点：

• 字体文件需要是 WOFF2 格式，这是当前 web 字体的标准格式。如果你手上只有 TTF 或 OTF，先转成 WOFF2。
• 上传前确认字体授权允许用于网站。有些桌面授权（desktop license）并不覆盖 web 使用，这一步别忽略，避免版权纠纷。

设置路径：建站器里进入 Styles → Typography → Upload Font，上传 WOFF2 文件，然后分别指定标题字体和正文字体。设置一次，全站每个页面都会应用。

二、给任意区块加动画

适度的动效能把访客的视线引到你想强调的地方——一个新优惠、一条客户评价、一个行动号召按钮。让它动起来，就能从周围一堆静态内容里跳出来。

但有个分寸问题：只给少数几个关键区块加动画。如果整页所有东西都在动，反而比全静态更难读，重点也被稀释了。

可选的动画类型包括 Fade（淡入）、Scale（缩放）、Slide up（上滑）、Click（点击触发）、Flex 等，还能调速度，从缓慢的 ease-in 到快速入场都行。

设置路径：选中页面上的任意区块，打开 Styles，挑一个动画并设定速度即可。

三、给 coming-soon 页面加上线倒计时

一个只写着"即将上线"的页面，访客没有任何理由再回来。加上倒计时，等于明确告诉他们什么时候值得再来。配合跳转选项，倒计时归零的瞬间还能把访客直接送到预约页或上线优惠页。店铺开业、产品发布、活动预热都适用。

设置时需要定好上线日期和时间，倒计时就会实时显示在 coming-soon 页面的文案下方。样式可以选带框或朴素两种，以匹配你的设计。归零后的行为有四种可选：

• 计时器停在 0；
• 计时器消失；
• 用你自定义的一段文字替换它；
• 把访客跳转到你指定的 URL。

设置路径：打开 coming-soon 页面设置，开启 Show Countdown Timer，然后设定日期、时间、样式和归零后的动作。

四、在页眉或页脚加社媒图标

大多数访客不会第一次来就下单。让他们关注你的社交账号，你就留在他们的信息流里，下次发新品、发优惠、发内容时还能再触达。把社媒入口放进页眉或页脚，意味着全站每一个页面都能一键关注。

支持的平台包括 Facebook、Instagram、TikTok、YouTube、LinkedIn 等。图标可以用各平台自己的品牌色，也可以统一成黑色或白色，还能加一段自定义标签，比如"关注我们"。位置可以放页眉、页脚，或者两者都放。

设置路径：打开导航抽屉（navigation drawer），点 Add Item，选择 Social Profiles，挑平台、填链接，再选放页眉还是页脚。

五、做一个带图片、价格的餐厅菜单

菜单是餐饮类访客最先找的东西之一。新的菜单组件让菜单直接呈现在页面上，而不是塞在一个 PDF 里。访客在手机上不用放大缩小就能读，价格变了或某道菜下架，你只改一个条目就行，不用重新导出整个文件。餐厅、咖啡馆、烘焙店，以及任何卖吃的的商家都适用。

每个菜品条目可以加：图片、名称、描述、价格，还能从 14 个预设选项里标注过敏原。布局上可以选左对齐或居中、1 到 3 列、以及条目间距。分区名称、图片、描述、过敏原信息也都能单独控制显示或隐藏。

设置路径：在 Add component 的 General 标签里把菜单组件加到任意页面，然后录入菜品并选布局。

哪些套餐包含这些更新

这五项更新对所有 SiteGround Website Builder 套餐开放，不是高阶套餐专属。14 天免费试用期内就能全部体验。

该从哪个功能开始用

登录 Client Area，在建站器里打开你的站点，然后按你的实际情况挑一个先上手：

• 正准备上线 → 先做倒计时；
• 开餐厅或咖啡馆 → 先做菜单组件；
• 一直想让网站匹配品牌视觉 → 先上传字体。

如果你还没用过 SiteGround，可以先开 14 天免费试用，从模板或 AI 建站起步，全程不用碰代码就能把站做上线。

了解火箭云建站器 →