如何安装和设置新的WordPress WooCommerce主题

WooCommerce是最受欢迎和“可定制性最强的电子商务平台，用于建立您的在线业务”。 您可以免费下载WooCommerce，但是当您开始使用WordPress WooCommerce插件和主题时，您才真正开始看到它的强大功能。

但是，您真的需要使用WooCommerce主题吗？

虽然不是必需的，但我强烈建议您使用。

WooCommerce主题不仅以电子商务为中心，而且整个主题都围绕WooCommerce样式而定。 然后，WordPress WooCommerce主题使用WooCommerce用来定义产品显示方式CSS来将所有内容真正整合在一起-为一些设计最精美的电子商务店面做准备。

更不用说安装和设置一个新的WordPress WooCommerce主题比设置任何其他WordPress主题困难得多。

让我告诉你如何做。

如果您已经安装了WooCommerce ，那就太好了！ 如果没有，我强烈推荐Rachel McCollin 的《使用WooCommerce入门指南》 。 这将向您介绍WooCommerce，并引导您完成启动和运行在线店面所需的所有步骤。

现在，让我们开始如何安装和设置新的WordPress WooCommerce主题。

如果您已经将产品添加到WooCommerce，则建议跳过此步骤，从步骤2开始。

安装虚拟数据会将虚构的产品添加到您的店面，以帮助您使用产品可视化商店。 完成安装并设置新的WordPress WooCommerce主题后，您需要在添加产品之前删除所有虚拟数据。 否则，您可能会意外删除自己的产品数据。

虚拟数据包含在您的WooCommerce插件中。 如果您已在WordPress Admin中安装了WooCommerce，请继续并将插件从WordPress插件目录下载到您的计算机。 这比登录FTP，进入插件目录并从此处下载虚拟数据要容易得多。

下载完成后，解压缩该文件，以便准备导入您的dummy-data.xml文件。

转到您的工具 ，然后单击导入 ：

不要让“ WooCommerce税率（CSV）”使您感到困惑。 如果您愿意，可以稍后进行。 对于WooCommerce虚拟数据，您需要选择WordPress 。

您极有可能没有安装WordPress Importer插件，因此请继续并立即安装 。

安装完成后，继续并激活Plugin＆Run Importer 。

您还记得下载和解压缩WooCommerce插件的位置吗？ 大！ 现在，您需要单击“选择文件”并自行处理。

虚拟数据应位于解压缩的文件夹中：（woocommerce.version.number）> woocommerce>虚拟数据。

打开dummy-data文件夹，选择dummy-data.xml ，您就可以上传文件并导入了。

这是导入所有虚拟数据之前需要做的最后一件事。

其中一些是个人喜好，但这是我的工作（下面的截图）：

导入默认作者“ wooteam”，而不是创建新作者或使用现有作者。 这样，您就可以根据作者姓名知道在此过程中导入/创建了什么内容（我建议您在完成安装和设置新的WordPress WooCommerce主题后删除虚拟数据时删除作者）。

我还建议您下载并导入附件，以使每个产品都有与之关联的图像（同样，当您完成虚拟数据处理后，您将要确保已除去介质）。

完成这些选择后，提交：

访问yourwebsite.com/shop/，您应该会看到一个完全导入的测试商店：

是的 你做到了！

设计不是很好，是吗？ 好东西，我们将安装一个外观精美的WordPress WooCommerce主题，例如Savoy 。

（注意：完成主题的安装和设置之后， 在开始添加自己的产品之前 ，请不要忘记从虚拟数据导入中删除产品和图像。）

现在，让我们看一下如何安装WooCommerce主题。 如果尚未下载WordPress Commerce主题，请继续将其下载到计算机上（确保您知道要下载的位置，以便可以访问它）。

有两种安装主题的方法：

如果您习惯使用FTP，请继续并连接到服务器，然后进入wp-content> themes目录。 这是您要发送主题的地方。 但是，在将解压缩的文件夹发送到服务器之前，请确保要发送主题。 让我们通过使用ThemeForest中的示例WordPress主题来仔细看看。

解压缩下载文件后，您会看到许多不同的文件夹：

并非您下载的每个主题都会像这样打包。 有时您下载的压缩文件夹是实际的主题文件夹。 反复检查始终是个好主意，因为各地的情况各不相同。

Savoy-极简AJAX WooCommerce主题包括一些额外的内容，例如文档，资产等。如果在Savoy的Theme Files文件夹中查找，则会找到您的主题（savoy.zip）。

如果要通过FTP安装，请继续并将未压缩的主题文件夹（例如：“ savoy”）上载到themes目录。 如果您不确定要使用FTP还是希望通过WordPress Admin进行安装，可以。 我也更喜欢使用WordPress Admin。

从管理员安装WordPress主题需要压缩主题文件夹（themefolder.zip）。 如前所述，您将要确保使用的是实际的主题文件夹，而不是主题可以打包的文件夹。

在WordPress管理员的“ 外观”下，单击“ 主题” ：

添加新主题：

上传主题：

