教程:如何使用Wix构建您的第一个网站(分步指南)

Wix是一个非常直观的网站构建器。但是,由于它提供了很多选择,因此当您第一次使用Wix来构建自己的网站时,您可能会感到有点不知所措.


如果您正在寻找创建Wix网站的教程,则本指南适合您.

在本指南中,我将向您介绍Wix仪表板并向您展示其工作原理。我们还将看到发布闪亮的新Wix网站所需的不同设置和步骤.

准备?让我们开始.

表中的内容

  • 步骤1:注册Wix帐户
  • 步骤2:选择Wix ADI或Wix编辑器
  • 步骤#3:选择一个预先构建的模板
  • 步骤#4:添加网站元素和功能
  • 步骤5:发布并上线 
  • 使用Wix网站管理器
  • 经常问的问题

探索蜡

  • 开始使用Wix
  • Wix商业网站模板(免费)
  • Wix在线商店模板
  • Wix在线简历
  • 婚礼/摄影用蜡
  • 作家和作家的蜡
  • 房地产经纪人蜡

*这些是指向Wix网站的传出链接.

创建您的第一个Wix网站的5个步骤

步骤1 –注册Wix帐户

Wix提供了五个高级计划。选择最适合您的需求.

特征
贵宾
电子商务
无限
组合
连接
带宽无限10GB无限2GB1GB
存储20GB20GB10GB3GB500MB
免费域名没有
Wix广告已移除已移除已移除已移除
定制图标没有
表单生成器应用没有没有
网站助推器应用没有没有
网上商城是(样本)是(样本)没有没有没有
电子邮件活动是的,每月10次没有没有没有没有
价钱$ 24.50 / mo$ 16.50 / mo$ 12.50 /月$ 8.50 /月$ 4.50 /月

对于新手,我建议您从Wix Combo计划开始,然后随着您网站的增长进行升级。对于企业,请选择电子商务计划,因为它允许您建立在线商店.

始终建议使用Wix高级计划(组合– VIP),因为它们具有许多优势,包括连接您自己的域,删除Wix广告以及提供额外的带宽和存储空间的能力。.

以下是一些使用Wix构建的网站示例.

我们将Wix视为最好的网站构建器之一,但请记住,每种工具总是各有利弊。例如,已经有 提及 对易用性的热爱,以及在某些方面过于有限.

Wix的优点:

给予Wix正面评价的用户对Wix系统的直观性感到满意。拖放界面易于使用,并允许企业创建网站而无需编码知识.

Wix不好的地方:

负面的Wix审阅者抱怨其服务器速度慢。使用Wix创建的网站有时加载速度很慢,并且被认为不是非常适合SEO,这意味着使用Wix创建的网站在搜索引擎结果中的排名可能不会很高.

步骤2 –使用Wix ADI或Wix编辑器创建

Wix提供了两种创建网站的方法– Wix ADI和Wix编辑器.

Wix ADI(或Wix人工设计智能)是利用AI功能的独特工具。 –您所需要做的只是提供一些基本信息(例如您的业务类型和站点名称),然后系统使用该信息自动构建站点。另一方面,Wix Editor允许您使用拖放生成器从头创建网站.

在本演练教程中,我们将演示如何使用这两种方法来构建商业网站.

编辑使用Wix创建站点的两个选项:Wix ADI或Wix编辑器.

选项1:使用Wix ADI创建网站

要使用Wix ADI进行构建,请点击“使用Wix ADI开始”.

然后,Wix会询问您要构建的商业网站类型,并提出一些基本选项。如果您不确定要创建的网站类型,只需输入一些关键字,Wix ADI就会为您提供帮助.

wix-adi-step-1我在本教程中选择了“数字营销”.

当您指定企业网站的性质时,Wix ADI会要求您在网站上提供所需的功能集。在这里,您需要考虑所有想要与您的网站一起完成的工作.

wix-adi-step-2在我们的示例中,我们将选择Wix建议的所有功能,除了“接受预订” & 约会功能.

了解了网站的所需功能后,Wix ADI会提示您输入网站名称.

为了本例,我将网站命名为“ BuildThisDigitalMarketing”.

然后,Wix ADI将提示您提供更多商业信息,例如商业地址和其他详细信息.

尽可能多地提供Wix ADI信息,因为它将使用此信息来填写网站上的相关部分(例如网站的页脚和联系页面)。

wix-adi-step-3

最后,在您提供了所有功能首选项和信息之后,Wix ADI将准备建立您的网站.

点击“开始”。点击“开始”.

在下一个屏幕上,Wix ADI询问您的配色方案偏好.

对于我们的示例,我选择的是“火花”配色方案。对于我们的示例,我选择的是“ Spark”配色方案.

