WooCommerce是最流行 的和“建立你的网上业务最定制的电子商务平台。”你可以下载WooCommerce免费,但你真正开始看到它的力量,当你开始使用WordPress的WooCommerce插件和主题。
但你真的需要使用WooCommerce主题?
虽然它不是必需的,我强烈推荐它。
不仅是WooCommerce主题电子商务为中心的设计,整个主题是围绕WooCommerce样式居中。这WooCommerce用来定义产品的显示方式,然后使用WordPress的WooCommerce主题确实拉都在一起,使得一些最设计精美的电子商务店面的CSS。
更何况事实,即安装和设置新的WordPress WooCommerce主题并不比建立其他任何WordPress主题更加困难。
让我告诉你如何做到这一点。
如何安装和设置新的WordPress WooCommerce主题
如果你已经有WooCommerce安装,这是伟大的!如果不是这样,我强烈建议瑞秋McCollin的新手指南,使用WooCommerce。这将向您介绍WooCommerce,并引导您完成,让您的网上商店和运行所需的所有步骤。
现在,让我们开始使用如何安装和设置一个新的WordPress WooCommerce主题。
步骤1:安装伪数据
如果您已经加入您的产品WooCommerce,我建议跳过这一步,并与第2步开始。
安装虚拟数据增加了虚构的产品,你的店面,以帮助您直观您的商店的产品。你已经完成了安装和设置新的WordPress WooCommerce主题后,你会想删除所有加入你的产品之前的仿真数据。否则,你可能不小心删除自己的产品的数据。
虚拟数据是包含在您的WooCommerce插件。如果你的WordPress管理内安装WooCommerce,继续前进,从WordPress插件目录插件下载到您的计算机。这将是比登录到您的FTP,进入你的插件目录,并从那里下载的虚拟数据更容易。
一旦下载完成,那么你就可以导入你解压文件虚拟-data.xml的文件。
转到您的工具,然后单击导入:
不要让“WooCommerce税率(CSV)”迷惑你。这可以,如果你喜欢可稍后再进行。对于WooCommerce虚拟数据,你要选择的WordPress。
更可能你不会有安装WordPress的插件进口,所以,尽管现在安装。
一旦安装后,继续前进,激活插件与运行进口商。
你还记得你在哪里下载并解压WooCommerce插件?大!现在,您需要点击选择文件,并用自己的方式吧。
您的虚拟数据应该在你解压缩文件夹:(woocommerce.version.number)> woocommerce>假数据。
打开虚拟数据文件夹,选择虚拟-data.xml中,你就可以上传文件并导入。
这就是你需要导入的所有虚拟数据前做的最后一件事。
其中的一些是个人喜好,但这里是我做的(下面将进一步截图):
导入默认作者“wooteam”,而不是创建一个新的作者或使用已存在的作者。你知道这样,什么样的内容是进口/的基础上作者姓名此过程中创建(我建议删除当您删除虚拟数据您完成安装和设置新的WordPress WooCommerce主题之后的作者)。
我还建议你下载并导入附件,让你有每个产品(同样,你要确保当你与虚拟数据完成了媒体被删除)相关的图像。
一旦你做了这些选择,提交:
访问yourwebsite.com/shop /,你应该看到一个全面导入测试商店:
是啊!你做到了!
它不是设计得非常好,是吗?好东西我们要安装一个很漂亮的WordPress WooCommerce主题像萨瓦。
(注:就大功告成了安装和设置你的主题后,别忘了从伪数据导入删除产品和形象之前,你开始增加自己的产品。)
第2步:安装WordPress的WooCommerce主题
现在,让我们来看看如何安装WooCommerce的主题。如果你还没有下载你的WordPress主题商务部已经,继续前进,将它下载到你的电脑(确保你知道你在哪里下载它,这样你就可以访问它)。
有两种不同的方式,你可以安装你的主题:
- 使用FTP访问您的网站
- 从WordPress管理
通过FTP上传主题
如果您在使用FTP是舒适的,继续前进,连接到服务器,并用自己的方式给的wp-content>主题目录。这是你要发送的主题。之前你把你的解压缩文件夹到你的服务器,但是,请确保您发送您的主题。让我们用我们的例子中WordPress主题从细看ThemeForest。
解压你下载后,你会看到有一些不同的文件夹:
不是每一个你下载的主题将被打包这样。有时候,你下载的压缩文件夹是实际的主题文件夹。它总是一个好主意,仔细检查,因为这从地而异。
在萨瓦省-极简AJAX WooCommerce主题包括像文档,资产等一些额外的东西如果在主题Files文件夹中寻找萨瓦,你会发现你的主题(savoy.zip)。
如果您通过FTP进行安装,请继续上传解压的主题文件夹(例如:“开胃菜”),进入themes目录。如果你不知道如何使用FTP或宁愿从WordPress管理安装,这很好。我更喜欢使用WordPress管理了。
从WordPress管理
安装从管理一个WordPress主题要求主题文件夹被压缩(themefolder.zip)。正如我们前面所讨论的,你要确保你与工作实际的主题文件夹,而不是你的主题可能会被打包的文件夹。
从WordPress管理,在外观上,单击主题:
添加新的主题:
上传主题:
你还记得你的主题zip文件在什么位置?
(我们的例子主题的标题是:savoy.zip)
单击选择文件,并用自己的方式吧:
一旦安装,你可以访问外观>主题在你的WordPress管理,看看它的安装或点击来激活它立竿见影。
正如你可以看到(如下图),萨瓦主题已成功安装,所以鼠标悬停和激活:
现在,你的WordPress WooCommerce主题已成功安装并激活,让我们来设置它。
第3步:设置一个WordPress WooCommerce主题
不是每一个主题是定制完全相同。如何主题的设计和开发是一个很大的因素,所以有可能是本教程中,你可能会面临什么样的一些差异。一般来说,然而,这应该可以帮助你得到你的WordPress WooCommerce主题设置,不管是什么WooCommerce主题,你是从ThemeForest使用或其他地方。
推荐/所需的插件
安装和激活后萨瓦主题,你会通知推荐插件:
有时候,你的主题将通知您推荐的插件,而其他包括其文档中的建议。可以有主题设计的功能,如可选滑块-未编码到主题,但容纳于。
点击开始安装插件 在萨瓦主题,看看推荐的插件列表:
同样,这将改变从主题的主题,但在这种情况下,可能会或可能不希望安装所有这些。
例如,当萨瓦建议联系表7,包括造型吧,你可能不希望使用此插件您的联系方式。您可能需要使用类似重力形式或忍者形式。
就像一个插件重新生成缩略图是用于那些谁现有的存储设置和配置了先前的主题,他们的形象极好的插件。这个插件将通过你的WordPress媒体库和调整所有的图像与你的新的主题工作。您可能会或可能不希望与虚设数据要做到这一点,你可能想完全跳过这个插件(但我建议无论如何做,让所有媒体的大小正确用于测试目的)。
像ENVATO工具包一个插件,但是,是通过购买的ThemeForest主题非常重要,以确保将通知您的主题更新。
我会建议安装所有推荐的插件,当你上手。以后您可以随时删除插件,如果你不需要它,而如果你不安装的需要一个插件,你可以得到沮丧,因为主题是不是“工作”或做一些你在演示喜欢。
一旦你安装了所有,部分,或没有推荐的和/或所需的插件,不要忘记激活它们:
如果您使用的ThemeForest,购买一个主题,如本例中的主题开胃菜,不要忘记输入在ENVATO WordPress的工具包的市场用户名和密码API密钥,以确保适当的主题更新。
定制
这是安装和设置你的WordPress WooCommerce主题时,它变得非常有趣,你开始看到你的网站来的生活的一部分。
您可以从菜单访问WordPress的定制WordPress中:外观>自定义。或者去下的主题页面外观>主题,然后点击自定义按钮:
欢迎来到WordPress的定制:
这里就是我们将进入更深的配置之前做出一些调整。
你会看到的第一件事是网站的身份。在这里,你可以改变你的网站标题和标语。
有时候,这是你可以添加自定义标题图片和/或网站图标,以及(这将主题有所不同的主题)。
接下来,配置菜单:
如果这是一个新的WooCommerce设置,或者您还没有创建任何页面,可能没有太大的你“定制”了。安装WooCommerce,但是,它会自动添加一些网页,我敢肯定你会想添加到您的菜单的时候了。
您可以轻松地添加和创建一个新的菜单:
一旦你添加一个菜单(或几个),您可以选择您想显示在菜单以及不同的菜单项(如自定义链接,文章,页面,产品等)。
这给你一个很大的灵活性,你会怎么喜欢你的网站WooCommerce的功能。不要害怕玩弄它,或者进行更改。
在我们离开WordPress的定制,你要告诉WordPress的做头版你的店:
马克头版显示为一个静态页面 ,选择头版 是你的店铺页面。当你安装了插件WooCommerce店铺页面被自动创建。
至于帖子页面,这取决于您是否想在WooCommerce网站博客,或没有。如果是这样,你需要创建一个博客页面,并选择WordPress的定制此页面上还是在WordPress的管理设置>阅读。
结果
对于一些基本的配置,你可以看到你的网上商店多么伟大可以看看使用了WordPress WooCommerce主题:
个别产品页面看起来惊人:
它甚至还包括相关产品:
在萨瓦省-极简AJAX WooCommerce主题让你轻松微调您的网站中的许多元素和可以去远远落后什么,我已经涵盖在本教程中(一定要通过你的主题的文档阅读,详细了解您的主题明确)。我只是表明你可能WordPress的定制内进行,通常可以做的只是你可能使用的任何主题变化。
结论
你可以清楚地看到它是如何容易配置新的WordPress WooCommerce主题这些初始第一步可以有多好看起来,只需使用一个WordPress主题专门为WooCommerce设计。
有许多关于CodeCanyon提供有用的WordPress插件WooCommerce以及一些精美的设计和有效的ThemeForest的WordPress WooCommerce主题。
纵观一些的畅销ThemeForest WooCommerce主题可能是一个很好的起点(萨瓦仍然是我的最爱)。我相信你会找到最贴合您的电子商务商店。或通过我们的特色展示浏览找到刚才右一为您的商店: