如何使用Squarespace建立您的第一个网站

Squarespace是出色的网站建设者之一。如果您正在使用自己的网站,而又不想担心WordPress等CMS的设置和维护麻烦,那将是理想的选择.


您会惊奇地发现,一个域名和Squarespace订阅仅需一个简单而快速的网站,您就可以轻松构建一个华丽的网站.

在此Squarespace初学者指南中,我们将介绍创建和启动第一个网站所需采取的确切步骤.

我们将介绍以下Squarespace组件:

  1. 设计(自定义网站的整体外观)
  2. 页面(向您的网站添加内容)
  3. 设置(微调SEO和其他业务设置)

了解这些组件后,您就可以使用该平台构建任何类型的网站.

导航

  • 步骤1:注册Squarespace
  • 步骤2:了解Squarespace(第1部分):设计选项
  • 步骤3:了解Squarespace(第2部分):“页面”的工作方式
  • 步骤4:探索Squarespace
  • 包起来

工具清单 

  • 平台– Squarespace
  • 域名注册商–价格便宜
  • (这就是您所需要的,简单!)

FTC披露:BuildThis从本网站上列出的工具收取推荐费。但是,这些意见是基于我们的经验而不是多少钱。我们专注于帮助小型企业和个人将网站建设为企业。请支持我们的工作,并在我们的收益披露中了解更多信息.

如何使用Squarespace…开始之前的准备工作

在开始使用Squarespace建立网站之前,您需要满足以下条件:

1.域名

作为我们网站设置的步骤之一,我们将您的域名与您的Squarespace帐户相关联.

因此,您将需要一个域名。如果您尚未购买域名,请立即购买.

您也可以从Squarespace购买它,但我不建议您这样做.

当向第三方域名注册商注册域名时,托管提供商,网站建设者或CMS之间的域名转移总是更容易.

NameCheap是一项出色的域名注册服务,提供具有竞争力的价格和优质的服务。签出购买您的Squarespace网站的域名.

注意:如果您在注册网站域名时需要帮助,这些域名生成器可能会提供帮助.

2.大致了解您网站的导航结构 

在开始构建网站之前,先了解其网站的导航结构(或其主菜单项),可以使过程更快.

因此,请撰写论文并绘制您的站点菜单外观。此练习将帮助您确定要添加到网站的不同页面.

例如,您可以将以下某些页面添加到您的站点:

  • 关于
  • 从这里开始
  • 作品集
  • 服务
  • 聘请
  • 商店
  • 特征
  • 价钱
  • 球队
  • 联系

3.拷贝和图形

开始创建网站之前,您需要做的最后一件事就是内容。因此,写下您要添加的所有页面的草稿.

另外,堆放您建立Squarespace网站所需的所有图像(或视频)。如果您需要库存图像,也请安排这些图像。拥有正确的图像可以 产生巨大影响 转换时.

掌握所有内容和媒体将在很多时间之后.

现在开始构建网站.

(如果您已经注册了Squarespace试用版,请跳至指南的第一部分。)

如何建立您的第一个Squarespace网站

步骤1:注册Squarespace网站

所有Squarespace计划均以免费试用开始.

要注册免费试用,请访问Squarespace并选择“创建网站”选项:

开始使用Squarespace启动Squarespace网站的两个简单步骤:1,设置一个(新的或移入的)域; 2,选择模板创建网站或商店.

接下来,选择一个模板.

为了简化此步骤,Squarespace将其主题分为以下类别:

  • 业务领域
  • 作品集
  • 网志
  • 音乐家
  • 餐馆
  • 婚宴
  • 个人

Squarespace主题样本

您可以在Squarespace主题中找到一些设计。单击以下缩略图以查看更清晰的图像.

主题名称:五

主题名称:Jasper

主题名称:Tudor

主题名称:Marquee

主题名称:Pacific

主题名称:高地

主题名称:Shift

主题名称:Forte

主题名称:Rover

