如何使用Squarespace(2020年XNUMX月)–关于如何创建Squarespace网站的完整教程

即使没有事先的Web设计师经验,Squarespace网站也可以轻松,快速地从头开始构建。 除了直观之外,该平台还提供了使站点集中运行所需的所有工具。

在大约17年的时间里,Squarespace已帮助数百万客户建立了网站。

该网站建设者和 内容管理系统(CMS) 拥有巨大的知识库。 借助清单功能,您很容易知道每次应该做什么。

但是,为了减少花费的时间来构建自己的产品,本文直截了当。 这个 Squarespace教程将帮助您正确处理 从一开始。

Squarespace教程:目录

如何使用Squarespace:建立Squarespace网站的步骤

建立一个网站 Squarespace 就像游览。 这很直观; 您会找到一个简短的Squarespace教程,以指导您进行每次点击。 因此,它使采取行动变得容易。

请按照以下简单步骤来构建您的网站。

步骤1。 探索

要开始创建您的网站,请转到 squarespace.com 然后点击“开始使用”按钮。 您会在屏幕的右上角找到一个,在屏幕的右下角找到另一个。

如何使用Squarespace-主页

此操作立即将您带到“模板”部分,并允许您 在接下来的14天内免费开始使用Squarespace.

在试用期内,您可以自由:

  • 探索平台
  • 测试您的设计
  • 上传内容,以及
  • 分享你的进度

第2步。 选择正确的模板

Squarespace 提供具有交互式布局的有吸引力的模板。 您要做的就是选择一个符合您业务需求的模板。 您的第一站将带给您最流行的设计选择。 但是,该平台允许您按以下类别浏览Squarespace网站模板:

  • 流行设计
  • 投资组合
  • 网上商店
  • 图片摄影
  • 专业服务部
  • 博客和播客
  • 社区与非营利组织
  • 当地的商业
  • 婚礼
  • 活动
  • 音乐家和乐队
  • 房地产及物业
  • 个人和简历
  • 餐厅和
  • 启动页面

您会在左侧找到这些类别。

启动Squarespace网站

选择任何类别将显示与该字段中的业务匹配的所有模板。 选择组时,可以立即从您感兴趣的Squarespace模板开始。 如果发现难以确定所需的模板,还可以预览几个模板。

预览时, Squarespace 可让您查看模板在台式机,平板电脑和智能手机上的外观。

方形模板

此时,您有几种方法可以进行。 您可以通过单击预览屏幕上的“查看演示站点”或“入门”按钮,或仅滚动预览屏幕来查看网站的外观。

当您决定使用模板时,可以单击屏幕右上方的“从此设计开始”按钮。

步骤#3:创建一个Squarespace帐户

此时,Squarespace将提示您创建一个帐户。 但是,继续填写并提交表格意味着您已经同意Squarespace的服务条款和隐私权政策。 因此,您可能需要先阅读它们,然后再继续。

如果您对他们的服务条款和隐私政策表示满意,请继续创建一个帐户。

++

如果您采用“与Google继续”路线,它将与您的Google帐户同步并立即登录。 您还可以使用Google以外的其他帐户进行注册。

如果您想使用Apple,Facebook或 Twitter 帐户,单击“更多选项”,然后选择您的首选帐户。 否则,请使用您的电子邮件地址。

如果您选择“继续发送电子邮件”,则会出现一个注册表格。 如果您希望使用您的电子邮件地址创建一个帐户,请填写该表格。

步骤4:添加您的网站标题

成功创建帐户后,欢迎页面将提示您添加网站标题。

简而言之,该页面要求您为网站命名。 您可以选择使用:

  • 用户名
  • 您博客的名称
  • 您的品牌,或
  • 您的公司名称

步骤5:修改标题和徽标

当您单击“继续”时,下一页是gif,描述了如何编辑页面。

单击“下一步”开始编辑您的网站。

网站标题

根据您使用的Squarespace模板,您将在网页标题或网页的顶角看到您的网站标题。

您可以选择使用徽标替换网站标题。

出于SEO的目的,您可以添加单独的标题,该标题将替换浏览器标签和搜索结果中的网站标题,但不会显示在您的网站上。

如果您在上一步中单击“继续”而不添加站点标题并不重要。 您可以在这里添加。 如果还需要其他功能,也可以编辑选择的内容。

点击预览屏幕左上方的“编辑”。

将光标悬停在标题上,然后单击“编辑网站标题”。

选择“网站标题和徽标”。

在文本字段中输入您的网站标题。

点击“完成”旁边的下拉菜单并保存。

添加徽标

您可能想在徽标上添加个人风格。 在这种情况下,它将替换您的网站标题,并直接将点击指向您的首页。 尽管如此,Squarespace建议您在网站标题字段中保留文本,以便搜索引擎轻松索引。

要添加徽标,请按照上面用于“网站标题”的过程进行操作。 当您单击“站点标题和徽标”时,转到“徽标图像”区域。

通过将徽标拖到上载器或单击上载器区域以在计算机上选择保存的文件来上载徽标。

徽标信用: 大英图书馆

如果您对徽标满意,请点击屏幕左上角“完成”旁边的下拉菜单,然后点击“保存”。

创建一个新徽标

Squarespace允许您在平台上创建免费徽标,但是您必须按照付费计划才能使用。

按照添加“站点标题”和“徽标”的过程进行操作,但是当您进入“站点标题和徽标”时,单击“创建新徽标”。

您不能同时显示网站标题和徽标。 因此,如果要同时显示徽标和品牌名称,则必须在徽标图像中包含网站标题文本。

步骤#6:编辑,添加或删除页面

Squarespace会向每个模板预加载演示内容,以向您展示模板的独特功能和优势。 演示内容可以激发您更快地建立网站。 因此,您不能将其用于最终的公共站点。

但是,Squarespace提供了可用于将每个演示内容替换为原始内容的工具。 通过在预览页面的右侧提供清单,该平台使跟踪该过程变得容易。 这是WordPress或Wix等其他平台不提供的真正独特的功能。

在上图中,您会注意到“开始试用”和“包含网站标题或徽标”复选框已被选中。 因此,使用清单来表明您已完成任务。

编辑页面

如果您喜欢演示页面的结构,则可以单击该页面以使其成为您的演示页面。

本文使用的模板中的主要页面名为:

  • 博客
  • 关于和
  • 联系我们

但是,您可以自定义它们以使用您的首选名称。

首先,转到“页面”。

您将在主导航下看到上述主页。

上图中的“常规1”,“入门”和“主页”也是页面。 尽管它们没有出现在导航中,但是除非您输入密码或禁用它们,否则搜索引擎会发现它们。

因此,要编辑页面,请将光标悬停在要更改的页面上。 您会注意到一个bin图标,一个设置图标,在某些情况下还会看到一个箭头。

点击“设置”图标。

一旦感觉布局适合您,就可以编辑页面以用于常规,SEO,社交图像或高级用途。

添加页面

您可以根据需要添加任意数量的页面,然后删除不再需要的页面。 毕竟,如果您发现需要这些页面中的任何一个,则可以在30天内将其还原。

就是那么灵活。

要开始添加页面,请转到“页面”,然后单击“主导航”旁边的+图标。

Squarespace将页面归类为单个页面,集合等。 这些页面共同包含:

  • 空白页
  • 页面布局
  • 博客
  • 选购
  • 案例
  • 活动
  • 文件夹和
  • 链接

例如,单击“空白页”,将“新页”添加到“主导航”,它出现在顶部导航菜单上。 您还会注意到预览页面为空,您可以通过单击页面中间的蓝色+图标来创建内容。

删除和还原页面

如果您决定由于任何原因不需要页面,则可以将其删除。

转到“页面”。 将光标悬停在要删除的页面上,然后单击bin图标。

然后确认。

要找回删除的页面,您将转到“页面”并向下滚动到面板底部。

