Squarespace 是最棒的之一 网站建设器. 如果您正在使用您的网站而不想担心设置和维护,这是理想的选择 hasslCMS 的 es 像 WordPress.
您会惊奇地发现,只需一个域名和 Squarespace 订阅。
该 Squarespace 对于初学者指南,我们将查看您需要采取的确切步骤来创建和 启动您的第一个网站.
我们将涵盖以下内容 Squarespace components:
- 设计(自定义网站的整体外观)
- 页面(向您的网站添加内容)
- 设置(微调SEO和其他业务设置)
一旦了解了这些组件,便可以使用该平台构建任何类型的网站。
旅游导航
- 第 1 步:注册 Squarespace
- 步骤#2:理解 Squarespace (第 1 部分):设计选项
- 步骤#3:理解 Squarespace (第 2 部分):“页面”如何工作
- 步骤#4:探索 Squarespace
- 包起来
工具清单
- 平台– Squarespace
- 域名注册商– Name Cheap
- (这就是您所需要的,简单!)
使用方法 Squarespace……开始前的准备
在您开始使用之前 Squarespace 要建立您的网站,您需要做一些事情:
1.域名
作为我们网站设置步骤之一,我们会将您的域名与您的 Squarespace 帐户中找到与您的订单有关的所有信息,包括配送和物流信息。
So, you will need a domain name.因此,您将需要一个域名。 If you haven't purchased a domain name yet, purchase one now.如果您尚未购买域名,请立即购买。
你可以从 Squarespace 也是,但我不推荐这样做。
使用域名注册域名托管服务商,网站建设者或CMS之间的域名转让总是比较容易的 第三方域名注册商.
NameCheap 是一个优秀的域名注册商服务,提供有竞争力的价格和优质的服务。 查看它为您的域名购买域名 Squarespace 网站。
注意:如果您需要帮助 注册域名 对于您的网站,这些 域名生成器 可能的帮助。
2.大致了解网站的导航结构
Knowing your site's navigation structure (or its main menu items) before starting to build it makes the process faster.在开始构建网站之前,先了解其网站的导航结构(或其主菜单项),可以使过程更快。 So take a paper and draw how your site menu will look like.因此,请撰写论文并绘制您的站点菜单外观。 This exercise will help in finalizing the different pages you'll be adding to your site.本练习将帮助您确定要添加到站点的不同页面。
例如,您可以将以下某些页面添加到您的站点:
- 关于我们
- 从这里开始
- 案例
- 服务
- 聘请
- 商店
- 特点
- 定价
- 核心团队
- 联系我们
3.复制和图形
The last thing you'll need before you begin creating your site is content.开始创建网站之前,您需要做的最后一件事就是内容。 So write rough drafts of all the pages that you're going to add.因此,为要添加的所有页面编写草稿。
此外,将您需要的所有图像(或视频)堆积起来,以构建您的 Squarespace 网站。 如果你需要 库存图片,也安排一下。 拥有正确的图像可以 产生巨大影响 转换。
拥有所有内容和媒体将在很多时间之后。
现在开始构建站点。
(如果您已经注册了 Squarespace 试用,跳转到指南的第一部分。)
如何建立你的第一个 Squarespace 官网
第 1 步:注册 Squarespace 官网
所有类型 Squarespace 计划从免费试用开始。 要注册免费试用,请访问 Squarespace 然后选择“创建一个网站:
接下来,选择一个模板。
为了简化这一步, Squarespace 伟大ups 其主题分为以下几类:
- 公司
- 投资组合
- 博客
- 音乐家
- 优选餐厅
- 婚礼
- Personal
Squarespace 主题样本
您可以在以下位置找到许多设计 Squarespace 主题。 单击以下缩略图以获得更清晰的视图。
演练 Squarespace 注册 过程
出于本演练的目的,我使用我的 Squarespace 帐户中找到与您的订单有关的所有信息,包括配送和物流信息。
我要选择业务类别,然后选择模板Montauk。
选择模板后, Squarespace 将向您展示一个简短的注册表单:
完成注册后,您将被引导至 4 步 Squarespace 站点内容个性化过程。
1.选择谁的网站
2.这个网站是关于什么的?
3.您对该网站的目标是什么?
4.命名站点
完成网站内容个性化调查问卷后,我将看到以下屏幕。
As you can see in the screenshot, on the left, there's a panel with various design settings and preferences.如您在屏幕截图中所见,在左侧,有一个包含各种设计设置和首选项的面板。 And on the right, there's a preview of my website.在右边,有我的网站的预览。
步骤#2:使用 Squarespace (第 1 部分):设计选项
Squarespace 在其设计设置下有 10 个项目:
- 徽标和标题
- 模板
- 样式编辑器
- 结帐页面样式编辑器
- 锁定屏幕
- 公告栏
- 移动信息栏
- Squarespace 徽章
- 自定义CSS
- 高级
让我们详细看一下这些元素。
1.徽标和标题
We've already given our site a name, and so in this step, I'll add a tagline.我们已经为站点指定了名称,因此在此步骤中,我将添加一个标语。 Let's set the tagline to '让我们将标语设置为“一个资源 Squarespace 初学者.
单击按钮后,我将被定向到 Squarespace的标志制作工具。
这个徽标制作工具可让您:
- 从大量徽标图标中选择
- 仅创建基于文本的徽标
- 寻求图像徽标
- 更改徽标文本的字体和颜色
- 预览徽标在名片和其他品牌材料上的外观
总体而言, Squarespace的徽标制作工具非常直观。 它在左侧面板上有各种设计元素或图标。
当我搜寻关键字时 '网站',我有很多很棒的图标。 I chose the one you can see on your right and made an image logo.我选择了右边可以看到的那个,并做了一个图像徽标。
我试图下载一个高分辨率版本的标志,但编辑提示我注册一个 Squarespace 帐户才能做到这一点。
But still, a low-resolution version can be downloaded at this point too.但仍然可以在此时下载低分辨率版本。 That will do for now.现在就可以了。
一旦你的 Squarespace 试用结束并且您升级到高级计划,您应该能够毫无问题地下载高分辨率版本。 获得高分辨率文件后,您可以将其上传到您的 Squarespace 网站。
The next two options under this design item are setting the favicon and the social sharing logo.此设计项目下的下两个选项是设置收藏夹图标和社交共享徽标。 If you have these, great.如果有这些,那就太好了。 Otherwise, move on to the next setting.否则,请转到下一个设置。
要保存您到目前为止所做的更改,请点击“救' 面板顶部的按钮。
注意:如果您想为您的网站创建一个很棒的网站图标,下面是免费列表 favicon发电机 你可以看看。
2.模板
- '模板' 部分显示了在一个文件中下载的所有模板 Squarespace 网站。
如您所见,现在,我的模板列表仅包含模板 蒙托克 因为这是我在设置试用版时注册的模板。
If you're happy with the template you've chosen, go to the next step.如果您对选择的模板满意,请转到下一步。 Or, you can download more templates.或者,您可以下载更多模板。
Tips:
- 此时,不要花时间在模板的下载和切换上,因为这将无济于事。
- 只有在设计了网站并将内容上传到网站之后,您才能了解不同模板如何显示您的内容。
- 您将无法在演示内容和图像中找到很多东西。
如何找出什么 Squarespace 网站正在使用的模板
如果你看到 Squarespace 您喜欢的模板并想知道它使用的是什么主题,这是查找方法,
- 右键单击页面>查看源/页面源
- 你会注意到 <!– This is Squarespace. –> 靠近代码顶部以指示它是 Squarespace 官网
- 按Ctrl + F在页面上搜索: 模板编号 并复制代码
我正在使用的模板Montauk具有模板ID: 50521cf884aeb45fa5cfdb80. 尝试一下.
找到模板ID后,您可以参考 Squarespace 模板族 带你去官方 Squarespace 演示站点。
3.样式编辑器
- 样式编辑器 用于自定义模板的设置,例如其字体,标题颜色,徽标位置,页脚内容等。
每个模板将在 样式编辑器.
但是因为所有的 Squarespace 模板设计得非常完美,我建议您远离此部分,当然,除非您是设计师!
4.检出页面样式编辑器
- 结帐页面样式编辑器 有助于自定义结帐页面的设置。 此设置主要有助于 Squarespace 有商店或商店网站的网站。
5。 锁屏
Squarespace 允许您使用密码锁定页面。 所有这些页面都不显示内容,而是显示锁定屏幕。
如果您不自定义 锁定屏幕 完全是这样。
5。 公告栏
- 公告栏 lets you add a sticky notification on the top of your site.可让您在网站顶部添加即时贴通知。 This is an excellent feature to draw your readers' attention to some of your important content.这是一个出色的功能,可以吸引读者对您的一些重要内容的注意。
一旦启用 公告栏,您可以添加您的消息和用户应单击的链接。
如您在上面的屏幕截图中所见,您可以在新窗口中打开链接。
6.移动信息栏
顾名思义,就是这样 移动信息栏 在移动用户之前显示,可用于显示您的电子邮件,电话号码,位置和营业时间。
Squarespace 从其获取此信息 '商业信息' 部分,我们将在后面看到。
7. Squarespace 徽章
Squarespace 将其品牌(徽章)添加到使用它构建的所有网站。
- Squarespace 徽章 设置让您启用或禁用 Squarespace 徽章,调整其位置,并微调显示设置。
8.自定义CSS
如果要自定义字体,颜色和其他默认自定义选项之外的模板,则必须借助 自定义CSS.
记住,添加 自定义CSS 可能会破坏模板的设计-不建议这样做。
9。 高级
- 高级 选项可让您添加更多字体 来自Typekit 您的 Squarespace 网站。 的 高级 设置还具有高级模板设置。
这样就结束了你的设计部分 Squarespace 网站。
接下来,我们来看看 Squarespace 页面以及如何使用它们将内容上传到新设计的网站。
步骤#3:使用 Squarespace (第 2 部分):如何“前往'工作在 Squarespace
选择了模板,对其进行了自定义并添加了网站的标题和徽标之后,就该开始添加内容了。
Squarespace 页面允许您:
- 将页面(和内容)添加到您的网站(例如:关于,联系方式等)
- 将博客添加到您的网站
- 将商店添加到您的网站
- 建立网站的主菜单
让我们从主菜单开始。
首次访问页面设置时,您会注意到“顶级导航” 显示演示中的菜单项。
现在,我希望您只是忽略演示中的页面,然后开始添加自己的页面。
对于站点通常需要的每个页面, Squarespace 提供了预制模板。
例如,关于“关于”,“功能”,“商店”,“联系人”等页面-您已经具有可立即使用的页面布局,您可以将其加载到站点中。
1.如何将页面添加到预制模板
让我们看看如何将页面添加到预制模板中。
如下面的屏幕截图所示,您可以单击两个“ +”号来将页面添加到您的站点。
当您单击第一个选项时,您不仅会添加页面,还将页面添加到网站的主菜单中。
当您单击第二个选项时,只需添加一个页面即可。
I'd suggest you to start adding a page with the second option.我建议您开始添加带有第二个选项的页面。 After you're done with creating the pages, delete all the demo pages, and drag all your freshly generated pages and drop them under the创建页面完成后,删除所有演示页面,然后将所有新生成的页面拖放到 顶级导航.
让我们添加一个“关于”页面。 点击项目“页',您将在左侧面板上看到以下选项:
一旦我点击“开始编辑”,选择的关于我的页面布局被加载 Squarespace的页面编辑器。 要编辑页面元素, hover 在页面顶部(位于导航下方),您会看到以下选项面板打开:
点击 '编辑'.
此时,您可以开始编辑页面内容,也可以单击“+在页面顶部签名以添加更多设计元素。
将元素添加到网站后,可以通过简单的拖放功能轻松重新排列其位置。
请注意:
如果您自定义默认布局并添加不同的元素(包括spacer元素),则有时您的移动预览可能看起来很有趣-更是如此,不同元素之间的间距可能看起来有些偏离。
(不过,默认布局呈现得很漂亮。)
添加其他页面类似于添加关于页面。
目前,如果要启动站点并超快速运行,最好使用默认布局。
在此步骤结束时,您应该已准备好将站点的所有页面移至主菜单。
但是在采取行动之前,请删除演示页面。
接下来,将您新建的页面拖放到“顶级导航”.
清理导航后,就可以在页面上进行操作了。
2.如何添加内容 Squarespace 网页:
要添加内容(或自定义页面的设计),只需单击页面名称。
单击后,页面编辑器将加载,您可以将模板的内容替换为在准备步骤中编写的内容。
3.如何配置一些高级页面设置
高级页面设置可以帮助页面:
- 导航标题
- 选项
- 说明(通常用于SEO)
- URL段
- 标题图片
- 跟踪代码
要对页面进行更高级别的更改或将其删除,请单击页面名称旁边的设置图标。
另外,要将页面设置为首页,您需要打开所选页面的这些设置,然后选择“设为主页' 选项。
一个重要的 Squarespace 页面:博客
虽然您可以将博客作为简单页面添加到 Squarespace,您可能需要为它做一些额外的设置。
要添加帖子,请单击博客菜单项选项上的“ +”号。
帖子编辑器非常直观。
在底部,您将看到将类别和标签添加到帖子的设置。
- 附加选项 设置可让您:
- 将特色图片添加到帖子中
- 分配作者到帖子
- 摘录
- 将帖子标记为特色帖子
希望通过上面的部分,您将拥有一个漂亮的网站,其中包含您的内容,甚至是博客。
现在让我们看看 Squarespace 设置。
步骤#4:使用 Squarespace: 探索设置
运用 Squarespace的设置很简单。 它们分为 3 类:
- 常用资料
- 您的网站
- 商业
其中,“一般' 类别可让您添加公司信息,例如您的公司名称,地址,税号等。
和“商业' 设置与想要经营在线商店或将商店添加到其站点的人有关。
在这些类别中,“网站' 我想谈一谈类别。
左侧工具栏上的'网站' 设置包括:
- 基本信息 –此设置可帮助您添加有关网站内容的摘录。 一些模板显示此信息,因此您应该填写它。
- 域– 购买域后,您应该返回此设置并指向您的 Squarespace 该域的站点。 第三方域名整合 轻而易举。
- 电子邮件– Gmail商业电子邮件集成可以在这里完成。
- 关联帐户– 您可以将您的社交媒体帐户与您的 Squarespace 网站在这里。 下次您在您的任何位置添加社交媒体个人资料图标时 Squarespace 站点 Squarespace 将使用本节中的信息并自动将图标链接到您的个人资料。
- 市场营销– 在市场营销设置选项中,您已经设置了SEO,社交媒体和Google Adwords。
SEO设置 从这里将帮助您为您的网站添加 SEO 摘录。 搜索引擎结果页面上的用户可以看到此摘录。 您还可以设置站点上不同项目的 URL 格式。 社交媒体设置将帮助您决定要在您的网站上显示哪些共享按钮。 Google Adwords 营销设置适用于使用 Squarespace的商业或商业计划。 - 写博客 - 博客设置可帮助您设置博客文章URL格式。
请勿更改默认格式-它已经易于阅读。 但是,如果您愿意,可以从中删除年,月和日。 这些设置还使您可以将博客与评论服务Disqus集成在一起。 这样,您的用户将能够通过其Disqus帐户对您的内容发表评论。 (如果您不希望使用Disqus,也有默认的评论系统。)
(经过AMP优化的页面是向移动访问者显示简化版本的网页的页面-这有助于提供快速的移动浏览体验。) - SSL – 您可以在下面的站点的安全版本和不安全版本之间进行选择 SSL 设置。 Choose the secured version because Google prefers secure websites over insecure ones.选择安全版本,因为Google偏爱不安全的网站,而不是安全的网站。
- 进阶– 高级设置允许您从其他网站建设者或 CMS 导入网站内容。 它还允许您将网站导出到 WordPress.
如果您为站点创建自定义404页面,则可以使用高级设置来显示自定义404页面,而不是默认404页面。
您还可以添加您的 Google Analytics 通过这些设置的帐号。 这样做会自动安装 Google Analytics 脚本到您的网站。
就是这样。
如果您一直按照本指南的说明进行操作,那么现在您的第一个功能(如果不是完美的话) Squarespace 网站应该准备好了。
启动后要做的第一件事 Squarespace 官网
启动新网站后,您的首要任务是让Google将其编入索引。
为了加快索引编制过程,您必须将其站点地图提交到Google Search Console。
A Squarespace 网站的站点地图可以在以下位置找到:
http://www.yourdomain.com/sitemap.xml
因此,复制您网站的站点地图URL并通过 搜索控制台.
如何建立一个 Squarespace 网站——总结
创建 Squarespace 网站并对其进行调整和定制以使其完美不应该花费你超过一周的时间。 完成后,您不必担心更新、黑客攻击、托管或其他任何事情; Squarespace 将为您管理您的网站。
我希望本指南能让您构建您的第一个应用程序的粗略版本 Squarespace 在不到 10 小时内访问网站(考虑购买域名和其他东西的时间)。
注意:如果您正在寻找替代平台,请参阅以下列表 建立自己的网站的平台.