演练Squarespace注册 处理

就本演练而言,我使用我的Squarespace帐户进行了设置.

我要进入业务类别,然后选择模板Montauk.

To use Montauk for your site, go to Business data-lazy-src=

选择模板后,Squarespace将显示一个简短的注册表单:

注册注册并使用Squarespace创建.

完成注册后,您将进入4步的Squarespace网站内容个性化流程.

1.选择谁的网站

步骤1#1-选择网站的收件人–我选择的是“我的业务/组织”选项.

2.这个网站是关于什么的?

第2步#2-这个网站是关于什么的?这里有多个选项。我选择的是“专业服务”.

3.您对该网站的目标是什么?

第三步#3-您对本网站的目标是什么?这个问题也支持多个答案。我选择“展示”或创建我的作品集,被录用,博客或发布内容以及在线销售产品或服务.

4.命名站点

第四步#4-命名站点。我现在将自己的网站称为“我的第一个Squarespace网站”.

完成网站内容个性化调查问卷后,我将看到以下屏幕.

如您在屏幕快照中所见,在左侧,有一个包含各种设计设置和首选项的面板。在右边,有我的网站的预览.

我的第一个Squarespace网站预览。我的第一个Squarespace网站预览.

了解有关Squarespace的更多信息

步骤2:使用Squarespace(第1部分):设计选项

Squarespace在其设计设置下有10个项目:

  1. 商标 & 标题
  2. 模板
  3. 样式编辑器
  4. 结帐页面样式编辑器
  5. 锁屏
  6. 公告栏
  7. 移动信息栏
  8. 方形徽章
  9. 自定义CSS
  10. 高级

让我们详细看一下每个元素.

1.徽标 & 标题

我们已经为网站指定了名称,因此在此步骤中,我将添加标语。让我们将标语设置为“ Squarespace初学者的资源”.

徽标11.此设置下的下一个选项是添加徽标。如果您有徽标,请上传它。 2.因为我没有徽标,而且因为Squarespace为用户提供了一个免费且极为精美的徽标制作工具,所以我选择了“创建新徽标”选项.

单击该按钮后,我将转到Squarespace的徽标制作工具.

徽标2Squarespace标志制作工具

该徽标制作工具可让您:

  • 从大量徽标图标中选择
  • 仅创建基于文本的徽标
  • 寻找图像徽标
  • 更改徽标文本的字体和颜色
  • 预览徽标在名片和其他品牌材料上的外观

总体而言,Squarespace的徽标制作工具非常直观。左侧面板上有其各种设计元素或图标.

徽标3您可以使用搜索选项来查找与您的网站相关的图标.

当我搜索关键字“网站”时,我看到了很多很棒的图标。我选择了右边可以看到的那个,并做了一个图像徽标.

徽标4

我尝试下载徽标的高分辨率版本,但编辑器提示我注册一个Squarespace帐户才能执行此操作.

但仍然可以在此时下载低分辨率版本。现在就可以了.

Squarespace试用期结束并升级到高级计划后,您应该可以下载高分辨率版本,而不会出现任何问题。取得高分辨率文件后,可以将其上传到Squarespace网站.

此设计项目下的下两个选项是设置收藏夹图标和社交共享徽标。如果有这些,那就太好了。否则,请转到下一个设置.

要保存您到目前为止所做的更改,请点击面板顶部的“保存”按钮.

注意:如果您想为自己的网站创建一个很棒的网站图标,下面是免费网站图标生成器的列表,您可以查看.

2.模板

“模板”部分显示了在Squarespace网站内下载的所有模板.

如您所见,现在,我的模板列表仅包含模板Montauk,因为这是我在设置试用版时签署的模板.

模板Montauk,已安装39分钟前.

如果您对选择的模板满意,请转到下一步。或者,您可以下载更多模板.