点击垃圾桶图标。

然后将光标悬停在要还原的页面上,然后单击“还原”。

然后确认,单击“还原”。

步骤#7:更改字体和颜色

为了提高速度,您可以通过编辑演示页面来进一步自定义网站。 只需选择与您共鸣的颜色和字体样式即可。

如果在“设计”面板中进行更改,则将影响整个网站。 但是,您可以通过编辑来更改单个页面。

字体

要更改整个页面的字体样式,请在主面板上单击“设计”。

然后选择“字体”。

现在,您可以在三个主要字体组之间进行选择。

如果您在此处选择任何一种字体,则站点中的所有文本都将带有该字体样式。 但是,如果此时点击预览页面,它将为您提供更多高级选项。

但是,这使您可以单独编辑“页眉”和“新闻栏”。 Squarespace在本地设置大多数字体,因此您只能通过在预览页面上单击“编辑”来更改其字体。

当您单击要编辑的文本时,您会在文本框上方看到一个编辑面板。 它可以让您:

  • 改变大小
  • 选择对齐方式
  • 使其更加大胆
  • 使用斜体
  • 插入链接等

颜色

就像字体一样,您在设计面板上进行的颜色更改将影响整个网站。 但是,您可以更改网站上几乎所有内容的颜色,包括单个字母或数字。

如果要更改网站的默认颜色,请转到主页面板上的“设计”。 点击“颜色”

您可以通过点击“编辑”来选择颜色。 在调色板或调色板的任何部分旁边。

然后,您可以通过从下拉菜单中选择阴影来自定义颜色。

但是,如果要更改文本颜色,则需要使用代码。

步骤#8:添加图片

SquarespaceUnsplash盖蒂图片社,可让您访问无数的库存照片。 因此,您可以更改模板上的图像,以进一步使您的网站具有原创性。

如果您使用的是Squarespace版本7.1,则上传图片可以在公园散步。

在预览页面上,单击“编辑”。 然后滚动到要编辑的图像,然后将光标悬停在该区域上。 单击图标以编辑该部分。

添加图像Squarespace

然后从弹出窗口中选择“背景”。

这使您可以替换,删除或编辑空间中当前的图像或视频。

如果选择“替换”,它将使您可以用计算机上的图像替换当前图像。

单击“完成”旁边的下拉菜单,然后单击“保存”以应用图像。

如果您选择“删除”路线,则首先要删除空间中的图像。 然后,您可以将图像拖放到图像上传器中。

但是,如果要编辑图像,可以调整其

  • 亮度
  • 锐度
  • 对比度等等。

方形空间-编辑图像

保存图像之前,请确保您对图像没有问题,因为所做的更改将是永久性的。

Squarespace建议您在两个星期的试用期内完成修改,然后再升级到付费计划。 但是请记住,模板和页面的布局可能会有所不同。

步骤9:连接和更新域

注册时,Squarespace将提供一个自动生成的.squarespace.com域名。 因此,要个性化您的帐户,您可能必须获取一个新域名或使用现有的域名。

个性化帐户的优势包括:

  • 专业的外观
  • 提升品牌实力,以及
  • 改进了访问者对您的新网站的访问权限。

所以, Squarespace 帮助您管理,连接和转移域。

要个性化您的Squarespace域,请转到您的主页,然后单击“设置”。

选择“域”。

现在,如果您已经拥有一个域,则单击“使用我已经拥有的域”。

然后在正确的位置输入域名。 完成后,点击“继续”。

这将导致您从两个选项中进行选择。 一种选择是要求您将域转移到Squarespace,而另一种则要求您从提供商那里进行连接。

转移到Squarespace

第一个选项允许Squarespace在您的站点中管理您的域。 这样,您可以通过Squarespace帐户处理帐单和设置。 仍在使用试用版还是已经在使用付费计划都没关系。

另外,如果您还没有网站,Squarespace会将您的域名链接到停车页面,直到获得停车页面为止。

