Wix 初学者教程逐步构建您的网站
已发表: 2020-11-17Tooltester 受到像您这样的读者的支持。 当您通过我们的链接购买时,我们可能会赚取联属佣金,这使我们能够免费提供我们的研究。
网站建设者经常被誉为“建立网站的最简单方法” 。 当我们谈论网站建设者时,他们不会比 Wix 更大 – 它在全球拥有超过 2 亿用户(您可以在此处查看一些真实的 Wix 网站示例)。
尽管如此,Wix 无数的编辑和自定义选项仍然会让新用户不知所措。
在这个全面的 Wix 教程中,我们介绍了在 Wix 中构建自己的网站所需了解的主要内容- 涵盖了整个过程中的每个步骤。
虽然我们不会详细介绍您可以使用 Wix 做的每件事(实在是太多了!),但我们保证:在本 Wix 教程结束时,您将了解足够的知识来进行简单但又简单的操作。专业外观的 Wix 网站即将上线。
那么,让我们直接进入正题吧!
此 Wix 教程适合谁?
在本 Wix 教程中,我们将构建一个基本的摄影作品集网站。 所以,如果您是摄影师、设计师、艺术家或创意专业人士,那么您来对地方了!
我们还将引导您添加预约日历、联系表单以及优化您的搜索网站 - 因此,如果您是一家小型企业或想要添加这些功能的自由职业者,本教程将同样适用。
Wix 的设计适合初学者,因此无论您的技术水平如何 - 通过本教程,您将能够立即创建一个功能齐全的 Wix 网站!
如需一些额外的见解,您可能想查看我们的 Wix 评论,了解其优点和缺点:
分步 Wix 教程
请随意按照我们视频中的步骤操作或阅读书面版本。 或者两者都使用。 无论什么对你有用!
在这里免费试用 Wix。
第 1 步 – 注册 Wix
首先,请访问 Wix.com 创建一个帐户。 (注意:Wix 偶尔会更改其界面,因此接下来的几个步骤对您来说可能看起来不完全相同,但即便如此,它也非常直观,因此应该能够轻松遵循。)
单击“开始”按钮,然后创建新的登录名,或使用您现有的 Google 或 Facebook 帐户登录。 在此阶段,它完全免费使用,因此您无需提供任何付款详细信息。
第 2 步 – 选择您的网站类别和功能
然后,设置向导会询问您一些有关您要创建的站点类型的问题。 在我们的例子中,我们将输入“摄影师”并单击“下一步”,但您当然可以输入与您的网站相关的类别。
输入您的网站名称(可以是您的公司名称、项目名称或您自己的名称),然后再次单击“下一步”。 这将显示在您网站的页面标题中,但您可以稍后根据需要进行更改。
然后它会询问您是否需要某些功能。 在我们的案例中,它会推荐一个作品集来展示作品,并推荐一个预订,以便客户可以在线预约拍摄照片(或我们可能提供的任何其他服务)。
勾选以选择您想要添加到网站的功能,或者如果您愿意,可以点击“跳过”。 您可以随时添加或删除这些内容,因此如果您以后改变主意,也不必担心。
第 3 步 – 选择您的网站建设选项
单击可访问仪表板,这是您网站的控制中心。 您将能够从这里管理整个网站,因此值得花时间探索所有不同的区域和功能。
您还将看到一个清单,其中涵盖了构建网站的主要步骤 - 添加服务、连接域等。 但是,我们要做的第一件事是更改网站的内容,因此单击右上角的“设计网站”按钮。
然后,您将有两个选择:让 Wix 使用其 AI 构建器为您创建网站,或者选择一个模板。 让我们选择“模板”选项,以便我们可以按照我们想要的方式设计我们的网站。
第 4 步 – 选择模板
现在我们来到创建网站最令人兴奋的部分之一:选择模板。 正如您所看到的,Wix 为摄影师和创意人员提供了出色的模板 - 这也是它们成为构建作品集网站如此受欢迎的选择的原因之一。 Wix 会根据您之前选择的类别自动过滤选择,但您可以更改类别以获得更广泛的选择 - 只需单击页面顶部的菜单,然后选择您喜欢的类别。
我们将坚持使用摄影师类别并选择婚礼摄影师模板。 您可以将鼠标悬停在模板上并单击“查看”来预览模板,或者单击“编辑”开始使用它。
第 5 步 – 了解 Wix 编辑器
我们现在处于 Wix 的拖放编辑器中。 不要让所有选项让您望而却步:我们将指导您逐步完成操作。
首先,让我快速介绍一下编辑器以及屏幕上的所有不同选项。
- 编辑器:您可以在此处更改网站内容 - 文本、图像等。 该编辑器是完全拖放式的,这意味着您可以拖动页面上的任何元素并将其放置在您喜欢的任何位置。
- 功能工具栏:通过此工具栏,您将能够管理站点的内容。 您可以添加新元素,例如图库、表单和应用程序; 编辑您网站的设计; 管理您的页面等等。
- 保存、预览和发布:在右上角,您可以选择保存更改(尽管在您第一次手动保存工作后,Wix 会定期自动保存更改)、以访问者身份预览您的网站以及发布进行更改后您的网站。 确保在准备好生效后立即点击“发布”按钮,因为更改不会自动发布(这是一件好事!)。
- 页面切换器:在这里,您可以导航到站点的不同页面,其中许多页面是根据您选择的模板自动插入的。 您还可以添加新页面、删除它们以及将它们隐藏在公共视图中。
- 后端工具栏:这里有很多功能,但您将使用的主要功能将在“设置”下 - 连接域、搜索引擎优化(SEO)等。 您还可以通过“帮助”选项访问 Wix 的帮助中心和客户支持。
第 6 步 – 编辑图像和文本
我们首先关注主页。 您可以通过直接单击每个元素来对其进行自定义 - 与任何文档编辑器相同。 然后,您可以将其拖动到页面上的任何位置,或更改其内容。
例如,通过选择文本,然后单击“编辑文本”来更改文本。 如果您需要一些灵感,您还可以选择“创建 AI 文本”。 (如果这些建议还不够好,你当然可以参考全能的 ChatGPT 或其他 AI 替代方案。)
如果我们想显示不同的图像,只需单击该图像,然后单击“更改图像”按钮即可。 然后我们就可以上传我们自己的图像并替换当前的图像。
Wix 的编辑器是基于部分的,因此当您向下滚动页面时,您可以看到其中的不同部分。 也可以添加新的部分并重新排序。
您可以通过返回到页面切换器来一一自定义站点的所有页面。 Wix 插入了一些它认为您会觉得有用的内容,但如果您不需要它们,您可以随时删除它们。
第 7 步 – 添加图片库
让我们转到屏幕左侧的工具栏,您可以在其中向页面添加元素和应用程序。
您可以通过单击 + 符号并选择“图库”来添加图片库,然后将所选图库拖放到页面上的任意位置。
在此模板中,图库已位于“关于我”文本下方。 要更改布局,请选择图库,单击“设置”,然后单击“布局”。 我们选择“网格”。 请注意,您可能需要编辑或重新排列某些图像才能使它们在此布局中正确显示。
要添加您自己的照片,请单击“管理媒体”按钮,然后单击“替换图像”和“上传媒体”。
您可以再次上传自己的图像,甚至可以从 Wix 的免费库存照片库中选择一张。
第 8 步 – 添加 Wix 预订
应用程序对于为您的网站添加额外功能非常有用,Wix 在其应用程序市场中拥有大量应用程序。 例如,要添加预约功能,请单击左侧菜单中的“添加应用程序”。
然后搜索“Wix Bookings”,这是 Wix 自己的预约安排应用程序 - 如果您是一名摄影师,希望通过您的网站进行拍摄预订,那么这会很方便。 幸运的是,我们已经在模板中预安装了它,因此我们不需要再次安装它。
但是,如果您想将其添加到主页,请首先为其创建一个部分。 您可以通过转到编辑器,将鼠标悬停在要放置该部分的位置(它需要位于两个现有部分之间),然后在出现时单击“添加部分”按钮来完成此操作。
然后,转到“预订”,并将您选择的块拖到新部分中。
接下来,单击新添加部分上方显示的“管理服务”按钮。 不必担心您在这里看到的图像和文本 - 这些只是占位符,一旦您添加自己的服务,它们就会更新。
为了让事情变得更容易,Wix 允许您从一些现有选项中进行选择,例如约会、课程或课程,或者您可以通过选择“从头开始”来添加自己的选项。
我们来编辑“订婚照”。 在这里,您只需编辑持续时间、价格和付款选项、位置详细信息以及员工可用性。 您还可以添加更多图像并访问高级功能,例如手动或自动批准请求以及自定义预订表格。
完成后请记住点击“保存”。
第 9 步 – 添加联系表格
如果您希望客户取得联系,则必须在您的网站上添加联系表单。 在我们的模板中,一个表单已添加到主页,就在页脚之前。 如果您的模板没有,只需再次单击左侧工具栏中的 +,然后导航到“联系人和表单”,将您选择的表单拖放到页面上。
要添加新字段,请单击表单,然后单击“添加新字段”按钮。 要更改字段的名称,只需单击要更改的文本块并选择“编辑字段”即可。 简单的!
在表单设置(带有齿轮图标的按钮)中,您可以更改表单名称,选择用户提交表单时显示的消息,甚至可以直接通过表单接受付款(如果您使用的是 Wix Business)计划)。
第 10 步 – 优化您的网站以进行搜索
您的网站即将开始整合! 但在发布网站之前要采取的最重要步骤之一是针对搜索优化网站。 幸运的是,Wix 使这一切变得非常容易。
转到页面最顶部的“设置”,然后选择“在 Google 上找到”选项。
您将退出编辑器并返回 Wix 的主仪表板。 单击“开始”按钮。
然后,按照步骤操作。 填写您的公司名称 - 例如“波特兰婚纱摄影”。
指定您是否在本地为客户提供服务,如果是,请添加您的位置 - 例如波特兰。
添加一些相关关键字,例如“波特兰婚纱摄影”和“波特兰订婚摄影”,并用逗号分隔术语。 最好从一个重点列表开始,因此现在只需 2 或 3 个搜索词即可。
单击“下一步”,您将看到如何优化网站的个性化清单。 单击每个步骤旁边的“Go for it”,按照每个步骤进行操作。 Wix 会自动将您带到正确的位置来执行每一个关键步骤。
完成后,您将拥有一个可以在 Google 上找到的网站! 请注意,您的网站可能需要几天时间才能被 Google 识别并开始排名。
第 11 步 – 最终任务
现在进行最后的步骤。 在发布网站之前,我们建议您做几件事。
完成页面导航
首先,返回编辑器,然后单击左上角的页面切换器来管理页面和菜单。 您可以拖放页面以重新排序导航菜单,以及隐藏和删除页面。
编辑您的移动网站
接下来,检查网站的移动版本,确保一切看起来都正常,因为 Wix 的移动设计并不总是 100% 适合移动设备,有时需要一些手动调整。 您可以通过单击页面顶部的手机图标,然后在移动编辑器中进行更改来完成此操作:
请注意,移动编辑器不如桌面编辑器灵活,因此您可以更改的内容受到限制。 但是,您通常可以进行一些调整,以确保元素全部对齐,重新排序部分,甚至当访问者在移动设备上查看您的网站时完全隐藏它们。 (如果您的网站上有视频等大型媒体,并且不想将它们显示给可能使用移动数据的移动用户,这会很方便。)
设置您的域名
最后,要发布您的网站,您需要为其分配一个域名(例如www.mywebsite.com )。 您有几种选择:
- 使用免费的 Wix 域名(例如username.wix.com/sitename ) – 这对于个人项目(例如简历或婚礼网站)来说很好,但不建议用于专业和商业网站。
- 您可以从 Wix 购买您自己的域名 – 如果您注册按年付费计划,则第一年将免费包含一个域名
- 连接您自己的域名 – 从长远来看,从其他提供商(例如 Namecheap)购买域名,然后将其连接到您的 Wix 网站通常会更便宜。
有关每个选项的更多信息,请查看我们的 Wix 域指南。
发布您的网站
准备好后,您所要做的就是点击编辑器右上角的“发布”按钮,然后您就可以上线了! 这里的所有都是它的!
Wix 教程:结论
在本 Wix 教程中,我们介绍了在 Wix 上发布简单但功能齐全的网站所需了解的基础知识。 但作为市场上最强大的网站建设者之一,您可以用它做更多的事情 - 请随时查看我们的 Wix 评论以了解更多信息。
如果您觉得自己已准备好尝试 Wix,可以从这里开始。
不确定 Wix 适合您吗? 如果您想要一个更易于使用的网站构建器,我们建议您查看我们的最佳网站构建器列表。
另一方面,如果您追求更大的灵活性和控制力,那么您可能需要查看 Wix 的更高级功能,例如 Wix Editor X 或 Wix Velo。 但请注意,这些需要更多的技术专业知识。 Webflow 也是一个可靠的替代方案,尽管它的学习曲线要陡峭得多。
虽然我们没有介绍它,但绝对可以将博客添加到您的 Wix 网站 - 您可以在此处了解如何操作。 但是,如果您网站的主要目的是写博客,我们认为 Squarespace 或 WordPress 实际上更适合。
如果您想使用您的网站销售实体或数字商品,您可以将 Wix Stores 应用程序添加到您的网站 - 有关如何操作的说明,请参阅此处。 虽然您可以在 Wix 的免费计划中设置商店,但您需要选择 Wix 的电子商务计划之一才能开始销售产品。
Wix 附带了大量的应用程序和小部件,可让您添加额外的功能并改进您的网站,例如 Wix Bookings、Wix Membership、Wix Shoutout(Wix 的电子邮件营销工具)等等。 他们甚至为餐厅网站、酒店等提供专用应用程序。 查看 Wix 应用程序市场以了解可用的内容,并咨询 Wix 帮助中心以获取有关如何在您的网站上安装这些应用程序的指南。
Wix 拥有全面的帮助中心,其中包含文章和教程,可在每一步为您提供帮助。 此外,您还可以通过提交票证或请求回电来联系 Wix 客户服务中心。
就在这里。 您最多可以创建100 个常规页面。 请记住,大型 Wix 网站往往加载速度较慢,尤其是在使用编辑器时在后端。
我们的一般建议是,如果可以避免的话,不要使用超过 30 个静态页面。
此限制不包括博客页面和动态页面。