小费

  • 此时,不要花时间在模板的下载和切换上,因为它不会有帮助.
  • 只有在您设计了网站并向其上传内容后,您才能了解不同模板如何显示您的内容.
  • 您将无法从演示内容和图像中找到很多东西.

如何找出网站使用的Squarespace模板

如果您看到自己喜欢的Squarespace模板,并想知道它使用的是什么主题,请按以下步骤查找,

  1. 右键单击页面 > 查看源/页面源
  2. 您会注意到  在代码顶部附近,表明它是Squarespace网站
  3. 按Ctrl + F在页面上搜索:templateid并复制代码

我正在使用的模板Montauk具有模板ID:50521cf884aeb45fa5cfdb80. 尝试一下

找到模板ID后,您可以参考 Squarespace模板族 带您到Squarespace官方演示站点.

3.样式编辑器

样式编辑器用于自定义模板的设置,例如模板的字体,标题颜色,徽标位置,页脚内容等.

每个模板在样式编辑器中将提供不同的自定义选项.

但是,因为所有Squarespace模板的设计都是完美的,所以我建议您不要使用本节,除非您是设计师!

4.检出页面样式编辑器

Checkout页面样式编辑器有助于自定义Checkout页面的设置。此设置对拥有商店或商店网站的Squarespace网站最有帮助.

5.锁屏

Squarespace允许您使用密码锁定页面。所有此类页面均不显示内容,但显示锁定屏幕.

如果您根本不自定义锁定屏幕,则外观如下所示.

锁屏如果需要,您可以使用“锁定屏幕”自定义选项自定义此页面的外观.

5.公告栏

公告栏使您可以在网站顶部添加即时贴。这是一项出色的功能,可以吸引读者注意您的一些重要内容.

启用公告栏后,您可以添加消息和用户应单击的链接.

如上图所示,您可以在新窗口中打开链接.

公告栏公告栏设置(左)和预览(右).

6.移动信息栏

顾名思义,“移动信息栏”显示在移动用户之前,可用于显示您的电子邮件,电话号码,位置和营业时间.

Squarespace将从其“业务信息”部分中获取此信息,我们将在后面看到.  

移动信息栏移动信息栏.

7. Squarespace徽章

Squarespace将其品牌(徽章)添加到使用它构建的所有网站中.

使用Squarespace徽标设置,您可以启用或禁用Squarespace徽标,调整其位置并微调显示设置.

8.自定义CSS

如果您想自定义字体,颜色和其他默认自定义选项之外的模板,则必须借助“自定义CSS”.

记住,添加 自定义CSS 可能会破坏模板的设计-不建议.

9.进阶

高级选项可让您添加更多字体 来自Typekit 到您的Squarespace网站。高级设置还具有高级模板设置.

这样就构成了Squarespace网站的设计部分.

接下来,我们将查看Squarespace页面以及如何使用它们将内容上传到新设计的网站.

步骤#3:使用Squarespace(第2部分):“页面”在Squarespace中的工作方式

选择模板,自定义模板并添加网站的标题和徽标后,就该开始添加内容了.

Squarespace页面使您能够:

  • 将页面(和内容)添加到您的网站(例如:关于,联系方式等)
  • 将博客添加到您的网站
  • 将商店添加到您的网站
  • 建立网站的主选单

让我们从主菜单开始.

首次访问页面设置时,您会注意到“ TOP NAVIGATION”显示了演示中的菜单项.

现在,我希望您只是忽略演示中的页面,然后开始添加自己的页面.

对于网站通常需要的每个页面,Squarespace提供了预制模板.

例如关于“关于”,“功能”,“商店”,“联系方式”等页面-您已经具有可以立即使用的页面布局,可以将其加载到您的网站中.

1.如何将页面添加到预制模板

让我们看看如何将页面添加到预制模板中.

如下面的屏幕截图所示,您可以单击两个“ +”号来将页面添加到您的网站.

当您点击第一个选项时,您不仅会添加页面,而且还会将其添加到网站的主菜单中.