如果选择“转移到Squarespace”,请遵循接下来的指南和说明。

如果单击“继续”,则准备提供转移授权代码。

单击“继续”,然后按照其余说明进行操作。

从提供商连接

使用此选项,您可以保留与第三方的域名,并且仍然与Squarespace连接。 它遵循称为域映射的过程。 您必须对注册商的帐户进行一些更改。

最后,您仍将向您购买的第三方进行注册,但仍保持与Squarespace帐户的联系。 首先,找出启动连接所需的条件。

要连接您的域,请按照前面的步骤获取域,直到找到转移到的选项为止。 Squarespace 或从提供商那里连接。

但是,这次单击“从提供程序连接”。 然后从下拉菜单中选择一个提供程序,然后单击“连接域”。

单击“确定”接受弹出的消息。

购买域名

如果您还没有可以连接或传输的域,则必须购买一个域才能获得个性化的感觉。

您需要将“设置”设置为“域”,但是这次单击“获取域”。

您将获得有关域名的建议,这些域名应包含您用于网站标题的名称。 您还将看到采用的名称和可用价格。

当您将光标悬停在要购买的名称上时,“ Add”将出现在价格所在的位置。

单击“添加”,然后将其放入购物车。

点击“继续结帐”,将其设置为您的。

更改内置域名

如果您没有现有域并且不准备购买,则可以更改内置域以缩短它。

遵循与其他两个相同的过程,但是这次单击“内置域”下的框。

本部分将提示您重命名出现在.squarespace.com之前的字符串。 替换那里的内容,然后单击“重命名”。

在出现的弹出窗口中单击“确认”。

随着内置域的更改,URL也将更改。

但是,Squarespace提供一年的一次性免费自定义域。 但是,您必须采用年度计费方案,并且该域必须具有合格的TLD。 从注册或转移帐户开始算起一年。

步骤#10:优化搜索

使您的潜在用户找到您的最简单方法是为搜索引擎优化您的网站。 搜索引擎显示标题,页面标题和网站标题。

要优化您的网站,请转到主面板上的“营销”。

然后点击“ SEO”。

您会找到指向SEO清单的链接,这些链接可帮助您记住在优化网站时应做的所有事情。 “ Google搜索关键字”可让您使用Google Search Console验证您的网站。 因此,您将可以使用关键字来帮助您增加网站访问量并提高网站的效果。

您可以选择搜索外观,设置SEO标题的格式,甚至可以根据需要雇用Squarespace专家。

Squarespace 提供内置的SEO工具。 在启动网站之前,请使用Squarespace的SEO清单,以确保您没有遗漏任何内容。

一些重要的事情值得记住:

  • 网站标题
  • 网站说明
  • 连接自定义域
  • 连接到社交媒体帐户
  • 启用AMP
  • 添加浏览器图标
  • 创建自定义404页面
  • 使用Google Search Console验证您的网站
  • 有策略地使用关键字
  • 链接到您网站的内容
  • 使用Google Analytics(分析)等分析工具

随着搜索引擎索引您的更改,您的排名可能会波动。 但是,如果您的排名在一两周内没有改善,请使用分析功能查看可能解释下降的趋势。

您可能需要使用其他搜索词来更新关键字。 您的访客是人类,因此请包含与人们可能会使用的单词和短语相匹配的词句。

更新您的SEO指标后,您可以使用Google Search Console要求Google将您的网站编入索引。 但是请确保您禁用站点或页面上的密码。 连接Google Search Console后,您将开始获得有关访客用来找到您的关键字的报告。

要开始跟踪密码,请转到主页面板上的“ Analytics”。

点击“搜索关键字”。

点击“连接”。

然后登录到连接到您网站的Google帐户。 您必须单击允许以获取您要搜索的数据。 数据将在大约72小时内填充。

如果您仍处于试用期,则无法使用Google Search Console完成验证。 此时,您的网站对搜索引擎而言是隐藏的。 因此,您必须先启动网站,然后才能继续。