通过首选的配色方案,Wix ADI现在可以在网站的主页上工作了.

在大约一分钟左右的时间里,Wix ADI应该已准备就绪,可以访问您的网站.

示例:我使用Wix ADI创建的网站

供您参考,这是我使用Wix ADI创建的主页:

威克斯网站

老实说,我并不是WIX ADI为我设计的粉丝.

实际上,我永远不会使用它.

但是您应该知道这种设计不是最终的。您可以向其中添加新部分。配色方案和元素也可以更改。甚至可以从头开始重新设计.

无论如何,让我们忘记设计的一秒钟,然后看看Wix ADI程序对该网站做了什么。例如,让我们看看Wix ADI是否至少选择了正确的页面添加到我们的网站.

要查看此信息,请点击信息中心左侧面板上的“页面:首页”选项.

以下屏幕截图显示了Wix ADI选择为我们的数字营销代理网站创建的不同页面:

wix-adi-step-7如您所见,即使我们正在建立商业网站,Wix ADI也向我们的网站添加了一堆“商店”页面。我猜是因为我们选择了“在线销售”功能而添加了这些页面。除了商店页面,Wix ADI还添加了博客页面,这很好.

底线:Wix ADI当然还没有准备好迎接黄金时段

如您所见,尽管使用Wix ADI设计网站很方便,但结果远非如此.

也许这只是Wix ADI不太正确的一个例子。尽管如此,您现在已经了解了此选项的期望.

现在,我们来看看创建网站的第二种方法,即使用Wix编辑器。通过此选项,您可以完全控制网站的外观,感觉,导航,功能以及其他所有内容.

选项2:使用Wix编辑器创建网站

为了了解Wix编辑器的工作原理,假设我们正在尝试创建相同的数字营销代理网站作为示例.

当您单击它时,Wix会再次询问您要构建的站点的类型。标题:要创建新站点,请从“站点”菜单项中单击“创建新站点”选项.

当您单击它时,Wix会再次询问您要构建的网站类型.

同样,对于本演练,我们将选择“企业”网站类别。对于本演练,我们还将选择“企业”网站类别.

但是这次,我们将使用Wix编辑器创建网站,因为我们现在想尝试使用该编辑器。这将我们引向下一步;

步骤3 –选择Wix预制站点模板

点击“以Wix编辑器开始”按钮后,您将直接进入各种模板.

如下图所示,Wix已经突出显示了“业务”类别中的许多相关模板.

不仅如此,还有一个便捷的搜索选项可帮助您过滤合适的模板(请参阅此处的Wix预制模板).

wix-edit-step-3让我们来看看“广告 & 营销”子类别,因为它看起来与我们最相关.

对于模板,我们选择“广告与营销公司”。对于模板,我们选择“广告与营销公司”.

编辑Wix预制模板

选择模板后,您将看到完整的Wix编辑器仪表板.

您在Wix信息中心内有3个关键区域(请参见突出显示的部分):1)核心部分是您的网站-进行更改时,您可以实时预览它们; 2)在您的右侧,您可以使用一些选项来删除,复制,旋转和调整网站上各种元素的位置;和3)左侧是您可以使用的构建基块和设计选项.

wix-edit-adi-step-5Wix编辑器仪表板.

步骤4 –添加网站元素和功能

让我们也详细了解构建基块和设计选项中的所有元素.

1.网站背景

wix-edit-step-6对于网站的背景,Wix支持纯色,图像和视频.

如果您想更改背景颜色,只需单击“颜色”选项,Wix就会显示一个调色板。当您将鼠标悬停在调色板上的任何颜色上时,Wix会向您显示实时预览.

如果您希望使用图片背景,则可以上传自己的图片,也可以从Wix免费提供的精美图片集中选择。.

这些图像不仅美丽,而且还整齐地分类.

同样,如果您想尝试视频背景,则可以上传自己的视频,也可以从Wix的收藏集中选择一个.

Wix提供的免费图像库。Wix免费图片库.

通过向您提供这种优质的媒体库存,Wix确实可以帮助您构建具有精美图像或媒体的精美网站.

如果您曾经尝试重新创建大多数网站构建器模板的演示,则可能会知道与它们相比,您的设计如何平淡。由于缺乏高质量的图像,几乎总是会发生这种情况,但是Wix在这一领域会很好地照顾您.

2.内容块和设计元素

通过“添加”选项,您可以将设计元素添加到您的网站。这些元素包括:

  • 文本
  • 图片
  • 画廊
  • 幻灯片放映
  • 纽扣
  • 跳闸
  • 形状
  • 视频
  • 音乐
  • 社会的
  • 联系
  • 菜单
  • 清单
  • 灯箱
  • 博客
  • 更多