当您点击第二个选项时,您只需添加一个页面.

1.您可以点击两个“ +”号将页面添加到您的网站; 2.添加一个新页面。1.您可以点击两个“ +”号将页面添加到您的网站; 2.单击“页面”以创建一个新页面.

建议您开始添加带有第二个选项的页面。创建页面完成后,删除所有演示页面,然后将所有新生成的页面拖放到TOP NAVIGATION下。.

让我们添加一个“关于”页面。点击“页面”项后,您会在左侧面板上看到以下选项:

现在,在这个示例中,我将页面命名为“关于我”,对于入门版,我选择了一个预制的“关于”页面模板。单击“开始编辑”后,有关我的页面布局的选定内容将加载到Squarespace的页面编辑器中:1.现在,在本例中,我将页面命名为“关于我”。 2.对于入门版式,我选择一个预制的“关于”页面模板.

单击“开始编辑”后,有关我的页面布局的选定内容将加载到Squarespace的页面编辑器中。要编辑页面元素,请将鼠标悬停在页面顶部(位于导航下方),您会看到以下选项面板打开:

关于第2页将鼠标悬停在页面顶部(位于导航下方),您将看到突出显示的选项面板.

点击“编辑”.

此时,您可以开始编辑页面内容,也可以单击页面顶部的“ +”号向其中添加更多设计元素.

关于第3页点击页面顶部的“ +”号,向页面添加更多设计元素.
您可以在Squarespace的页面上添加一些设计元素。您可以在Squarespace上添加到页面的一些设计元素.

将元素添加到网站后,您可以通过简单的拖放功能轻松重新排列其位置.

注意:

如果您自定义默认布局并添加不同的元素(包括spacer元素),则有时您的移动预览可能看起来很有趣-而且,不同元素之间的间距可能看起来有点过头.

(不过,默认布局呈现得很漂亮。)

添加其他页面类似于添加关于页面.

目前,如果您要启动网站并快速运行,最好使用默认布局.

在此步骤结束时,您应该已准备好将站点的所有页面移至主菜单。.

但是在采取行动之前,请删除演示页面.

接下来,将您新建的页面拖放到“ TOP NAVIGATION”中.

删除演示页面要删除页面时单击的删除按钮.

清理导航后,就可以在页面上进行操作了.

2.如何向Squarespace页面添加内容:

要添加内容(或自定义页面的设计),只需点击页面名称.

单击后,页面编辑器将加载,您可以将模板的内容替换为在准备步骤中编写的内容。单击页面名称以加载Squarespace页面编辑器.

单击后,页面编辑器将加载,您可以将模板的内容替换为在准备步骤中编写的内容.

3.如何配置一些高级页面设置

高级页面设置可以帮助页面:

  • 导航标题
  • 标题
  • 说明(通常用于SEO)
  • URL段
  • 标题图片
  • 跟踪代码

高级页面要配置的页面设置.

要对页面进行更高级别的更改或将其删除,请点击页面名称旁边的设置图标.

另外,要将页面设置为主页,您需要打开所选页面的这些设置,然后选择“设置为主页”选项.

一个重要的Squarespace页面:博客

尽管您可以在Squarespace中将博客添加为简单页面,但可能需要对其进行一些其他设置.

要访问这些设置,请在“顶部导航”下单击博客菜单项上的设置齿轮:1.在“首页导航”下,点击博客菜单项上的设置齿轮; 2.完成后,博客设置面板将打开; 3.博客设置面板-配置了这些博客级别的首选项后,就可以将博客文章添加到您的网站中了.

要添加帖子,请点击博客菜单项上的“ +”号.

帖子编辑器非常直观.

在底部,您将看到用于在帖子中添加类别和标签的设置.

发布博客您还可以选择将您的帖子另存为草稿或立即发布.
编辑后选项撰写文章后,点击顶部博客菜单中的“选项”.