步骤#11:启动您的网站

在发布网站之前,请仔细检查清单,然后勾选完成的项目。 它可以帮助您确定要完善的区域。 尽管Squarespace为每个站点提供了404页,但是您可以根据需要自定义页面。

步骤12:整合行销

Squarespace 包括营销工具,可帮助您吸引更多流量。 您可以管理电子邮件活动并跟踪效果。 您也可以集成MailChimp。

您还可以在社交媒体和其他平台上推广您的网站,包括:

  • Instagram
  • Facebook
  • LinkedIn
  • Twitter
  • tumblr
  • 书签交易

如果您采用的是商业或商务计划,则可以使用促销弹出式窗口。 另外,它们具有不同的布局,您可以根据需要进行更改。

您将获得一个URL构建器,可帮助您为广告创建URL。 它向您显示了付费广告的效果和点击量的来源。

Squarespace允许您在网站上管理订单,库存,客户和折扣。 您还可以访问销售工具和通知。

尽管您必须按照付费计划使用它们中的大多数,但可以在试用期内了解它们的工作原理。

该平台可帮助您进行计划。 客户可以自己预订,并且由于它会自动调整时区,因此您的冲突会更少。 它可以自动执行录取表格,在线支付和集成。

此外,自动提醒功能可帮助您减少未出现的情况。

如何使用Squarespace:定价

试用期结束后,或者您想升级为付费版 Squarespace 计划,您可以从平台的四个主要价格计划中选择任何一个。 这些是:

  • Personal
  • 半年会员
  • 商业基础
  • 商业高级

平方空间定价

个人计划

At 每月16美元,如果您每年付款,则为$ 12, 广场计划 提供:

  • 免费的自定义域
  • 无限的带宽和存储空间
  • 搜索引擎优化功能
  • SSL安全
  • 满足从投资组合到博客的各种需求的模板
  • 两个贡献者
  • 全天候客户支持
  • 基本网站分析
  • 行动专用网站
  • Squarespace扩展

因此,如果您每年付款,则可以节省25%。

方形商业计划书

商业配套

业务计划 去吧 每月26美元 当您每月付款时。 但是,如果您每年支付18美元,则可享受30%的折扣。 因此,业务计划为您提供了个人计划的所有功能以及更多功能。

因此,除了个人计划之外,业务计划还包括:

  • 专业的Google电子邮件
  • 完全集成的电子商务
  • 有条件的$ 100 Google Adwords积分
  • 集成和内容块
  • 全面的CSS和JavaScript自定义
  • 百分之三的交易费
  • 无限销售产品
  • 接受捐款
  • 无限贡献者
  • 进阶网站分析
  • 促销弹出窗口和横幅
  • 礼物卡

方格定价

商业基础

商业基础 提供业务计划的所有功能等等。 在 每月$ 30一个 (如果您每年付款,则为26美元),

该计划提供:

  • 没有交易费用
  • 销售点
  • 客户帐户
  • 在您的域上结帐
  • 强大的电子商务分析
  • 强大的推销工具
  • Instagram上的产品

商业基础

商业高级

商业高级 去吧 每月46美元 (如果是每年支付,则为40美元)。 除了“商务基本计划”之外,该计划还提供:

  • 出售订阅
  • 进阶运送
  • 进阶折扣
  • 商业API
  • 限量标签

平方空间选择

Squarespace Select是针对需要量身定制的动手支持的企业,小型企业和个人用户的高级解决方案。 该计划可为您提供定制的体验。 所以,在 $500,它提供了高级功能和不间断的支持,以帮助小型企业所有者蓬勃发展。

平方空间选择

有关更多信息,请查看我们的 Squarespace评论Squarespace定价 指南。

如何使用Squarespace:总结

Squarespace 使您从头到尾轻松理解您的网站。 因此,您可以在开始使用它之前访问甚至构建您的网站。 换句话说,Squarespace让您像专业人士一样享受订阅时间。

Squarespace
评分: 5.0 - 审查