当您添加任何这些元素时,您将意识到Wix已关注“小”细节.

例如,对于我们的示例网站,我决定在主菜单中添加一个CTA(号召性用语)按钮。因此,当我单击按钮设计元素时,Wix向我展示了几种按钮样式,还精心挑选了适合我的模板的建议样式。请参见下图的“主题按钮”:

wix-edit-step-8

要注意的另一件事是,这些设计元素是完全可定制的。在我们的示例中,我放置在菜单中的CTA按钮看起来有点不合适,因为它稍大一些并且字体与默认菜单字体不匹配.

但这有一个简单的解决方法。只需单击一个元素即可打开其设计工具箱。单击画笔图标后,将为您提供许多自定义选项:

要将CTA按钮与菜单的其余部分进行匹配,我们可以轻松更改其字体和大小。这足以使新添加的元素看起来像设计的一部分.

wix-edit-step-9

如果将这些设计工具与大多数其他平台(例如Squarespace)提供的工具进行比较,您会注意到这里有更多具有100多种样式和自定义选项的元素。 Wix比大多数其他网站建设者提供的功能更多.

3.通过Wix App Market的网站功能

Wix应用程序市场中的应用程序可能具有您网站上可能需要的所有功能。无论您需要添加FAQ部分还是简单的实时聊天小部件,Wix App Market都可以满足您的要求。Wix应用程序市场中的应用程序可能具有您网站上可能需要的所有功能。无论您需要添加常见问题解答部分还是实时聊天小部件,Wix App Market都可以满足您的需求.

“ Wix应用程序市场”是一个包含大量第三方和Wix本机应用程序的存储库,可让您扩展网站的功能.

如果您只想建立一个基本的网站,则不需要任何其他应用,因为Wix涵盖了您可能需要的几乎所有功能。.

但是,有时候您可能需要开箱即用的Wix所不具备的功能。或者,您可能想扩展您的网站或为其添加一些营销功能。在所有此类情况下,只需进入Wix应用市场.

许多应用程序是免费的,还有一些高级应用程序.

虽然您添加的应用将取决于您的需求,但我还是建议您使用一个“Wix获取订户的应用。您可以使用它在您的网站上添加注册表单和弹出窗口,并快速建立电子邮件列表.

4.我的上传

“我的上传Wix中的部分就像您的个人图像库。本部分包含您已上载到Wix的所有可视文件,例如图像,视频,音频以及可以添加到网站的其他文件.

5. Wix博客

如果愿意,您可以在此页面添加更多元素。只需使用“博客管理器”菜单中的“添加博客元素”选项:

wix-edit-step-10顾名思义,“开始博客”选项可让您将博客添加到您的网站.

当您点击“立即添加”按钮时,博客页面将被添加到您的网站。如果您查看博客页面的布局,您会注意到它的(完全可自定义)侧边栏带有有用的选项,例如按标签搜索,精选的帖子小部件和最近的帖子小部件。当您点击“立即添加”按钮时,博客页面将被添加到您的网站。如果您查看博客页面的布局,则会注意到它的侧边栏(完全可自定义)带有有用的选项,例如按标签搜索,精选的帖子小部件和最近的帖子小部件.

您可以在此页面添加更多元素。只需使用“博客管理器”菜单中的“添加博客元素”选项即可。您可以在此页面添加更多元素。只需使用“博客管理器”菜单中的“添加博客元素”选项.

“添加博客元素”选项可让您将不同的元素添加到博客页面,例如:

  • Disqus评论
  • Facebook评论
  • 自订资讯提供
  • 的RSS
  • 分类目录
  • 还有一些.

除了这些元素之外,本节还建议一些Wix应用程序,它们可以为您的博客增加更多功能.

Wix用虚假帖子预先填充了博客页面,因此使用您的内容进行更新变得更加容易.

6.预订

如果您想提供咨询或其他需要预订系统的内容,“预订”选项可能会很有帮助.

涵盖了左侧面板上的所有选项以及一般的Wix编辑器.

步骤5 –发布并上线

您的网站现在可以发布了。在单击右上角的按钮发布第一个Wix网站之前,您可以对其进行预览。单击“发布”之前,请确保您对网站的每个部分都满意。按下该按钮后,您将看到您的域名出现在弹出窗口中。您可以选择将Wix网站连接到您自己的域(通过将您的域名服务器指向Wix)或保留默认值.

您的Wix网站现已正式启用!

使用Wix网站管理器管理和更新您的网站

设计完网站后,您可以从“网站”菜单选项访问网站设置:

在“网站管理员”设置下,您可以针对网站的SEO,社交,分析和其他更多选项。我们将介绍所有这些选项。在“网站管理员”设置下,您可以针对网站的SEO,社交,分析以及其他更多选项.