通过“选项”设置,您可以:

  • 将特色图片添加到帖子中
  • 分配作者到帖子
  • 摘录
  • 将帖子标记为特色帖子

希望通过上面的部分,您将拥有一个漂亮的网站,其中包含您的内容,甚至是博客.

现在看一下Squarespace设置.

步骤#4:使用Squarespace:探索设置

使用Squarespace的设置非常容易。它们分为3类:

  1. 一般
  2. 网站
  3. 商业

在“常规”类别中,您可以添加公司信息,例如您的公司名称,地址,税号等.

而“商务”设置与想要经营在线商店或将商店添加到其网站的用户有关.

在这些类别中,“网站”类别是我要讨论的类别.

“网站”设置包括:

  • 基本信息 –此设置可帮助您添加有关网站内容的摘录。一些模板会显示此信息,因此您应该填写它.
  • 域–  购买域名后,您应该返回此设置并将Squarespace网站指向该域名. 第三方域名整合 轻而易举.
  • 电子邮件– 下一项是电子邮件。 Gmail商业电子邮件集成可以在这里完成.
  • 关联帐户– 您可以在此处将社交媒体帐户与Squarespace网站关联。下次您在Squarespace网站上的任意位置添加社交媒体配置文件图标时,Squarespace将使用本节中的信息,并自动将图标链接到您的配置文件.
  • 市场营销– 在市场营销设置选项中,您已经设置了SEO,社交媒体和Google Adwords.
    这里的SEO设置将帮助您为您的网站添加SEO摘录。用户可以在搜索引擎结果页面上看到此摘录。您还可以设置网站上不同项目的URL格式。社交媒体设置将帮助您决定要在网站上显示哪些共享按钮。 Google Adwords营销设置适用于使用Squarespace商业或商务计划的网站.
  • 写博客 – 博客设置可帮助您设置博客文章URL格式.
    请勿更改默认格式-它已经易于阅读。但是,如果愿意,可以从中删除年,月和日。这些设置还使您可以将博客与评论服务Disqus集成在一起。这样,您的用户将能够通过其Disqus帐户对您的内容发表评论。 (如果您不希望使用Disqus,也有默认的评论系统。)
    博客设置还帮助您使AMP提供程序能够显示博客文章的AMP版本。 (经过AMP优化的页面是向移动访问者显示简化版本的网页的页面,这有助于提供快速的移动浏览体验。)
  • SSL – 您可以在下面的站点的安全版本和不安全版本之间进行选择 SSL设定. 选择安全版本,因为Google比不安全的网站更喜欢安全的网站.
  • 进阶– 使用高级设置,您可以从其他网站构建器或CMS导入网站内容。它还可以让您将网站导出到WordPress.
    如果您为网站创建自定义404页面,则可以使用高级设置显示自定义404页面,而不是默认的404页面。.
    您还可以通过这些设置添加您的Google Analytics(分析)帐号。这样做会自动将Google Analytics(分析)脚本安装到您​​的网站.

而已.

如果您一直按照本指南的说明进行操作,那么现在应该可以使用第一个功能正常(如果不是很完美)的Squarespace网站了.

启动Squarespace网站后的第一件事

启动新网站后,您的首要任务是让Google将其编入索引.

为了加快索引编制过程,您必须将其站点地图提交到Google Search Console.

您可以在以下位置找到Squarespace网站的站点地图:

http://www.yourdomain.com/sitemap.xml

因此,复制您网站的站点地图URL并通过 搜索控制台.

前往Squarespace.com

如何建立Squarespace网站-打包

创建一个Squarespace网站并对其进行调整和自定义,以使其完美无损地花费您一周以上的时间。完成后,您无需担心更新,黑客攻击或托管等任何事情; Squarespace将为您管理您的网站.

我希望本指南能使您在不到10小时的时间内建立第一个Squarespace网站的粗略版本(及时购买域名和其他东西).

注意:如果您正在寻找其他平台,则以下列出了用于构建自己的网站的16种平台.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map