Squarespace 教程：如何使用 Squarespace？ 初学者分步指南
已发表: 2021-05-12正在寻找 Squarespace 教程来帮助您制作网站？
这是一个很好的选择。 我喜欢Squarespace。 您现在想建立什么并不重要——无论是电子商务商店还是乐队的网站——重要的是一旦你知道如何使用 Squarespace，你就会知道如何为几乎任何东西制作网站。
另一方面，Squarespace 可以将奇怪的曲线球扔向您的方向。 它有这么多不同的选项，学习如何使用 Squarespace 可能会有点混乱。 通过这个分步指南，我们将向您展示如何充分利用 Squarespace 来更快地让您的网站上线。
目录：
- 个性化您的 Squarespace 体验
- 如何为您的网站选择 Squarespace 设计
- 注册 Squarespace
- 了解您的 Squarespace 仪表板和编辑器
- 编辑您的网站内容
- 进行设计更改
- 添加电子商务商店
- 在移动设备上预览您的网站
- 发布您的网站和定价
Squarespace 教程：如何使用 Squarespace 建站
现在，让我们前往 Squarespace 网站并单击两个“开始”按钮之一：
个性化您的 Squarespace 体验
开始后，您可以选择回答有关您的业务和网站的一些问题。 您可以随时跳过它们，但您的回答有助于 Squarespace 找到符合您的需求和目标的网站主题。
例如，如果您想制作美食博客，Squarespace 将向您展示博客和美食的最佳网站主题。 您可以输入自己的主题，但要广泛。 例如，房地产将比出售给首次购房者产生更好的结果。
如果您对选择感到满意，请单击下一步继续。
如果您有特定的目标，例如创建会员网站或创建电子商务网站，请从目标菜单中选择它们。
但不要选择你计划追求“一天”的目标。 只需选择促使您今天开始的那些。 这些将决定 Squarespace 如何对您稍后将看到的设计进行排名。
例如，如果房地产是您的主题，但您选择销售产品和服务作为首要目标，您会先看到许多电子商务主题，然后才能看到单个房地产主题。
处理完目标后，让我们解决最后一个问题。 无论您是在探索一个想法还是转移一个网站，单击最佳答案，然后单击“完成”以继续进行任何 Squarespace 教程的激动人心的部分：模板选择。
如何为您的网站选择 Squarespace 设计
当设计出现时，您可能会注意到轻微的嗡嗡声。 别担心，这完全正常。 Squarespace 以出色的模板设计而闻名。 但要充分利用 Squarespace，请记住以下几点：
- 最适合您的模板将首先出现。
- 在它们下方，您会发现一些模板，它们是您网站的良好起点。
- 最后，您会发现最受欢迎的设计。
如果您预览了一些模板但没有吸引您，请搜索 110 多个模板的完整列表或使用网站类型和主题列表过滤结果。
但是，不排除基于演示内容的主题。 学习如何像专业人士一样使用 Squarespace 的诀窍是寻找具有您喜欢的颜色、字体和布局的设计。
使用 Squarespace，可以更轻松地选择具有“错误”功能的主题并添加它们，而不是彻底检查具有“正确”功能的主题的配色方案。
请务必仔细查看主题并预览您喜欢的任何主题。 当你找到你最喜欢的，点击它开始使用 Squarespace 帐户。
注册 Squarespace
此时，您将需要登录或创建一个 Squarespace 帐户。 您可以使用一个 Squarespace 帐户进行多次 14 天试用，因此如果您以前使用过 Squarespace，请不要创建新帐户。
注册后，为您的网站命名。 您可以稍后更改它，因此请随时输入占位符并在准备好时更新它。 但是，如果您现在想要一个完美的名称，企业名称生成器将帮助您找到它。
注册并添加名称后，您可以在到达网站仪表板之前享受平台自己的快速 Squarespace 教程。
了解您的 Squarespace 仪表板和编辑器
管理您的 Squarespace 帐户以及您的整体网站管理是通过仪表板或可视化编辑器处理的。
仪表板用于密码更改或域转移等操作。
如果您运行几个网站，您可以从仪表板在它们之间切换。 要查看您的一个网站，请单击网站按钮以打开全套网站管理工具（包括可视化编辑器）。
网站管理是 Squarespace 的乐趣。 虽然其他网站建设平台有多种竞争工具，如 SEO，但 Squarespace 的做法不同。 您可以跳过需要付费的工具列表。 相反，您成功所需的一切都在一个页面上。
您会在屏幕左侧找到您的网站管理工具。 在右侧，您将预览您的网站。
- 使用页面来更改您网站的内容。
- 更改设计方面，例如网站样式、附加 CSS 和错误页面。
- 控制商业功能，例如产品、运输和计费。
- 通过流量报告、转换和 SEO 性能深入分析。
- 启动多个营销选项，例如弹出窗口和电子邮件活动。
- 为您的客户提供自调度选项。
- 再加上更多。
编辑您的网站内容
每次打开可视化编辑器时，我都会对 Squarespace 网站从一开始的完整外观印象深刻。 让我们看看我们有什么：
- 链接到基本页面的功能菜单。
- 专业的布局与引人注目的按钮相得益彰。
- 匹配良好的字体和专业的配色方案。
它不仅看起来很棒，而且如果幸运的话，所选模板将与您的主题相匹配，并且在发布之前您可能需要的唯一东西就是简单的编辑。
让我们开始编辑页面，因为它们位于菜单的顶部。
如您所见，您网站上的每个页面都在此处列出。 要编辑页面设置，请滚动名称以找到小齿轮图标并单击它。
在页面设置中，您可以调整网站的身份和外观。 最重要的是，对我们来说，常规设置控制着您的页面标题和 URL slug。
如果您想知道如何复制 Squarespace 页面，页面设置非常有用。 转到页面设置 → 常规并向下滚动以找到重复页面链接。 只需单击它即可复制任何 Squarespace 页面。
当您在这里时，考虑将社交图像更新为您想在社交媒体平台上分享的内容（只需转到社交图像并将您最喜欢的图像拖放到框中）。
一旦您设置了站点的身份，我们将继续进行 Squarespace 教程的下一步：页面内容。
单击“编辑”按钮打开页面的编辑选项。
编辑网站标题
滚动页面的不同部分时会出现不同的编辑选项。 为什么不从站点标题开始？ 出现时单击编辑按钮。
在这里，您将找到以下内容的桌面和移动编辑选项：
- 网站标题和徽标。
- 各种元素，如社交链接和按钮。
- 颜色和透明度。
- 标题位置。
如果您一直在等待添加您的网站名称，您现在可以在添加您已设置的任何社交媒体配置文件时执行此操作。 有了基本的识别元素，让我们深入研究移动选项。
您在移动或桌面菜单中所做的任何更改将仅在这些设备上可见。 对于移动设备，您可以更改标题布局和菜单选项。
对于桌面，您可以更改布局，还可以更改元素的外观和标题本身的大小。 Squarespace 在元素间距方面做得相当好，因此您可以保持原样的填充和间距。
无论您要更改什么，每个更改都会立即出现在预览窗口中。 例如，更改网站标题将实时发生。
编辑页面内容
当您准备好更改其文本或更新图像时，从任何页面进入编辑模式。 大多数内容区域都可以编辑，包括文本块、按钮和照片。
例如，要编辑句子和标题，请单击文本以打开文本编辑器。 在这里，您可以添加列表和链接、粗体文本等。 只需输入新文本并添加任何格式。
️ 重要一点，Squarespace 没有自动保存功能。 通常，如果不点击Done和Save changes就很难离开页面。 但是失去连接或关闭窗口可能会导致一些麻烦。
编辑部分布局
要更改部分背景和布局，请滚动任何部分以找到带有编辑选项的小菜单：
- 铅笔使您可以控制截面外观。 这包括部分大小、背景和颜色。
- 单击这两个页面将复制该部分中的所有内容。 您将复制布局、任何图像以及文本。 您复制的部分将立即出现在现有部分的下方。
- 两个箭头在页面上向上或向下移动该部分。
- 垃圾桶会删除整个部分。
例如，要更改背景图像，请单击铅笔 和背景。 单击替换以上传您喜欢的背景图像。 如果您有 YouTube 或 Vimeo 链接，您可以在Video下找到视频背景设置。
添加部分
当我们一直在滚动光标时，您可能已经注意到一个蓝色边框，两端带有Add Section 。 单击其中任何一个都将打开包含每个 Squarespace 部分的新部分弹出框。
最常见和最受欢迎的部分将显示在顶部，因此滚动整个列表以查看晦涩的部分，例如：
- 约会
- 捐款
- 产品
- 日历
- 图表
- 标志墙
- 音乐
- 还有很多
每个部分都有多个布局，您可以在单击以将部分添加到页面之前滚动浏览这些布局。
布局不仅看起来不同，而且根据他们使用的元素，它们也有不同的选项。 例如，位置部分有多种地图设计，带有用于滚动等元素的简单开关滑块。
添加页面
没有向您展示如何添加页面，任何 Squarespace 教程都是不完整的。 您可以从“页面”菜单中创建新页面并删除现有页面。
主菜单中的每个页面都可以在主导航标题下找到。
任何未链接的页面或会员区域都将位于主要部分下方。
要添加页面，请根据您希望页面出现的位置单击“+”按钮。
您可以从头开始构建页面或使用预先设计的 Squarespace 布局，例如：
- 敬请回复
- 服务
- 团队
- 画廊
- 文件夹
- 博客
- 和更多
例如，如果您决定添加博客页面，您可以选择您喜欢的布局并将其添加到主菜单。 可以看出，菜单将随您的新页面自动更新。
当您准备好撰写第一篇文章时，只需单击您的博客页面即可打开存档。 存档打开后，单击“+”按钮开始新帖子。
进行设计更改
是时候让我们的 Squarespace 教程转向设计工具，这些工具可帮助您添加个人风格，为您的网站提供视觉识别。 一旦您准备好开始更改颜色、大小和字体，请单击“设计”链接开始探索。
单击后，您将能够编辑：
- 网站样式，如字体、颜色、动画等。
- 浏览器图标
- 锁定屏幕
- 结帐页面
- 404 页
- 社交分享徽标
- 自定义 CSS
虽然您应该尝试所有这些选项卡，但网站样式将对您的网站产生最大的影响。 点击链接打开主菜单：
您可以看到网站样式涵盖了您网站的所有重要视觉元素。 每当您需要设计选项时，请单击画笔图标打开菜单。
选择一个选项后，Squarespace 会自动将样式更改应用到整个页面。 您不必立即浏览各个元素和更改。 例如，更改调色板会使用新颜色更新所有部分。
添加电子商务商店
笔记; 此步骤是可选的。 并非每个用户都希望使用 Squarespace 开设电子商务商店。 也就是说，如果这是您的目标，Squarespace 完全有能力处理这项任务！
虽然 Squarespace 不是最受欢迎的电子商务平台，但它确实具有足够的商务功能，可以将任何网站扩展到在线商店。
事实上，如果你还不确定在网上卖什么，那也没关系。 Squarespace 将让您有机会探索您的选择。
实际上，您可以将 200 种产品添加到商店页面。 如果您想从您的网站创收，Squarespace Commerce 是一个不错的选择。
当您准备好开始时，单击“商务”选项卡。
可以使用 Squarespace 的四步电子商务向导来处理商店设置过程。 单击开始，然后单击添加待售产品。
此时，Squarespace 会要求您选择商店布局。 你应该至少有两个选择。 单击您的首选选项。
您的商店应该在布局中包含一些演示产品。 可以对其进行编辑以适合您的产品，或者您可以通过单击“+”按钮添加新产品。
您可以从具有不同设置的四种主要产品类型中进行选择：
- 身体的
- 数字的
- 服务
- 礼物卡
对于产品展示的各个方面，每种产品类型都有不同的字段。 您可以从产品页面添加多个图像、设置价格和管理您的库存。
完成产品外观后，向下滚动以查找自定义选项，例如按钮和运输选项。
单击完成 → 保存以将产品添加到您的商店。
将付款方式添加到您的 Squarespace 商店
是时候让这个 Squarespace 教程集成支付网关了。 您会在商店设置菜单中找到“添加获得付款方式”选项。
使用 Squarespace，您可以集成 Stripe、PayPal 和 Square（在美国）。 单击您的首选网关以将网关链接到您的站点。
设置运输要求
单击选择如何运送您的产品按钮。
使用此选项来决定您的运费。 如图所示，您可以选择统一费率、基于重量的运输，或者只是让承运人计算定价。
一旦您选择了一个选项，它将与成本和区域限制一起出现在您的运输选项中。
移动预览
如果您对网站的外观感到满意，请单击编辑器右上角的电话图标。
这会将所有内容转移到您网站的移动预览中。
滚动浏览移动预览并确认您对所有外观感到满意。 它看起来很棒，所以让我们进行 Squarespace 教程的最后一步：发布您的网站让全世界看到！
发布您的网站和定价
现在，我们已准备好与其他人共享该网站。 让我们升级我们的计划并发布网站。
单击“设置”链接以查找发布选项。
当设置选项打开时，我们感兴趣的是站点可用性。
单击站点可用性以打开升级和发布选项。
Squarespace 有许多不同的计划，但价格较高的计划通常有更好的电子商务选择。
选择最适合您的计划并庆祝。 这个 Squarespace 教程结束了。 你做到了！ 您的网站现已上线！
结论
从本教程可以看出，我喜欢 Squarespace！ 它不仅是最适合初学者的网站构建器之一，而且您还可以使用 Squarespace（快速）构建任何东西。
我们在这里涵盖了很多领域。 回顾一下，我们了解到：
- 个性化您的 Squarespace 体验
- 如何为您的网站选择 Squarespace 设计
- 注册 Squarespace
- 了解您的 Squarespace 仪表板和编辑器
- 编辑您的网站内容
- 进行设计更改
- 添加电子商务商店
- 在移动设备上预览您的网站
- 发布您的网站和定价
您如何看待 Squarespace 作为网站建设工具？ 您享受您的 Squarespace 体验吗？ 请随时在下面的评论中分享您的想法。