我们将介绍所有这些选项。我们将介绍所有这些选项.

Wix网站管理器下的选项

域设置可让您连接自定义域,并将自定义图标添加到Wix网站。但是,您需要执行Wix高级计划.

搜索引擎优化

SEO设置可让您向网站添加自定义跟踪和其他代码。您可以为Google网站站长工具,必应网站站长工具,Twitter卡,Pinterest验证等添加跟踪代码。在此处了解有关SEO基础的更多信息.

移动

此设置仅可确保您运行的网站适合移动设备.

语言 & 区域

Wix的一项重要功能是,它可以帮助您立即创建本地化的网站。在“语言”下 & 地区设置,您可以指定网站的语言.

商业资讯

在“公司信息”设置下,您可以添加详细信息,例如公司名称,地址,电子邮件等.

社会的

通过“社交”设置,您可以将自己的Facebook个人资料添加到您的网站中。 (我很好奇为什么这里只包含Facebook!)

分析工具

与某些网站建设者不同,Wix没有自己的访问者或网站指标跟踪系统。为了进行跟踪,Wix与Google Analytics(分析)集成在一起,因此您可以在此处添加Google Analytics(分析)脚本.

的角色 & 权限

Wix允许您将多个用户添加到您的网站,并支持不同的用户角色,例如博客撰稿人,编辑者,管理员等。.

SSL证书

自动为所有新创建的Wix站点启用HTTPS,而无需支付额外费用。您可以在网站的信息中心中检查设置。在撰写本文时,Wix不支持第三方SSL证书.

*关于SEO设置的附加说明:

这里一个非常有趣的Wix SEO工具是 搜索引擎优化. SEO Wiz使用页面SEO帮助网站.

要开始使用此工具,请从SEO面板选项中单击“放手”按钮。当您开始使用SEO Wiz工具进行优化时,它将首先询问一些业务信息。提供后,系统会要求您输入大约5个您要为其优化网站的关键字。只需输入您的关键字,然后点击“创建SEO计划”选项即可。这样做后,您将获得一个清单,其中列出了一些步骤,以使您的网站搜索引擎更友好。要开始使用此工具,请从SEO面板选项中单击“放手”按钮。当您开始使用SEO Wiz工具进行优化时,它将首先询问一些与业务相关的信息。提供后,系统会要求您输入大约5个您要为其优化网站的关键字。只需输入您的关键字,然后点击“创建SEO计划”选项即可。这样做后,您将获得一个清单,其中包含一些步骤,以帮助您简化网站搜索引擎.

经常问的问题

Wix多少钱?

Wix的价格从每月$ 4.50到$ 24.50不等,具体取决于您选择的计划。入门计划的起价为4.50美元,可让您将自定义域名连接到您的网站。 Combo计划每月收费8.50美元,无广告,并提供1年免费域名。每月$ 12.50无限计划适用于大中型网站。如果您要在自己的网站上销售产品,则需要确保选择其“业务”之一 & 电子商务”计划,每月17美元起.

如何在Wix上启动网站?

请按照以下5个简单步骤创建您的第一个Wix网站:

1.注册一个Wix帐户 > 2.选择Wix ADI或Wix编辑器 > 3.选择一个预先构建的模板 > 4.添加网站元素和功能 > 5.发布。点击这里开始.

建立Wix网站需要多长时间?

一个简单的站点可以在几分钟之内用Wix拼凑起来(取决于您的挑剔程度)。如果您想要一个高度定制的网站,那么将需要更多时间。我希望在一个具有基本功能的合理定制的网站上平均花费2到3个小时.

哪种Wix高级计划适合我?

对于新手,我们建议从Wix Combo计划开始,该计划每月仅需$ 8.50。您可以随着站点的增长进行升级。对于企业主来说,最好选择电子商务计划,因为它可以让您建立在线商店.

如果您想了解更多信息,请查看Wix定价。.

我一次可以建立几个Wix网站?

您可以在一个帐户下创建任意数量的Wix网站。请记住,尽管您发布的每个网站都必须附有自己的高级计划.

Wix比WordPress更好吗?

Wix和WordPress都有其优缺点,但总的来说,与WordPress相比,Wix更易于使用.

Wix允许不精通技术的用户使用其拖放式编辑器快速构建和部署网站。另一方面,WordPress具有更大的潜力,具有更好的可定制性和对您网站的控制。这是以稍微陡峭的学习曲线为代价的.

包起来

这可能是您需要使用Wix来启动网站所需的知识。我已经介绍了Wix ADI,Wix编辑器以及各种可用的站点设置.

祝您第一个Wix网站好运!

*翻译:EN ID

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