您还记得主题zip文件位于何处吗？

（我们的示例主题标题为：savoy.zip）

单击选择文件，然后按以下方式操作：

安装完成后，您可以在WordPress管理员中访问外观>主题以查看其是否已安装，或者单击以立即将其激活。

如您所见（下图），Savoy主题已成功安装，因此将鼠标悬停并激活 ：

现在，您的WordPress WooCommerce主题已成功安装并激活，让我们对其进行设置。

并非每个主题都是完全相同的。 主题的设计和开发方式是一个很大的因素，因此本教程与您可能面对的内容可能会有一些差异。 但是，总的来说，这应该可以帮助您设置WordPress WooCommerce主题，无论您是从ThemeForest还是其他任何地方使用什么WooCommerce主题 。

安装并激活Savoy主题后 ，您将收到有关推荐插件的通知：

有时您的主题会通知您推荐的插件，而其他主题则在其文档中包含推荐。 可以有一些主题设计功能（例如可选的滑块），这些功能没有编码到主题中，但可以容纳。

单击Savoy主题中的开始安装插件以查看推荐的插件列表：

同样，这会因主题而异，但是在这种情况下，您可能会或可能不想安装所有这些。

例如，尽管Savoy建议使用Contact Form 7并包括其样式，但您可能不希望将此插件用于联系表格。 您可能要使用重力形式或忍者形式 。

像Regenerate Thumbnails这样的插件是一个出色的插件，适合那些已经建立了现有商店并为其图像配置了先前主题的用户。 该插件将通过您的WordPress媒体库，并调整所有图像的大小以适合您的新主题。 您可能会或可能不想使用虚拟数据执行此操作，并且可能希望完全跳过此插件（但是我还是建议您这样做，以便正确调整所有媒体的大小以进行测试）。

但是，诸如Envato Toolkit之类的插件对于通过ThemeForest购买的主题非常重要，可确保通知主题更新。

我建议您在开始时安装所有推荐的插件。 如果不需要插件，您以后可以随时删除它，而如果您不需要安装插件，则可能会因为主题无法“工作”或在演示中做您喜欢的事情而感到沮丧。

一旦安装了所有，一些或所有推荐和/或必需的插件，或者没有安装，请不要忘记激活它们：

如果您使用的是从ThemeForest购买的主题，例如我们的示例主题Savoy，请不要忘记在Envato WordPress Toolkit中输入您的Marketplace用户名和Secret API密钥，以确保正确更新主题。

当它变得非常有趣并且您开始看到自己的网站变得生动起来时，这就是安装和设置WordPress WooCommerce主题的一部分。

您可以从WordPress： 外观>定制中的菜单访问WordPress 定制器 。 或转到外观>主题下的主题页面，然后单击自定义按钮：

欢迎使用WordPress定制器：

在这里，我们将进行一些调整，然后再进行更深入的配置。

您会看到的第一件事是Site Identity 。 您可以在此处更改网站标题和标语。

有时，您可以在其中添加自定义标题图像和/或“网站”图标（这会因主题而异）。

接下来，配置菜单：

如果这是WooCommerce的新设置，或者您尚未创建任何页面，则“自定义”可能还不多。 但是，安装了WooCommerce后，它会自动添加一些页面，我相信您会立即将其添加到菜单中。

您可以轻松添加和创建新菜单：

添加菜单（或多个菜单）后，您可以选择菜单显示的位置以及其他菜单项（例如自定义链接，文章，页面，产品等）。

这为您提供WooCommerce网站运作方式的灵活性。 不要害怕玩弄它或以后再更改它。

在我们离开WordPress Customizer之前，您需要告诉WordPress将首页设为商店：

标记首页显示为静态页面，然后选择首页作为您的商店页面。 安装WooCommerce插件时，将自动创建“商店”页面。

至于“ 帖子”页面，这取决于您在WooCommerce网站上想要博客的位置。 如果是这样，您需要创建一个博客页面，然后在WordPress Customizer的此页面上或WordPress Admin Settings> Reading中选择该页面。

通过一些基本配置，您可以使用WordPress WooCommerce主题查看在线商店的外观：

各个产品页面看起来很棒：

它甚至包括相关产品：

Savoy-极简AJAX WooCommerce主题使您可以轻松地微调站点中的许多元素，并且可以远远超出我在本教程中介绍的所有内容（请务必通读主题的文档以专门了解有关主题的更多信息）。 我只向您展示了可以在WordPress定制程序中进行的更改，并且通常可以针对您可能使用的任何主题进行更改。

您可以清楚地看到配置这些新的WordPress WooCommerce主题的最初的第一步有多容易，以及外观如何—只需使用专门为WooCommerce设计的WordPress主题即可。

CodeCanyon上有许多有用的WordPress WooCommerce插件，而ThemeForest 上有一些设计精美且有效的WordPress WooCommerce主题 。

您正在使用WooCommerce卖什么？

翻译自: https://code.tutsplus.com/tutorials/how-to-install-and-setup-a-new-wordpress-woocommerce-theme--cms-26846