Kinsta-博客中文翻译-十五-

Kinsta 博客中文翻译（十五）

原文：Kinsta Blog

协议：CC BY-NC-SA 4.0

为什么使用 WordPress？深入探究 10 个好理由

原文：https://kinsta.com/blog/why-use-wordpress/

如果你发现自己想知道，“为什么使用 WordPress？”你来对地方了。思考这个问题意味着你至少研究过一些 WordPress 或者从朋友或同事那里听说过它。但这并不意味着你已经完全权衡了利弊，或者深入研究了这些特性。

因此，我们想为你分析一下使用 WordPress 的好处，清楚地说明为什么它是世界上最流行的内容管理系统和网站建设软件。WordPress 真的可以做任何事情！

网站困境——为什么使用 WordPress？

对于一般的企业主来说，像 WordPress 、 Joomla 、 Shopify 、 Magento 、 Wix 和weely这样的名字听起来可能像是陌生的名字。建立网站的过程将这些名字带入你的生活，因为它们都是用来建立网站的平台。每一个都有自己的好处，而许多更常用于有特定目的的利基网站。例如，Shopify 只有在你经营网上商店时才有意义。这不是一个你可以用来开博客然后变成电子商务商店的平台(查看 Shopify 替代方案来比较解决方案)。Magento 也在同一条船上。其他网站建设者和平台有更多的灵活性，这些通常是最受欢迎的。

从 Squarespace 到 Wix 的所有东西都有针对特定技能水平的优秀工具，但是我们将解释为什么你应该在所有这些工具上使用 WordPress。

该软件是免费和开源的
它可以适应，所以你可以制作任何类型的网站
支持多种媒体类型
它很容易学习，而且有一个庞大的社区
您可以使用主题和插件来扩展您的网站
管理并不需要天才
SEO 第一
您可以完全控制您的网站
博客无疑是业内最好的
每个人都在做

1。该软件是免费和开源的

WordPress.com 和 WordPress.org 都可以完全免费使用。你可以在这里了解两者的区别，但简而言之，WordPress.org 是一个自托管版本，在这里你可以控制你的网站，并利用高级插件。WordPress.com 对完全的初学者来说很棒，但对计划赚钱的企业来说不完全是最好的，所以离开 WordPress.com是有意义的。它确实有更高的付费计划，但我们推荐它用于个人和爱好博客。

但是继续前进， WordPress 是任何人都可以免费下载的。这是一个自 2003 年就存在的开源项目。这意味着 WordPress 是由一群贡献者开发的。开源项目通常是免费的，有大型的社区。用户经常作为 beta 测试者或简单的品牌倡导者加入这个社区，但是如果这不是你的风格，就不需要任何参与。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

警告:虽然 WordPress 软件是免费的，但你最终很可能会花一点钱。WordPress 是自托管的，所以需要托管。对于非常便宜的共享服务器来说，这可以从每月 3 美元左右开始，对于需要终极速度和性能的人来说，可以一直到每月数百美元(像 Kinsta)。

你通常可以找到免费的主题和插件，但是付费的通常会提供更好的特性和质量支持。最后，许多 WordPress 用户最终会为额外的服务付费，不管是来自自由职业者还是代理商。例如，你可能会付钱给一个自由职业者，让他为你设计一个标志或者调整你网站上的 CSS 代码。其他 WordPress 用户热衷于让图形设计师或维护专家随叫随到。这完全取决于你的经验和你网站的规模。

但是总的来说，你绝对可以将你的 WordPress 成本保持在最低。很多站长最后只为托管付费。

观看它的实际应用:

当你导航到WordPress.org网站时，它解释了关于这个平台的基础知识，但是唯一的按钮(除了常规的菜单之外)是一个“获取 WordPress”的链接

WordPress.org

这会把你带到一个免费的下载页面，这个页面会根据最新的版本频繁更新(目前是 WordPress 5.2 +)。这提供了 WordPress 软件如何呈现给用户的即时体验。你不会被横幅广告轰炸，也不会在下载免费软件前被提示完成调查。您会看到一个基本页面，上面有一些描述、测试版、需求、源代码、档案和下载计数器。它提供了多种下载选项(比如。拉上拉链。tar.gz 文件和正确的说明一起安装你自己的 WordPress 软件。

Download latest version of WordPress

简单的安装方法

如果你正在寻找一个更简单的安装方法，我们建议你找你的主机公司。最著名的主机都有一键式安装按钮，让 WordPress 在几分钟内运行。在 Kinsta，安装 WordPress 就像点击“添加站点”一样简单

Install WordPress

这样就不需要管理文件并通过 FTP 上传。托管 WordPress 托管公司更进一步，处理整个安装、维护、安全和备份。

至于更新，你不必每次发布新的 WordPress 版本时都回到下载页面。相反，WordPress 让你在仪表板中了解更新，在那里你通常可以在不到一分钟内完成这个过程。
T3】

2。它可以适应，所以你可以做任何类型的网站

关于 WordPress 的一个常见误解是它主要是用来建立博客的。事实上，在某个时间点上确实如此。WordPress】是作为博客平台开发的，但是随着这些年来各种新版本的发布，这已经发生了巨大的变化。

事实上，WordPress 的优势在于它的博客根基。这是迄今为止最干净、最快捷的写和发布博客文章的方式之一，并且从一开始就包含了所有的内容。一些网站建设工具首先考虑的是设计和应用程序，然后博客界面才是后来才想到的。

WordPress 则不是这样，所以你可以创建一个漂亮的电子商务网站，并且知道博客是开发过程中不可或缺的一部分。

观看它的实际应用:

列表是无穷无尽的，但是这里有一些你可以用 WordPress 创建的网站类型:

博客
商业网站
文件夹
论坛
电子商务网站
评级网站
会员网站
电子学习模块
闲聊室
美术馆
自我推销的个人网站
工作公告板
商业目录
像 Quora 这样的问答网站
收集捐款的非营利网站
维基和知识库
像 YouTube 这样以媒体为中心的网站
拍卖和优惠券网站

显然，这个清单还在继续。WordPress 的好消息是，像论坛和电子商务网站这样的功能可以通过简单的插件和 T4 主题来实现。例如，如果我想为我的网页设计业务制作一个在线作品集，我可以选择下面的主题。它所需要的只是一笔很小的一次性费用，一些演示数据的上传，以及我想自己做的任何改变。

WordPress portfolio site

下面的截图是一个相当受欢迎的电子商务主题，与 WooCommerce 插件配对。WooCommerce 是将你的常规 WordPress 网站转变成一个功能正常的在线商店的主要方式之一，它有支付处理、购物车和产品展示区。查看这篇关于如何安装 WooCommerce 的深入教程。

WordPress ecommerce store

还有许多其他电子商务插件，如简易数字下载(通常用于销售数字产品)和 WP 电子商务。查看这篇关于如何安装简易数字下载的深度教程。

下面的最后一个例子显示了一个论坛。这个网站是使用一个主题构建的，但是你也可以考虑在互联网上寻找一些论坛插件。如果你已经有了一个很酷的主题，但它没有论坛功能，有几个是可用的。这就是如何用 WordPress 完成不同类型的网站。写下你需要的功能，然后去谷歌看看有没有适合你需求的插件或者主题。我打赌你总能找到好结果。

WordPress forum example

WordPress 论坛示例

3。它支持多种媒体类型

随意查看 WordPress 接受的文件类型的长列表，但是要知道以下主要类别都是被接受的:

形象
文档
声音的
录像

以我自己的经验，我从来没有让 WordPress 告诉我一个文件不被支持。您可以上传常见的文件，如。jpg，。png，。gif。pdf，。doc，。pptx，. mp3，. m4a，. mp4，.mov，。除此之外，你不会有任何问题，更模糊的文件类型，如。odt，。键，。ogg 和. 3gp。

虽然有些文件格式，如 SVG，是不允许的，但有很好的解决方案来解决这个问题。看看这篇关于如何在 WordPress 中安全地上传 SVG 的教程。简而言之，如果你想在你的网站上放一张照片、gif、视频或文档，这通常是 WordPress 的公平游戏。甚至在网站上托管文档和演示文稿而不在特定页面上发布也很常见。

一句警告

是的，WordPress 几乎支持任何类型的媒体。但是，您应该遵守规则，只合法使用您拥有的、开放供免费下载的或在给予信用时可用的媒体。

以下是一些可以找到照片和视频等合法媒体的地方:

查看这个完整的列表，为 WordPress 寻找免费图片。

观看它的实际应用:

作为 WordPress 媒体支持的一个很好的例子，索尼音乐网站同时推广音乐曲目和视频。因此，你经常可以在网站上找到几种形式的视频和音频剪辑。此外，这是一个图片丰富的网站，你可以在标题中看到肯尼·切斯尼的大幅图片。尽管一些网站建设者在媒体支持方面做得越来越好，但你似乎总是会发现一些不被允许的事情。

Sony - WordPress media example

Sony – WordPress media example

综艺网站也使用 WordPress，其主页上散落着背景图片、视频短片、电影预告片、动画、音乐曲目以及电影和电视节目的图库。很难找到比《综艺》更好的例子，因为为娱乐杂志写的每一篇文章都与媒体有关。

Variety - WordPress media example 2

Variety – WordPress media example 2

4。它很容易学习，有一个巨大的社区

WordPress 作为一款开源软件，任何人都可以使用。用户群不受价格、高级客户支持甚至技能水平的限制。当然，有很多关于 WordPress 的东西需要学习，但是任何人都可以在仪表盘上玩 10 分钟，然后开始理解界面是如何工作的。

由于获得该软件没有太多障碍，用户已经创建了博客、论坛、在线课程、研讨会、网络研讨会和书籍，这些都概述了 WordPress 平台的不同方面。然后是来自 WordPress 的更官方的客户支持。你可以为专门的支持支付额外的钱，或者通过 WordPress 论坛工作。

令人难以置信的是，有这么多的资源可以用来学习 WordPress 或者回答快速开发的问题。例如，你可能会关注这样一个博客，在你的电子邮件收件箱里收到持续不断的 WordPress 提示。另一方面，你也可以搜索谷歌来定位即时解决方案(WPBeginner 以快速修复著称)。

观看它的实际应用:

我们认为 WordPress 社区有助于学习过程的两个部分:

有组织的长期知识培训。
快速解决你的 WordPress 问题。

WordPress 培训可以是免费的，也可以是收费的，但有一点是肯定的:最好的在线课程是组织良好的，负担得起的，并且包含了你可以自己使用、给客户或与你的员工分享的信息。例如， WP101 网站是一个著名的培训点，提供关于以下主题的完美视频课程:

WordPress 101
WooCommerce 101
Yoast SEO 插件

Learn WordPress tutorials

一旦你通过培训课程学习了 WordPress，你将会最终使用你自己的网站。由于传统的专门支持不是通过 WordPress 提供的，你需要转向博客、论坛、谷歌和其他在线社区。主要的 WordPress 支持论坛应该可以满足你的大多数开发需求。在下面的截图中，显示了修复 WordPress、WordPress 联网、 localhost 安装、常规安装等主题。我个人更倾向于“谷歌一下，看看会出现什么”类型的研究者，但是论坛和博客对于及时解决问题都是至关重要的。

至于高级插件和主题，那些开发者通常通过知识库、论坛、票务系统和电子邮件提供他们自己的专门支持。

WordPress support forums

5。你可以用主题和插件来扩展你的网站

我们已经讨论了 WordPress 的主题和插件是如何让你轻松地构建一个网站的，但是这些元素对于网站的扩展也是必不可少的。对于一个标准的博客，你将安装一个主题，调整设计，然后开始写博客。商业网站或作品集也是如此。

主题作为网站的基础是很常见的。在此之后，除了一些颜色的变化，标志的增加，当然，新的网页和博客帖子，设计工作是最小的。

但是每隔一段时间，你就会意识到你的网站需要添加一些新的东西。也许你的客户要求在你的网站上设立会员专区，或者你意识到每月一次的测验是让客户与你的品牌互动的好方法。在这两种情况下，插件可以解决问题。

例如，有很多优秀的会员插件可以将你网站的一部分转化成一个社区。其中一些是免费的，而另一些是你必须付费的。测验插件也是如此。我们有一个市场上最好的测验插件的列表，这只是精选的一部分。

网站扩张不仅仅是通过插件完成的

是的，插件通常在为你的网站添加功能时发挥作用。大多数时候，你只需要一个网站发布主题。

但是随着你网站的成长，你会开始注意到你自己网站的不同需求，以及行业的变化。一个很好的例子是谷歌开始奖励移动响应网站。不到一年，似乎所有的 WordPress 主题开发者都开始销售手机友好的设计。因此，许多网站所有者需要走出去获得新的主题。

成长中的网站获得新主题也很常见，原因如下:

需要一个新的面貌。
它需要从一个免费主题切换到一个更强大的高级主题。
网站所有者希望主题开发者提供更好的客户支持。
企业在网上提供的服务已经发生了转变。
网站所有者需要插件无法提供的不同工具。

观看它的实际应用:

寻找 WordPress 主题就像完成谷歌搜索一样简单。你可以找到大量的列表，涵盖了不同类别的 WordPress 主题。尝试搜索“房地产 WordPress 主题”或“平面 WordPress 主题”，你会看到很多选择。然而，你最好的选择是从一个可信的 WordPress 主题商店或者开发者那里挑选。这可以确保您获得高质量的支持、快速和优化的代码，以及长期的更新。

WordPress theme shop

以下是一些著名的主题热点:

还有网上主题集市。然而，要小心这些，因为有时开发者会离开地球，给你留下一个不受支持的主题。但它们也有很大的种类，高质量的主题确实存在，你只需要稍微努力一点:

主题森林
Mojo 市场
模板怪物

插件和主题相似，你可以找到免费和高级版本。唯一不同的是，免费插件在实际商业网站中的使用要普遍得多。免费主题对个人和新手博客来说很好，但是专业人士通常会花 50-100 美元来获得一个更好的高级主题。阅读我们关于免费和付费主题的深度文章,深入了解哪一个更适合你。

然而插件并不总是这样，因为许多最好的插件总是免费的。你可以通过你的 WordPress 仪表盘搜索新的插件，或者去 WordPress 插件库。这个库有超过 50，000 个插件，其中大部分是免费的(或者以某种形式的免费增值商业模式)。从缓存到论坛插件，从垃圾邮件到社交媒体插件，这个库应有尽有。安装一个插件不超过几分钟，每个插件页面都包括截图、功能列表，甚至一些演示。

WordPress plugin repository

许多高级插件也在互联网上出售。免费插件和付费插件的主要区别在于，付费插件通常能让你获得更好的客户支持。这里有一些搜索高级插件的好地方:

6。这并不需要天才来管理

网站开发公司经常出售昂贵的软件包，要求预付定金和每月定期支付维护费用。唯一的问题是，如果你掌握了诀窍并经过适当的培训，WordPress 并不那么难管理。网站管理通常涉及几件事:

确保服务器正常。
保持安全检查。
运行备份。
更新插件、主题和 WordPress 软件。
管理垃圾邮件。
测试功能和断开的链接。
提高速度和搜索引擎优化。

你不亲自检查服务器，所以更多的是你得到一个好的主机，看看网站是否一直在运行。安全和 WordPress 站点备份要么通过插件处理，要么通过一个托管的 WordPress 托管计划处理。清单上的其他事情只需要偶尔去做。例如，在 Kinsta，每天都会自动进行备份，存储 14 天，并且只需点击一个按钮就可以恢复。

Restore WordPress backup

例如，你可能想安装一个缓存插件来帮助提高网站速度。同样的道理也适用于 SEO 。管理垃圾邮件是通过 Akismet 插件完成的，还有一些插件可以处理断开的链接。

观看它的实际应用:

唯一的手工维护任务之一是更新插件、主题和 WordPress 本身。好消息是 WordPress 会在更新发布时通知你。因此，无论何时看到警告，您都要进行更新。更新通常不到一分钟，然后你就可以继续工作了。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Update WordPress plugins

其他一切(如搜索引擎优化、备份、速度、安全、断开的链接和垃圾邮件)都可以使用插件来管理。例如， WP Time Capsule 插件是设置增量文件和数据库备份的绝佳工具。插件在后台运行。如果一个文件损坏了，或者你的站点崩溃了，恢复功能可以解决问题。

WordPress backups

另外，看看这三个给 WordPress 用户的组织技巧,它们可以帮助管理管理面板变得更简单。

7。SEO 第一

众所周知，WordPress 的平台内置了 SEO。事实上，WordPress 会自动为你所有的页面和文章生成标题标签和元描述。这让搜索引擎知道你的内容，它会让你的索引和潜在的排名上升。和 WordPress 中的所有东西一样，插件和在线工具也提供了更多的高级功能。这里有一些搜索引擎优化的最爱可以考虑:

观看它的实际应用:

Yoast SEO 插件也是任何 WordPress 网站的必备插件。WordPress 中的默认 SEO 工具很棒，但是 Yoast 将它提升到了一个新的水平。

下面是 Yoast 的一个部分，要求您输入一个焦点关键字。这可能是一个页面或博客帖子。在锁定焦点关键词后，Yoast 会分析当前的帖子或页面，并分享您在锁定关键词时的效率。你会看到关键词密度，关于关键词位置的想法，SEO 标题提及，页面标题建议，等等。这基本上是一个巨大的清单，让你的搜索引擎优化在每一页上都能做到最好。

Yoast SEO focus keyword

看看这篇有 45 个以上 SEO 技巧的文章和这篇关于 T2 最好的 WordPress SEO 插件的文章，开始提升你的有机流量。

8。你可以完全控制你的网站

在谷歌上搜索“网站建设者”或“网站平台”，会发现各种各样的结果。WordPress 将很有可能出现在所有网站建设名单上，同时还有 WIX、Squarespace、Joomla、Magento、Shopify、Weebly 和 Jimdo T1 等竞争对手。所有这些都非常适合制作网站，但非开源网站，如 Squarespace、Shopify 和 WIX，会限制你对高级包中提供的任何功能的控制。

这给你留下了一些限制，如下所示:

电子商务功能通常是内置的，所以你不能用插件来扩展。
无论提供什么样的托管服务，你通常都会受到束缚。您没有测试主机并选择最佳价值或最高性能的自由。
调整代码仅限于公司与您共享的内容。更糟糕的是，你会陷入一种完全独特的编码语言，比如 Shopify(它使用一种叫做 Liquid 的语言)。简而言之，它几乎保证了你必须雇佣一个专门的开发人员来处理你不能通过编辑器自己处理的变化。
从技术上讲，你对你的网站和内容没有完全的所有权。你从这些公司租用网站。因此，当你停止付费时，所有这些文件和页面要么丢失，要么被公司持有。有了 WordPress，你就拥有了这些文件，没有人能阻止你把它们转移到其他主机上。

观看它的实际应用:

外观标签是 WordPress 中所有定制的控制中心。在这里你可以自由控制主题、字体、颜色、小部件、菜单、徽标和代码。你能想到的任何东西都可以在这个区域进行调整。这对初学者、中级用户和高级用户来说都很好，因为它限制了您接触的代码量，同时也加快了开发过程。

此外，几个主题有自己的定制模块，或者您可以安装一个拖放编辑器，几乎消除编码的需要。

Customize WordPress appearance

至于高级编辑，所有的网站文件都可以通过 WordPress 仪表盘、你的托管账户或者本地环境访问。无论你是想为谷歌分析插入一小段代码，还是想彻底修改登陆页面的 CSS，WordPress 都能帮你搞定。

WordPress appearance editor

9。博客无疑是业内最好的

WordPress 是作为一个博客平台诞生的。它有自己的竞争对手，但目前没有什么能与你在 WordPress 博客引擎中找到的强大、优雅和先进的工具相提并论。Tumblr、Medium、Ghost 和 Blogger 等选项对业余爱好者来说都很好，但专业人士更喜欢 WordPress。WordPress 博客编辑器中有一套令人难以置信的工具。

利用格式化和媒体工具，你可以运行一个简单的单作者博客。还可以选择通过提前安排文章并为投稿人和编辑设置多种用户类型来建立一个完整的在线杂志。除了预览选项、编辑帖子中的所有内容以及将代码完全排除在外，你真的无法击败 WordPress。

观看它的实际应用:

WordPress 博客平台的一个优势是权限或用户角色。假设你以管理员的身份管理网站。这意味着你可以访问文件，所有插件，搜索引擎优化和安全工具。你雇佣了一名编辑和三名作者来为博客创建内容。唯一的问题是，除了博客帖子之外，你不希望他们弄乱任何东西。

因此，您可以将一个人设置为编辑角色，将其他人设置为贡献者。编辑现在可以编辑和发布帖子，而投稿人可以创建帖子，但不能发布。

WordPress roles and permissions

我们也可以看看博客界面，看看它是多么强大和组织良好。只需点击一个按钮，您就可以添加媒体和更改格式。它让你改变标题和顶部的永久链接，还有类别、标签和可读性的选项。显示修订是为了返回和恢复过去的版本，预览和发布按钮会一直等着你，直到最后。

WordPress editor

可视化视图呈现 HTML，类似于最终用户将要看到的内容。您也可以切换到文本视图，它以 HTML 格式显示您的所有帖子内容。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

WordPress HTML text view

10。每个人都在做

所以和他们一起跳桥吧！好吧，仅仅因为其他人都在做某件事并不总是跟着做的最好理由。但是 WordPress 已经一次又一次地证明了自己，所以它的性能、可扩展性和易用性已经广为人知。互联网上超过 29.3%的网站使用 WordPress 是有原因的。

著名 SEO 帕特里克·库姆(Patrick Coombe)在 inbound.org 上向网站所有者和营销人员提出了一个问题:“如果你可以重新开始你的网站，你会改变什么？”以下是 WordStream 的创始人拉里·金(Larry Kim)所说的话:

WordPress vs Drupal

你可以在这里阅读更多关于这两个平台的信息:WordPress vs Drupal——哪个更好？(赞成和反对)

显然，WordPress 正在做正确的事情。你也不需要牺牲太多来测试它。如前所述，WordPress 软件是免费的，大多数托管公司都有某种退款保证。

大多数有经验的 WordPress 用户都会称赞开发者的不断更新和改进。最酷的是，每当一个更新发布时，都会有一个信息页面概述这个更新将如何改善 WordPress 体验。

观看它的实际应用:

美国增长最快的 100 家公司中有 62%使用 WordPress。–内利奥软件

WordPress 有一个使用 WordPress 的品牌的完整展示窗口，包括休斯顿动物园、奥巴马基金会，甚至丰田。其他一些知名网站包括论坛媒体集团、jQuery、Plesk、芝加哥太阳时报、Dyn、Nginx、TechCrunch 等等。使用 WordPress 查看这个130+网站的列表。

WordPress showcase

使用 WordPress 的另外 14 种方法

我们已经讨论了一些为什么以及如何使用 WordPress 的原因。但是，让我们来看看一些额外的，也许更不寻常的方法，你可以采取与您的网站。

1.新闻门户

仅仅提供新闻是不够的，你还需要提要。RSS 订阅源还没有消亡，许多人使用它来整合他们的读者，并获得不同订阅源的混搭。WordPress 默认提供你的文章的提要，但是你可能想显示来自不同来源的提要。这就是像 WP RSS 聚合器这样的插件开始发挥作用的时候。这个插件可以让你选择各种各样的 RSS 源并显示在你的网站上。一个很好的例子是 WP 新闻服务台。

WP News Desk

2.用 WordPress 开发房地产管理系统

如果你是一家使用 WordPress 进行房地产交易的公司，你可能需要一个独立的插件来管理你的房地产列表。在一些插件的帮助下，你可以创建一个网站，将建筑商、经纪人和客户聚集在一起。您可以添加单独的搜索和过滤功能来帮助您的用户。添加一个支付网关(我们将在电子商务中讨论)，你就可以在你的网站中管理支付了！一些流行的插件可以帮你做到这一点，包括 Estatik 和简易房产列表。

Estatik WordPress real estate plugin

如果你正在寻找更多的选择，看看我们对 8 个不同的 WordPress 房地产插件的评论。

3.知识库/百科全书/维基

有了 WordPress，你可以创建一个强大的利基知识库，一个具有词汇表甚至字典功能的百科全书。除了创建标签和类别之外，您还可以将术语与术语表相关联。您可以创建用户定义的模板来显示您的内容，并确保读者可以找到他们需要的一切答案。事实上，许多企业和开发者利用知识库插件，如heritary 插件(如下所示)来创建文档，这反过来减少了支持和电子邮件所需的时间。

Heroic Knowledge Base WordPress plugin

4.电子学习门户和课程

想要创造自己的 Coursera ？现在在 WordPress 中有很多简单的方法可以做到这一点，由学习管理系统(LMS)托管。最流行的方法之一可能是使用 LifterLMS 插件。它允许您创建、销售和保护引人入胜的在线课程。LifterLMS 的使命是在数字教室中实现教育民主化。创建课程，建设课程，包括多媒体课程，等等。事实上，我们上面提到的 WP101 利用 LifterLMS 来教育大众关于 WordPress 的知识。

Creating WordPress courses

5.用 WordPress 安排约会

无论是律师、音乐家、顾问还是医生；这些类型的行业都围绕预约调度和提前预约患者和/或客户。幸运的是，WordPress 有很多很好的解决方案来管理预订和在线预约。

Book an appointment in WordPress (Img src: EDD bookings)

对于典型的 WordPress 安装，我们建议检查一下简易约会和预约日历插件。如果你正在运营一个电子商务网站，有 WooCommerce 预订和 EDD 预订插件。

6.发票系统

虽然像 Nutcache 和 Freshbooks 这样的网站给了你很多商业工具，比如时间和项目管理，但是如果你想在你的 WordPress 网站中做这件事， WP-Invoice 是一个基本但有用的插件。

WP-Invoice plugin

为您的产品和服务创建发票，并将其发送给客户。您可以通过集成 PayPal、Stripe 或 Authorize.net 等支付网关，让他们直接通过您的网站向您付款。添加任何时间管理插件，你就可以创建一个服务于你所有业务需求的系统。

也有很多很棒的插件可以用你当前的电子商务 WordPress 网站创建发票，比如 WooCommerce PDF 发票和 EDD PDF 发票。

7.使用 WordPress 创建工作门户

如果你想把你的 WordPress 站点转换成一个工作板，你所需要的只是一个插件。WP 工作管理器让你在你的网站上添加、管理和分类工作列表。它目前有令人印象深刻的 100，000 多个活跃安装，获得 4 个五星评级。注册用户(或访客)可以搜索、管理和申请工作。雇主也可以管理工作列表(填写、编辑和删除活动列表)。在这里你可以阅读我们的完整的 WP 作业管理器教程。

Job board in WordPress

8.客户关系管理系统

你可以将客户关系管理(CRM)模块集成到你的 WordPress 站点中。这可以节省您在其他第三方系统之间来回切换的时间和金钱。由于事实上有许多其他的 WordPress 集成，这实际上可能比一个更封闭或有限的解决方案更好。

CRM customers

有很多不同的 WordPress CRM 插件可供选择，事实上，我们进入了前 12 名。但是如果你刚刚开始，我们推荐你去看看 WP ERP 插件，它是由热心的开发者开发的，有很好的支持。

9.事件管理系统

经营一家全年策划多项活动的企业？没问题。如果你想在你的 WordPress 站点上创建事件，并把它们集成到一个日历中，就像 123 一样简单。在这篇文章中，我们介绍了最好的事件管理插件。他们中的许多人都与 iCal、谷歌日历等完全同步。

10.企业目录门户

如果你想创建一个商业目录，我们建议检查一下商业目录插件。它目前有超过 20，000 个活跃安装，五星评级为 4.5。你可以创建本地目录，列出业务提供商，并生成一个黄页一样的清单。你可以保持列表免费，也可以付费使用。至于高级模块，你可以添加一个模块来评价企业和谷歌地图模块来添加位置到您的清单。

Business directory example

WordPress business directory example

11.项目管理系统

为了管理一个项目及其子任务的进度，你需要一个项目管理系统。虽然像 Trello、Asana 甚至 Github 项目这样的独立选项在开发者中很受欢迎(比如: git vs Github )，但是某些人可能希望在 WordPress 中为这样的系统提供选项。

对于那些人，我们会推荐类似 WP 项目经理或者卡班这样的插件。

WordPress project management example

12.论坛

论坛可能不像以前那么受欢迎了，但对于许多寻找答案的用户来说，它们仍然是一个目的地。从你的 WordPress 站点创建一个论坛最简单的方法是 bbPress 。这是 WordPress 的一个轻量级插件，由 WordPress.com 背后的 Automattic 公司开发。它目前有超过 300，000 个活跃安装，获得 4 个五星评级。bbPress 带有插件和主题的能力，可以定制核心插件的功能、外观和感觉。最棒的是，它是免费的！想了解更多选项，请看看我们关于这个主题的帖子:9 大 WordPress 论坛插件。

Example of bbPress WordPress forum

13.众包

有很多插件可以让你在 WordPress 中运行自己的众筹网站。你设立了一个原因，并集成了一个支付网关，如 PayPal 或 Stripe，以接受支付。事实上，您可以启用一个功能，只有当您达到目标时，人们才会付费！我们最近看了一下WordPress的 6 大众筹插件。

WordPress crowdfunding example

如果你刚刚起步，我们建议你查看一下 WP 众筹插件，如果你正在处理捐赠事宜，那么 Give 插件也非常受欢迎。

14.社交网络

如果你想在你的网站上放一个迷你脸书，BuddyPress 是你应该寻找的。它允许你为你的公司或组织创建一个社交网络。它允许用户建立个人资料、发布消息、相互联系和创建社区。BuddyPress 有自己的插件集，可以提供更多的功能。总的来说，如果你想在你的网站中创建一个最小的社交网络，BuddyPress 提供了一个简单而良好的用户体验。

BuddyPress

那么，为什么要用 WordPress 呢？因为它很棒

WordPress 在全世界都有强大的追随者。一些开发人员宁愿使用其他平台，但这通常与学习某些编码语言和将自己投入不太友好的环境有关。对于博客作者、企业主、有客户的开发者和电子商务专业人士来说，WordPress 是正确的选择。你不仅保持对你的网站的完全控制，而且你还获得了很多优势，比如插件、主题、免费工具和全面的媒体支持。

希望我们已经回答了你的问题，“为什么使用 WordPress？”如果有人问你这个问题，就让他们过来。如果你还有一些想法或顾虑，请在下面的评论中告诉我们。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管的数据库，您可以享受 20 美元的优惠，亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。

2022 年要尝试的 11 种最佳 Wix 替代方案

原文:# t0]https://kinta . com/blog/wix-alternatives/

坚持使用熟悉的网站构建工具可能很有诱惑力，尤其是当大量的选择让你头晕目眩的时候。然而，没有两个网站建设者是相同的。如果你选择 Wix 只是因为你不知道任何更好的，你很可能会错过一些伟大的机会。

不要误解——Wix 非常适合创建个人和商业网站。然而，在某些情况下，您可能需要更便宜、更安全或更先进的 Wix 替代方案，以更好地满足您的需求。

我们研究了 Wix 的 11 个竞争对手，以了解他们如何超越 Wix，以及他们的理想用例是什么。我们还指出了他们的弱点，以帮助您做出自信和明智的选择。

通读找出哪个网站建设者将最适合你。

为什么要考虑寻找 Wix 的替代品？

目前有超过330 万个网站使用 Wix。它是一个强大的网站建设者，但它也有其局限性和缺点。

不是每个人都喜欢一刀切的方法和通用模板。如果你想要一个独特的定制网站，你可能需要一个更实用的解决方案。
最便宜的 Wix 计划不会给你分析工具，而这些工具对任何网站所有者来说都是必不可少的。
Wix 使用基于订阅的模型。为了充分利用这个平台，你需要坚持使用它。如果你只创建了一个网站，并且再也没有接触过 Wix tools，那么每月支付 20-50 美元是没有意义的。
Wix 充满了一些可能被认为多余的额外功能，但它们包含在所有的商业和电子商务计划中，这影响了它的价格。
Wix 提供的营销、设计和 SEO 工具仍然非常基础，不能完全替代专业软件。
有了 Wix，你就没有网站的完全所有权了。它托管在 Wix 上，因此，如果 Wix 遇到停电或暂停您的帐户，您的网站将受到影响。
Wix 高级计划不能用于多个网站。你需要为每个网站购买一个额外收费计划，这可能会很快变得非常昂贵。
不可能将模板更改为您已经创建的网站，因此在尝试不同的设计时，您应该小心谨慎。

要创建一个最先进的网站，你需要知道什么是可能的，什么样的工具可供你使用。一旦你了解了 Wix 的各种竞争对手，你就会更好地理解 Wix 的优缺点以及你自己的需求。

Whether you're looking to launch your online shop or enhance your design skills, these Wix alternatives offer top-tier solutions. 💪Click to Tweet

2022 年最受欢迎的 11 种 Wix 替代产品

Wix 是最受欢迎的网站建设者之一，但它远不是唯一的选择。以下是顶级 Wix 替代方案，因此您可以探索您的选择。

1.WordPress

WordPress 是一款开源软件，用于创建各种类型的网站。这是最受欢迎的内容管理系统——每四个网站中就有一个建立在 WordPress 上。它也是最强大的 Wix 替代方案，因为世界各地的专业人员每天都在通过修复 bug、审查文档等方式做出贡献。

有了 WordPress，你就真正拥有了自己的网站。正因为如此，在你开始使用这个平台之前，你需要购买一个域名和托管。全面的 WordPress 教程和课程将帮助你完成剩下的工作。

WordPress 有超过 60，000 个插件和 10，000 个主题，这给了你无限的方法来定制和增强你的网站。WordPress 插件是扩展你网站功能的插件。 WordPress 主题是由专业设计师创建的模板——它们定义了你网站的外观。

WordPress theme library

WordPress

然后，还有像 SeedProd 或element 或这样的工具，它们可以两全其美。Elementor 允许你在一个可视化的编辑器中构建令人惊叹的 WordPress 网站，完全免费。它减少了对其他插件的需求，给你一个令人印象深刻的各种设计工具，并提供内置主机。

定价:WordPress 是 Wix 的免费替代品，但你需要为高级主题或插件付费，更不用说主机和域名了。

**推荐对象:**任何人。

2.Squarespace

Squarespace 是最时尚、最简单的网站建设者之一。它使你能够使用专业设计的模板创建有品味的响应网站。您还可以使用第三方模板和设计工具包来使您的 Squarespace 网站脱颖而出。

编辑时，您可以一键添加任何类型的内容、表单或按钮:

Editing a template in Squarespace

Squarespace

以下是 Squarespace 的主要特性:

直观的可视化网站构建器
完全托管的云托管
生物链接网站构建器
域名搜索器
基本分析和搜索引擎优化工具
SSL 安全性
电子邮件营销工具
视频工作室应用程序
照片图库
免费在线标志制造商

谈到电子商务，Squarespace 提供运输、定价和履行自动化，以及多种支付选项和直观的订单管理。该功能可以通过第三方应用和连接服务进一步扩展。

有了 Zapier，Squarespace 可以连接超过 5000 个应用，这仍然比 WordPress 所能提供的少。然而，一旦你超越了这个平台，有可能从 Squarespace 转移到 WordPress 。

定价:如果你想避免 3%的交易费，并获得电子商务套件的全部权限，你需要商务计划，起价为每月 27 美元。按年付款可以节省 25%的费用。

**推荐对象:**创作者、小企业、创业者、自由职业者、博主、服务商。

3.吉姆多

Jimdo 是一个为小企业主设计的无代码网站构建器。有了这个平台，你可以快速创建移动优化网站，并定制它们以反映你的品牌。

Jimdo 是一种更便宜的 Wix 替代产品，具有一系列熟悉的工具和功能:

拖放式网站构建器
100 多种现代模板
SEO 工具
编码特性以实现更深层次的定制
自定义域
在线标志制造商
个性化支持
用于创建符合 GDPR 标准的网站的法律文本生成器

Jimdo 还有一个灵感画廊:

Jimdo’s inspiration gallery

Jimdo

此外，Jimdo 为用户提供了访问脸书销售工具的便捷途径。您可以自动将脸书目录与 Jimdo 商店产品同步。你还可以在 Instagram 上创建可购买的帖子和故事。

定价。Jimdo 不收交易费。平台有免费计划。最便宜的有访客统计的方案每月花费 16 美元左右。

推荐给的:小企业、独立职业者、博主。

4.Webnode

Webnode 是一个网站构建器，用于创建响应博客、作品集、活动页面和在线商店。它有超过 100 个可编辑的模板和一个广泛的知识库来帮助你开始。

Webnode’s template gallery

Webnode

Webnode 拥有构建转换、像素完美的网站所需的一切:

可扩展托管
可从智能手机访问的网站编辑器
GDPR 友好型表单生成器
轻松备份
SSL 证书
视差滚动和其他视觉效果
图像和图标库
轻松集成小部件
不限页数
统计工具
内置的搜索引擎优化功能
商务电子邮件地址
域名搜索和匿名域名注册
一键网站发布
多语言支持团队

有了 Webnode，你可以出售会员资格，并提供各种支付选择。该平台允许你批量进口产品，增加产品种类，并提供折扣和免费送货。Webnode 支持 40 多种语言，这在 Wix 竞争中是相当罕见的。

定价 : Webnode 有免费试用，而且只提供按年计费。创建一个个人网站，你每月只需支付 3 美元。面向专业人士的最高级计划每月花费约 17 美元。电子商务计划每月起价 11 美元。

推荐:小企业、自由职业者，创业者。

**### 5.Webflow

Webflow 是一款面向设计师、营销人员和开发人员的高级无代码网站构建工具。与其他 Wix 替代方案不同，Webflow 并不基于僵化的模板。你可以在一个可视化编辑器中结合 HTML 、 CSS 和 JavaScript 的力量，创建非凡的定制网站，无论是商业网站还是个人网站。

Webflow’s interface

Webflow

以下是您可以使用 Webflow 做些什么的快速概述:

使用 Webflow CMS 来策划、编写、编辑和组织你的网站内容。
构建独特的在线商店，并通过可定制的产品字段突出关键产品功能。
定制您的购物车和结账体验。
与您的团队协作，实时跟踪变化。
即时更改您的网站，而无需弄乱复杂的代码。
使用集成的搜索引擎优化工具，使您的网站更加可见和可搜索。
依靠 Webflow 的快速、完全托管的主机。
创造独特的互动和丰富的动画来取悦你的访客。
预览和恢复您的网站从自动备份或设置保存点。
让 Webflow 为您编写清晰的语义代码，并在需要时轻松集成定制代码。
为销售线索生成创建自定义表单。
探索 Webflow 库、应用程序和模板，为您的站点添加新功能和高级特性。

这只是 Webflow 功能的一小部分。这是一个非常多才多艺的建设者，已经成为像 Wix 一样的标志性，但在其利基。全世界有超过 3，500，000 名设计师在使用它。查看我们的 WebFlow 与 WordPress 对比，做出明智的选择。

定价 : Webflow 提供可伸缩的定价和免费计划。要创建一个内容驱动的网站，你需要一个月 29 美元的 CMS 计划。最便宜的电子商务计划每月花费 42 美元。通过按年付款，你可以节省高达 30%的费用。

推荐给:单飞设计师、代理商、自由职业者、开发者、营销人员，以及介于两者之间的任何人。

6.GoDaddy 网站建设者

GoDaddy 网站建设商是 Wix 最大的竞争对手之一。这是一个多合一的构建器，有一个慷慨的免费计划，100 多个好看的模板，以及一整套电子商务和营销功能。尽管它是一个无代码平台，但它可以帮助你建立一个强大的在线商店，并轻松扩展。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

The GoDaddy website builder

GoDaddy

以下是 GoDaddy 网站构建器帮助您实现的功能:

使用可定制的主题和模板，立即设计出客户友好的网站。
从您的智能手机快速更改您的网站页面。
使用 GoDaddy Studio(一个初学者友好的编辑器)创建引人注目的内容。
在一个地方收集和存储客户信息。
将某些页面设为成员专用，以便更好地控制访问。
无需离开 GoDaddy，即可向您的客户发送个性化信息。
使用搜索引擎优化和社交媒体工具来提高你的品牌在网上的知名度。
跟踪您网站的业绩、电子邮件活动和订单。
接受 GoDaddy 关于如何让你的在线状态更有效的建议。
让你的顾客预约并以他们喜欢的方式付款。
从一个选项卡管理您所有的客户通信。
将你的在线商店与亚马逊、Etsy、易贝和沃尔玛等市场同步。
定制您的菜单和价格，并提供折扣和各种送货选项。

此外，该平台还提供自定义域名、托管、便捷的 GoDaddy 支付、分析和 24/7 支持。

定价:有一个永远免费的计划，包括内容创建工具、预约系统和其他电子商务功能。更高级的计划是每月 9.99 美元起，按年计费。GoDaddy 每笔交易收费约 2.3% + 30 英镑。

推荐给:中小企业、创业公司、服务提供商。

7.Pixpa

Pixpa 是一个为视觉艺术家和内容创作者设计的简单而功能丰富的网站构建工具。它主要用于创建专业的投资组合，但你也可以用它来建立一个坚实的网上商店。

A website powered by Pixpa

Pixpa

与 Wix 的其他竞争对手不同，Pixpa 是一个视觉优先的平台。如果你想通过你的新网站展示你的作品和建立你的专业知识，这是一个很好的选择。

Pixpa 的主要特性包括:

拖放构建器和 150 多个迷人的、响应模板
支持电子商务的图库和客户图库
销售产品、服务和数字资产(如印刷品)的选项
完全托管的云托管
内置搜索引擎优化工具和社交媒体工具
透明的库存、运输、税收和订单管理
简化的品牌结账体验
自定义表单和营销弹出窗口
独特外观的 HTML 编辑和 CSS 覆盖
100 多个应用和集成
网站设置服务
24/7 实时聊天和电子邮件客户支持

定价 : Pixpa 提供 15 天免费试用和 30 天退款保证。平台没有交易费。面向创作者的计划每月 12 美元，专业计划每月 17 美元左右。按年付款可以节省 20%的费用。

推荐给:任何建立个人或商业品牌的人。

8. Shopify

Shopify 网站构建器是一个完全可定制的 Wix 替代产品。Shopify 让创建功能齐全的电子商务网站变得轻而易举，无需专业技能。它是专门为忙碌的卖家设计的，他们希望自己的网上商店有吸引力，用户友好，易于维护。

Exclusive Shopify themes

Shopify

Shopify 的功能列表包括以下内容:

70 多个可定制的商店主题和一个拖放式构建器
Shopify 支付和 100 多个外部支付网关
全面的仪表板，提供您销售的鸟瞰图
集成的搜索引擎优化和营销工具
所有渠道的库存同步
当您离开电脑时，用于管理订单和内容的应用程序
Shopify 应用商店中超过 6000 款应用

Shopify 主导了美国电子商务市场。它提供了一种低投入高回报的创建网上商店的方式，并且它具有极强的可扩展性和多功能性。此外，作为在线卖家，您还可以享受其他 Shopify 服务和优惠，如运费折扣、一体化 POS 系统或免费商业金融账户。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

定价 : Shopify 有 3 天免费试用。基本计划每月花费 29 美元，外加 2.9% + 30 的交易费。确保选择按年计费以节省 50%的费用。

推荐给:企业主和企业家。

9. Weebly

Weebly 是最实惠、最受欢迎的 Wix 替代品之一。这个免费的平台可以让你创建个人网站和在线商店。Weebly 有几十个专业设计的主题，但你也可以找到自定义的主题，并用你的内容填充它们。

该平台还包括一个功能齐全的商业电子邮件生成器:

Weebly’s website and email builder

Weebly

Weebly 为您提供了大量工具，不仅可以创建出色的网站，还可以创建用户友好的网站:

视频背景
视差和揭示等动画
网站搜索
免费的电子商务托管
内置图像编辑器和自定义字体
集成分析
定制销售线索生成表单、RSVP 列表和调查
内容调度
自定义代码
域名搜索器
集成社交媒体工具、SEO 工具和 AdWords 信用
SSL 证书、 DDoS 缓解和 24/7 支持
全功能移动应用

Weebly 目前拥有超过 4000 万用户。它的应用中心允许你通过第三方集成来扩展 Weebly 的功能。该平台还提供运输和库存自动化工具、各种支付方式、客户评论和其他必备的电子商务功能。

定价 : Weebly 有两个定价类别。如果你想建立一个个人网站，按年付费的话，每月要花 5-20 美元。还有一个有限的免费计划。建立一个在线商店稍微贵一点——价格从每月 10 美元开始。

推荐给:创作者、自由职业者、博主、小企业。

10.广场在线

Square Online 是一个可视化的在线商店构建者，也是 Square 生态系统的一部分。它允许您从一个地方管理所有订单，并创建一个统一的客户数据库。您还可以同步在线和店内库存和订单，以避免过度销售。

使用 Square Online，您可以快速创建华丽的在线商店，这些商店在移动设备上看起来也很棒:

Mobile stores made with Square Online

Square Online

让我们更深入地了解一下该平台，以及它能让您做些什么:

在几分钟内创建轻量级、移动友好型网站。
使用动态样式工具来定制你网站的每一寸。
通过向客户发送定制的建议和提醒，为他们提供个性化的购物体验。
使用基于团队的权限为您的员工创建不同级别的访问权限。
安排产品投放、特价和季节性销售，并自动投放。
使用横幅和弹出窗口吸引人们对您的产品的关注。
使用 Square Photo Studio 应用程序快速准备高质量的产品图像。
为您的客户提供运输折扣和各种交付选项。
直接从您的方形仪表板生成运输标签。
接受 Afterpay、Square Pay、Apple Pay、 PayPal 等多种支付方式

定价 : Square 有免费计划，标准交易费 2.9% + 30。如果你想要更多的功能，你可以选择更高级的计划，每月 29 美元，外加同样的交易费。高级计划每月花费 79 美元。

推荐给:中小型零售商以及企业。

11 .零

齐罗是一个直观和多功能的电子商务网站建设者。这个平台有一个内置的 CRM ，帮助你自动化库存、运输和税收。有了齐罗，你可以在几分钟内让你的网上商店开始运作。

Zyro’s templates

Zyro

该平台为您提供了几乎无限的销售和营销选择:

定制 100 多个预设计模板中的任何一个，让您的品牌熠熠生辉。
使用齐罗的搜索引擎优化和营销工具来推广你的商店。
免费托管您的网站，享受 99.9%的正常运行时间和自动缩放。
在 40 多个国家接受卡支付，使用流行的支付方式，如 Google Pay、Apple Pay 等。
使用人工智能工具，如徽标制作工具、热图和写作助手，来分析您的流量，并为您的产品和子品牌创建内容。
依靠第三方集成来与您的客户沟通并增强他们的购物体验。
从单一控制面板管理您的所有销售流程。
使用特定地区的定价、折扣和优惠券代码，使您的优惠更加灵活。
获取自定义电子邮件地址，并向您的受众发送个性化活动。
使用谷歌分析和谷歌标签管理器分析你网站的表现。
将您的网站与社交媒体和跟踪工具相结合，以创建高针对性的广告和信息。

定价 : Zyra 不收取交易费用。它为每个计划提供 30 天退款保证。管理一个专业网站每月花费 11.99 美元。如果你想使用齐罗进行电子商务，你每月需要支付 14.99 美元。

推荐给:个体户和企业主。

哪个是最好的 Wix 替代方案？

正如你所看到的，网站建设者没有对错之分。现在你知道你的选择，你可以根据你的个人和商业目标做出自信的选择。

让我们总结一下:

如果你想对你的网站有更多的灵活性和创造性的控制，选择 WordPress 而不是 Wix 。
为了提供完美的大规模购物体验，请考虑使用 Shopify。
如果你想不费吹灰之力就创建令人惊叹的网站，那就去看看 Squarespace 吧。
要免费开网店或测试新的电子商务创意，请使用 Square Online 或 Webnode。
如果你的目标是在坚持使用无代码工具的同时深化你的设计技能，那么看看 WebFlow 就知道了。

值得庆幸的是，大多数 Wix 替代品都有免费计划或试用期，因此在您做出任何承诺之前，您可以点击查看它们的运行情况。

如果您已经有了 Wix 网站，是否可以转向 Wix 替代网站？

Wix 网站是不可转让的，这意味着你不能为你现有的 Wix 网站使用另一个主机。它只允许您选择不同的域。但是，有一些解决方法。你可以将 Wix 迁移到 WordPress——一定要查看我们关于如何做的分步指南。

这里有一个简短的总结:

找一个 WordPress 主机提供商。
如果你还没有域名，就买一个。
使用 WordHerd 的帮助来处理剩余的迁移过程。

迁移将帮助您获得对您的站点的更多控制，并脱离僵硬和通用的模板。使用 WordPress 不会错，因为它是 Wix 的最佳替代品之一。

Wix is a powerful website builder, but its one-size-fits-all approach might not suit your needs. Check out 10 great alternatives in this post ⬇️Click to Tweet ## 摘要

如果你选择 WordPress，你必须确保你的网站处于良好的管理之下。以一种无压力的方式转移到我们功能丰富的主机，告别缓慢的加载时间、意外的停机时间和 DDoS 攻击。你可以从我们的博客中了解主机如何影响你的 SEO ，并做出自信的选择。

Kinsta 通过提供全球可用性、CDN、24/7 应用程序性能监控和屡获殊荣的支持来帮助您节省时间和资金。免费体验我们的托管服务，享受 30 天退款保证！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管的数据库，您可以享受 20 美元的优惠，亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。**

如何从 Wix 迁移到 WordPress(完全指南)

原文：https://kinsta.com/blog/wix-to-wordpress/

由于其多样的模板和直观的界面，Wix 对小型企业来说似乎是一个有吸引力的实用选择。用户可以快速、轻松地创建 Wix 网站。然而，随着你的业务增长和局限性变得明显，获得更多的控制和将你的网站从 Wix 迁移到 WordPress CMS 是一个好主意。

如果你仍然对迁移犹豫不决，了解这两个 CMS 平台在全球的市场份额类型会对你有所帮助。

迁移前要做的第一件事就是仔细规划一切。你的网站有多大？你需要你所有的图片和搜索引擎优化设置(元数据)吗？你也可以查看 Wix 和 WordPress 之间所有主要的差异，以获得更好的理解。

这篇文章将指导你如何使用两种不同的方法成功地将你的 Wix 站点迁移到 WordPress。

购买主机和域名

在将你的网站从 Wix 迁移到 WordPress 之前，有两个关键的事项你必须考虑和注意——购买主机和购买域名。

当从 Wix 迁移时，你需要为你的 WordPress 站点获得主机；每个站点都需要一个。它存储您的所有网站文件，并显示给网站访问者。WordPress 主机提供商也将确保你的网站快速加载并且不会宕机。在 Wix 上，这是他们在幕后自动为您提供的，但是您需要自己的托管空间来迁移您的 Wix 数据。

谈到 WordPress，有相当多的虚拟主机提供商。但是如果你喜欢不用担心 Wix 的维护，那么托管 WordPress 主机是最适合你的。托管 WordPress 主机服务提供商只专注于 WordPress，包括更新、备份、安全和性能特性。一般来说，它们比其他标准的主机服务提供商稍微贵一点，但是为了让你的网站快速安全，它们是值得的。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

如果你选择和 Kinsta 一起做主机，注册后你需要做的第一件事就是创建一个新的 WordPress 站点。您可以在 MyKinsta 仪表板中点击几下，快速完成这项工作。

您还需要购买一个域名来连接到您的新网站。你可能已经有了一个域名，如果是这样，很好，你可以将你的域名指向 Kinsta 并开始这个过程。

如果你还没有域名，那么你需要购买一个。当计算出你应该为一个域名支付多少钱时，有几个选择可以考虑。当你有了自己的名字和主持人，那么是时候向前推进转让了。

选择和自定主题

一旦你成功安装了你的 WordPress 站点，你将运行默认的主题，目前是Twenty Twenty One。然而，不一定非要这样。有大量的免费和付费主题可供选择。

Homepage screenshot of the Twenty Twenty-One WordPress Theme.

The Twenty Twenty-One WordPress theme.

找到并安装一个主题最简单的方法就是在你的仪表盘中，在外观 → 主题 → 添加新的下。

无论你选择哪一个主题，你可能还是想对它进行一点点定制，让它看起来像你想要的那样。如今，许多主题都带有选项和定制面板，您可以根据自己的需求轻松调整。

选项 1-从 Wix 导入内容到 WordPress

由于 Wix 是一个封闭的平台(非开源)，没有直接的方法来传输这个 CMS 的内容。但是，可以导入 Wix RSS 提要，而不是手动重新创建每个帖子。首先，你需要下载你网站的 RSS 文件。遵循以下步骤:

第一步

将/feed.xml添加到 Wix 站点 URL 的末尾，以定位 RSS 文件。

URL for the Wix RSS feed.

Wix RSS feed.

不过，需要注意的是，这种方法只适用于旧的 Wix 博客。随着他们最近的更新，新 Wix 博客没有 RSS 源。如果您正在使用新的 Wix 博客，请跳到选项 2 来迁移您的站点。

第二步

如果你使用的是 Chrome，你会看到一个满是代码的页面。右键单击该页面，并将文件保存在您的计算机上。默认情况下，它将被保存为feed.xml。如果你使用另一个浏览器，比如 Firefox，你需要右击并选择查看页面源。然后保存到你的电脑上。

Right-click and hit "Save As..." on the Wix RSS feed page.

Save your Wix site’s RSS feed.

第三步

现在进入你的 WordPress 管理面板，工具→导入。您将看到导入 RSS 的选项。点击运行导入器按钮(注意:您可能需要先安装它)。

Click the WordPress RSS "Run Importer" link.

Click the WordPress RSS “Run Importer” link.

第四步

点击选择文件按钮，选择之前保存的feed.xml文件。然后点击上传文件和导入按钮。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Using the WordPress dashboard to upload and import the Wix RSS feed file.

Uploading and importing the Wix RSS feed file.

第五步

您可以通过帖子→所有帖子查看所有帖子是否都已正确导出。有时，第一次尝试时，您的整个提要可能无法正确导入。如果发生这种情况，只需编辑您的 XML 文件并删除成功导入的文章。

即使你的文章已经被移动，这些文章中的图片仍然由 Wix 托管。要解决这个问题，您有两个选择:

您可以手动将所有图像保存在您的计算机上，并上传到您的 WordPress 媒体库。你可以通过 FTP/SFTP 批量上传它们。
您可以安装并激活附加插件导入外部图像。安装并激活插件后，进入媒体 → 导入图片，点击立即导入图片按钮。

Import External Images plugin.

重要的

虽然上面的插件已经有一段时间没有更新了，但它仍然工作得很好。

第六步

最后一步是将 Wix 页面转移到 WordPress。不幸的是，没有自动完成转移的方法。所以每一页都必须手动在 WordPress 中重新创建。

要做到这一点，请转到您想要移动到 WordPress 的 Wix 页面，复制所有内容，并在 WordPress 管理仪表板→页面→添加新内容菜单中用这些内容创建一个新页面。当你完成页面定制后，点击发布按钮，让它在你的 WordPress 网站上上线。

选项 2–使用 Kinsta 的合作伙伴 WordHerd

没有时间浪费，需要确保你的 WordPress 站点迁移顺利进行？那么我们推荐去看看wordheld。他们是 Kinsta 的官方合作伙伴，提供全方位的网站迁移服务，将数据从任何 CMS (Wix)平台转移到 WordPress。

厌倦了低于 1 级的 WordPress 托管支持而没有答案？试试我们世界一流的支持团队！查看我们的计划

WordHerd.

WordHerd 处理从小型企业到大型企业的各种规模的迁移。除了 CMS 迁移之外，WordHerd 团队也非常擅长协助 CRM 数据迁移。顺便说一句，如果你想了解更多关于迁移的信息，一定要查看我们的最佳 WordPress 迁移插件列表。

迁移后

在你的 Wix 迁移到 WordPress 之后，你很可能需要进一步更新你的新网站，尤其是如果你刚刚开始使用 WordPress 的话。这里有一些建议和开始的好地方。

网站安全

选择一个安全的 WordPress 主机总是很重要的，它提供了额外的功能来保护你的网站。但是即使这样，也有一些最佳实践来进一步强化您的站点。诸如更改您的登录 URL、选择一个强密码，甚至实施一个像 Cloudflare 和 Sucuri 这样的 WAF 解决方案都可以带来很大的不同。看看这个关于 WordPress 安全的完整指南。

选择一个快速、稳定的主题

WordPress 不缺主题。关键是要找到一个不仅速度快，而且还能提供你正在寻找的功能的软件。任何领域都有适合的主题，所以你不会缺少选择。

相反，如果你正试图建立一个电子商务网站，花一分钟看看一些可用的最佳 WooCommerce 主题。

网站速度在很多层面上处理。你必须有一个好主意，该做什么，采取什么步骤来加快你的网站。你可以在几个层面上做到这一点。

所以，无论你是 WordPress 网站速度世界的初学者，还是经验丰富并希望将你的 WordPress 网站速度提升到下一个水平的人，都有一个起点。

搜索引擎优化

WordPress 对于 SEO 来说是非常棒的。这是人们喜欢它的一个原因！然而，就像任何平台一样，当然，你会想做一些事情来帮助你的网站排名更好。

选择一个推荐的 SEO 插件。
创建一个 sitemap 文件并提交给 Google 和 Bing。
仔细检查你的 robots.txt 文件。
仔细检查并改进您的现场 SEO 。

谷歌分析

在你的 WordPress 网站上实现谷歌分析。这可以帮助监控你网站的统计数据(流量和转化率)，跟踪在线表现，并分析你的访问者的行为。

扩展功能

你很可能还需要一些其他插件。这可能是 WordPress 最棒的地方之一——每一个可能的功能都有插件，有免费的也有付费的！然而，这也使得寻找合适的工作变得很困难。你想要深入了解最佳社交媒体插件、联系人表单插件、 CRM 插件，以及其他有用的绩效插件。

请务必查看存储库中插件的评论以及它们的更新时间。如果你想开一家电子商务商店，我们推荐 WooCommerce 或 Easy Digital Downloads。

总有一天，Wix 不再是您成长中企业的实际选择。📈当那一天到来的时候，WordPress 已经准备好介入了。😌在这里了解如何进行切换⬇️ 点击推文

摘要

从 Wix 迁移到 WordPress 可能是一个相当复杂的过程，但这是值得的，因为你可以更好地控制你的数据，并且可以随心所欲地扩展你的站点。

我们希望这份迁移指南能对那些正在进行迁移的人有所帮助。

你最近从 Wix 迁移到 WordPress 了吗？我们希望听到你的想法和意见。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

Wix vs WordPress:建网站应该选哪个？

原文：https://kinsta.com/blog/wix-vs-wordpress/

你是想在 Wix 和 WordPress 之间选择建立你的网站吗？很明显，我们是 WordPress 的坚定支持者(我们专注于 WordPress 托管的事实可能会泄露这一点)。尽管为全球 43.3%的网站提供动力，WordPress 并不是你建立网站的唯一途径。

在这篇文章中，我们将深入探讨一个流行的托管网站构建器 Wix，并比较 Wix 和 WordPress。如果你看到了我们的 Squarespace 与 WordPress 的比较，我们将遵循与那篇文章相同的格式，这样你就可以很容易地比较所有三个平台。

在这篇文章结束时，你应该知道这两个平台中哪一个是构建你的网站的最佳解决方案。

你想从 Wix 转到 WordPress 吗？查看我们关于如何将 Wix 迁移到 WordPress 的分步指南。

Wix vs WordPress:概述
用哪个平台更容易建网站？
你对网站的功能有多大的控制力？
每个平台如何处理电子商务？
每个平台上谁控制着你的数据？
每个平台如何处理日常维护？
每个平台多少钱？
对于 SEO 来说，两者孰优孰劣？

比较 Wix 和 WordPress

Wix 和 WordPress 是两个截然不同的平台，各有利弊。我们将解决以下问题:

新手用哪个平台好？
哪一个能让你完全控制你的网站？
对于电子商务，一个比另一个更灵活吗？
谁拥有我的数据，我还是他们？
随着时间的推移，哪个平台最容易维护？
Wix 和 WordPress 哪个更便宜？
SEO 的话哪个更好？

Support

Wix vs WordPress:概述

我们稍后将对 Wix 和 WordPress 进行更详细的比较，但是在我们深入了解具体细节之前，让我们先讨论一下每种解决方案的基本原理。从根本上来说，Wix vs WordPress 归结于两个概念之间的平衡:

初学者的简单性和可访问性，也就是说，对于一个不是开发者的人来说，创建一个实用、美观的网站是多么容易。
**定制的灵活性和简易性—**也就是说，一个人定制一个网站，让它做他们想要它做的事情有多容易。

Wix 决定牺牲一些灵活性来创建一个网站建设体验，让初学者也能轻松创建一个正常运行的网站。另一方面，WordPress 牺牲了一点用户友好性，为的是让你能够 100%定制你的网站。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

除了这些核心差异之外，还有一些其他值得注意的差异，我们将更详细地介绍，例如:

数据谱系关系
网站维护
价格

你更喜欢哪个平台？Wix 还是 WordPress？查看我们对这两个平台的比较。🤺 点击推文

用哪个平台更容易建网站？

就快速创建一个看起来很棒的网站有多容易而言， Wix 是赢家。Wix 在你建立了基本的网站后就没有 T2 那么灵活了，但是它是快速制作一个简单美观的网站的好方法。

WordPress 仍然相当容易——但是在托管你的网站时，你需要经历一些困难，而且建立你的网站要稍微复杂一点。

威克斯

用 Wix 创建一个网站有多简单:首先，你注册。然后，选择您想要创建的网站类型:

Wix setup process

Choosing what type of Wix site to create

我们将选择一个 餐厅 *网站为例。*选择类型后，您可以从所有相关模板中进行选择:

Picking a Wix template

一旦选择了模板，您就可以直接进入 Wix 编辑器，在这里您可以轻松地更改文本、图像等等:

Editing your Wix template

一旦你完成了，你所要做的就是点击发布来激活你的网站。

整个过程很简单，对初学者来说无疑是容易的。假设您喜欢 Wix 的预建模板，并且不想过多地定制东西。

WordPress

有了 Wix，你可以立即注册并开始编辑你的网站，而 WordPress 需要一些预备步骤。

在你开始之前，你需要注册虚拟主机并获得自己的域名。虽然这是一个额外的步骤，但现在大多数主持人都让这个过程变得相当轻松——所以你可能只需要增加大约 5-10 分钟就可以开始了。

一旦你安装了 WordPress(或者让你的主机为你安装 WordPress)，你就可以选择一个“主题”来控制你的网站的外观了:

Choosing a WordPress theme

你可以找到免费和付费的主题，有些主题还包括“演示”内容，就像 Wix 一样，你只需要编辑预先填充的内容，而不是从头开始创建你的网站。

虽然 WordPress 不像 Wix 那么简单，但对于非开发人员来说，使用 WordPress 创建一个实用、美观的网站还是相当容易的。

你对网站的功能有多少控制力？

当 Wix 在易用性方面胜出时， WordPress 在灵活性和定制化方面胜出。

威克斯

如果你想增加 Wix 网站的功能，你将主要依赖于 Wix 应用市场:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

The Wix App Market

这个应用市场比 Squarespace 之类的东西给了你更多的灵活性，但仍然不能涵盖你能用 WordPress 做的所有事情。

目前，Wix 应用市场总共只有 288 个应用。正如你马上会看到的，这与 WordPress 相比就相形见绌了。

除此之外，在进行自己的代码调整(或者让开发人员为您进行代码调整)时，您也会受到严重的限制。

Wix 的有点像允许你添加定制代码，但是只能在有很多限制的“沙盒 iFrame 中。

WordPress

有了 WordPress，你在这两方面都有更多的灵活性。

首先，让我们从插件开始。WordPress 插件允许你添加新的功能或者调整现有的功能，而不需要知道任何代码。目前，WordPress 有超过 53，000 个不同的免费插件，你可以在安装，还有数千个高级插件。

想把社交媒体整合到你的网站中吗？使用一个社交媒体插件。同样的还有广告管理、联系表格、小测验、 iframes ，以及几乎所有你能想到的其他功能。

如果您想使用 Wix 编辑器轻松构建所有内容，您可以使用多页面构建器插件中的一个:

An example of a WordPress page builder

除此之外，你(或者一个开发者)可以自由地添加任何自定义代码到你的网站，这给了你更多的灵活性。与 Wix 不同，您不必应对任何代码限制。

每个平台如何处理电子商务？

Wix 确实提供了电子商务功能，但它不如 WooCommerce 或 WordPress 上的简易数字下载灵活。

威克斯

使用 Wix，您可以从预先构建的在线商店模板中进行选择，也可以将商店应用程序添加到现有模板中。例如，在下面的截图中，我们已经将商店应用程序添加到我们广受欢迎的 Kinsta 披萨店页面:

Wix eCommerce store management

Wix ecommerce store management

然后，您可以通过弹出界面添加产品并管理您的商店:

Managing eCommerce products in Wix

Managing ecommerce products in Wix

这对于简单的产品来说很好——但是除了简单的文本字段之外，您再次缺乏真正挖掘和定制您的产品信息的灵活性。

如果你只是卖一件 t 恤，Wix 可能没问题。但是对于可变的或定制的产品，您可能希望有更多的灵活性。

最后，Wix 的电子商务功能仅在他们的特殊商店计划中可用，这比常规的 Wix 网站要贵一点。

WordPress

虽然 WordPress 主要被称为网站构建平台，但它实际上也是占主导地位的电子商务平台，WooCommerce 占所有电子商务网站的 42% ( 多数)。

不过，使用 WordPress，你需要借助一个插件来添加电子商务功能。两个最常见的选项是:

woo commerce——以实物产品为主
轻松数字下载——主要关注虚拟产品

The WooCommerce setup wizard

随着每个基础电子商务插件，你也可以找到巨大的附加插件市场，以进一步扩展你的商店。就像普通的 WordPress 网站一样，这给了你展示产品、处理订单等等更多的灵活性。

例如，你甚至可以找到将 WooCommerce 与按需打印服务同步的插件，这样你就可以将订单履行外包给其他人。

当谈到电子商务和 Wix vs WordPress 时，灵活性的水平就是为什么 WordPress 通常是一个更好的电子商务平台。

每个平台上谁控制着你的数据？

虽然在短期内这可能不是新手的主要考虑因素，但数据所有权应该成为你最终决定的主要因素。对于数据所有权，我们的意思是:

你能下载一份你的内容吗？
你能轻松地将你的内容转移到另一个网站建设者那里吗？

就数据所有权而言，WordPress 是明显的赢家。差远了。

威克斯

如果你想知道为什么我们说它甚至不接近，这里是 Wix 关于数据所有权的声明，直接来自它的知识库:

您的 Wix 网站及其所有内容完全托管在 Wix 的服务器上，不能转移到其他地方。

具体来说，不能将使用 Wix 编辑器或 ADI 创建的文件、页面或网站导出或嵌入到另一个外部目的地或主机。

所以…是的。如果你担心数据所有权，这应该是一个很大的危险信号。

虽然有一些第三方工具提供了将 Wix 移植到 WordPress 的解决方案，但是 Wix 并没有给你一个简单的方法来自己完成这项工作。

WordPress

有了 WordPress，你总是可以完全控制你所有的数据。你可以下载或操作你网站上 100%的数据，并且导出/导入 WordPress 用户，因为你控制了一切。

就像我们说的——差远了。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

每个平台如何处理日常维护？

虽然 Wix 的封闭生态系统对于数据所有权或灵活性来说不是很好，但主要的好处是它几乎消除了您处理维护和安全性的需要。

有了 WordPress，你要么需要自己处理这些事情，要么找一个托管的 WordPress 主机，比如 Kinsta，它强调安全性和维护。

威克斯

本节很短，因为您不需要用 Wix 做任何事情——Wix 会为您做所有的事情。您永远不需要担心更新或安全漏洞。

WordPress

WordPress 的情况正好相反。也就是说，你负责的事情有:

安全性
更新软件
备份您的数据

不过，这并不一定意味着你需要自己做这些事情。你总是有这样的选择:

使用备份和安全插件
选择一个托管的 WordPress 主机
雇佣一个 WordPress 维护服务

每个平台多少钱？

Wix 提供简单的按月定价，这样你就可以随时知道你要付多少钱。有了 WordPress，事情就有点棘手了。至于哪个更便宜，没有正确的答案。总的来说，从长远来看，WordPress 网站可能会更便宜*，但是*(因为 Wix 的固定月费)。

威克斯

Wix 有两套月度计划，取决于你是否打算拥有一个电子商务商店。以下是常规 Wix 网站的价格:

Wix vs WordPress pricing

Wix regular website pricing

以下是 Wix 电子商务商店的定价:

Wix vs WordPress pricing

Wix ecommerce website pricing

还有一个免费的 Wix 计划，但你不能使用自己的域名，它会显示 Wix 广告。

WordPress

有了 WordPress，只有两个不可避免的固定成本:

托管服务–廉价的共享托管服务可以低至每年 50 美元，而有质量管理的 WordPress 主机通常每月至少 30 美元。
域名–通常每年 10 美元。

除此之外，你可能还想购买一些高级主题和/或插件。这些对于运行一个 WordPress 站点来说不是必须的，但是通常有更好的功能、支持和/或设计。

对于 SEO，两者孰优孰劣？

对于很多人来说，这是一个非常有争议的话题，因为一些人认为 Wix 更适合 SEO，而另一些人则认为 WordPress 更适合。然而，如果我们把它们都剥离回来，当谈到页面搜索引擎优化的基础时，它们都没有什么不同。两者都包括以下内容:

能够改变页面标题，元描述，和 H1-H6 标签
可以生成更快更容易抓取的站点地图
您可以在两种平台上为图像添加 alt 标签
友好和简短的网址是标准
手机友好型
可以连接谷歌搜索控制台、必应站长工具和谷歌分析等。

就离页搜索引擎优化而言，反向链接或社交信号并不真正关心你在什么类型的平台上。我们可以说 WordPress 在这个领域做得更好的一个地方是拥有更多控制权的能力。这包括网站速度和索引/抓取/屏蔽等高级选项。这些可以直接影响 SEO 和排名。

Ahrefs 发布了一项关于 Wix vs WordPress SEO 的研究。他们分析了 640 万个域名，发现 46.1%的 WordPress 网站获得了一些有机流量。相比之下，Wix 只有 1.4%的域名有有机流量。然而，由于许多因素，许多数据是不确定的。比如，也许更多的 SEO 工作只是在 WordPress 网站上完成，而不是 Wix。

Wix vs WordPress SEO

无论哪种方式，对于 SEO 来说，重要的是不要太关注平台，而是关注你发布的内容的质量，在社交媒体上的推广，以及你建立的反向链接。毫无疑问，使用 WordPress，你有更多的控制权。

推荐阅读:Weebly vs WordPress——哪个最适合你的网站？

Wix vs WordPress:你该选哪个？

我们在这里的推荐感觉与我们的 WordPress 和 Squarespace 帖子的结论非常相似(因为 Wix 在很多方面与 Squarespace 相似)。

如果您只是想要一种简单的方法来创建一个基本的网站，而不关心完全的数据所有权或定制站点的灵活性，那么 Wix 可能是一个不错的解决方案。请记住，如果您决定以后需要更多的灵活性，那么从 Wix 中迁移出来将是一件痛苦的事情。

然而，对于大多数用户来说，WordPress 可能是最好的解决方案。原因如下:

虽然不像那样对初学者友好，对大多数初学者来说仍然很容易掌握，WordPress 社区继续使它变得更加容易。
由于 WordPress 庞大的插件生态系统，你可以更加灵活地为你的网站添加功能。
您总是完全控制您的数据并拥有完全的控制权/所有权。

现在轮到你们了——鉴于这个博客主要是关于 WordPress 的，我们有一个很好的猜测，你可能会在 Wix 和 WordPress 的光谱中处于什么位置。但是，我们仍然很想听听你的想法！

Wix 是 Wix.com 的注册商标。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

一种新的 WooCommerce 替代方案——你好，BigCommerce

原文:# t0]https://kinta . com/blog/woocommerce-alternative-bigcommerce/

WordPress 是世界上使用最广泛的内容管理系统。事实上，它为互联网上三分之一的网站供电。在过去，如果你想在你的网站中加入一个电子商务商店，最流行的选择通常是 WooCommerce。

当然，有很多 SaaS(软件即服务)电子商务平台可供选择。但是设计会对你的内容和销售产生巨大的影响。选择一个基于 WordPress 的网站会给你更多的控制权(从代码到成千上万可用的主题和插件)。所以，如果你想两全其美(简单的内容管理和商务)，你别无选择，只能使用 WordPress 和 WooCommerce 这样的插件。

这种情况现在已经改变了。BigCommerce 推出了自己的 WordPress 插件，为市场带来了一些急需的竞争。但是，它为您的企业提供了更好的选择吗？请继续阅读，寻找答案。

大商务概述
大商务的优势
网络商务的优势
哪个适合你

There's a new headless option for WordPress Ecommerce sites: Hello BigCommerce! 👋Click to Tweet

大商务概述

BigCommerce 作为一个 SaaS 平台已经存在了一段时间(成立于 2009 年)。它是领先的电子商务网站建设者之一，尤其是成长型企业。

BigCommerce

他们的托管平台的最大吸引力之一是，你可以快速建立一个在线商店，它比其他平台具有更多内置功能。BigCommerce 拥有电子商务平台中最快的网站速度，一流的 SEO 和 URL 结构，以及安全、API 调用和支付网关功能。此外，该公司以其平稳高效地处理订单和交易的能力而闻名。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

然而，BigCommerce 处理电子商务商店所有后端技术方面的一个缺点是缺乏内容定制。该公司的 SaaS 平台在不直接关注交易的领域历史上并不出色，比如让你能够将博客附加到你的商业网站上。

然而，这一切都在改变。BigCommerce 早在 2018 年 6 月就推出了对其新 WordPress 插件的‘早期访问’,并于 2018 年 12 月正式推出该插件。

WordPress 的 BigCommerce 一种新的 WooCommerce 选择

BigCommerce 与 WordPress 合作，推出了自己的 WordPress 插件，使用户能够将公司所有的电子商务功能与 WordPress 平台的开源灵活性结合起来。

BigCommerce for WordPress plugin

WordPress 的 BigCommerce 插件是一个全功能的集成。一款旨在让您快速扩展商店规模的产品。它通过在 BigCommerce SaaS 平台中保留大部分后端功能来做到这一点。

该功能包括:

目录管理
管理履行物流
处理付款
订单管理

不同的是，插件允许你在前端上继续使用 WordPress。因此，你可以使用它无限的定制选项以及数以千计的主题和插件。

有了 WordPress 的强大功能，你现在可以设计一个吸引人的网站，无缝集成内容和购物。无论你的目标是开始一个新的博客，还是精心设计完美风格的产品描述，这个插件都能帮你实现。

一个有趣的事实。几年前，当 Shopify 推出他们自己的 WordPress 插件时，他们尝试了同样的事情。然而，它现在已经被关闭了，他们为 WordPress 用户提供的唯一的东西就是增加一个按钮，没有集成。BigCommerce 会实现 Shopify 未能实现的目标吗？

大商业的优势

拥抱 WordPress 的力量和功能使 BigCommerce 能够向用户提供**“无头商务”**，将强大的后端商务引擎与最受欢迎的内容管理系统相结合(建议阅读:用 Gatsby 和 WordPress 建立网站简介)。另外，它支持在同一个 URL 上显示内容、创建产品类别和进行销售，这是一个很好的新 SEO 策略。

Content and commerce

以下是 BigCommerce 创造的独特优势:

1.改进的可扩展性

BigCommerce 将其新插件设计为健壮的，并支持大型企业的可伸缩性。它通过三种方式做到了这一点:

该公司在自己的插件中包含了许多标准的电子商务功能。因此，不需要安装额外的插件来降低网站速度。
它保留了 WordPress 之外的大部分后端元素，因此它们不会占用平台空间，也不会对网站速度产生负面影响。
BigCommerce 设计这个插件是为了让你建立多个 WordPress 商店。您仍然可以从一个控制面板控制它们。

BigCommerce 建立了它的 SaaS 平台，重点是能够方便地容纳大型企业。该公司确保其新的 WordPress 插件保持了处理大量流量的能力。以及高阶体积。

该插件还支持每个产品多达 600 个 SKUs】，并支持创建复杂的目录。它为创建完全定制的产品目录提供了 250 多个选项。

2.增强的安全性

BigCommerce 插件保持了 SaaS 平台的所有安全特性。其中包括:

**PCI 合规性。**新的 BigCommerce 插件旨在提供嵌入式结账体验。这种体验代表您关注 PCI 合规性和客户安全性。例如，您不必担心信用卡数据的安全性，或者像加密或符合 PCI 规范的收集签名这样的项目。
保护用户帐户和登录。BigCommerce 为 WordPress 之外的客户提供安全的登录、账户和支付信息存储。此功能可以增强您的客户的安全感以及对其数据安全性的信心。
**集成支付网关。**big commerce 插件为您和您的客户提供对超过 65 种不同支付网关集成的即时访问，这些支付网关服务于 100 多个国家，支持超过 250 种本地支付方式。这不仅意味着大量的支付选择，还意味着你不必担心设置或维护这些安全的网关。

3.定制支持

WooCommerce 和 BigCommerce 都通过 WordPress 平台提供几乎无限的定制服务。然而，BigCommerce 设计了额外的功能，使定制过程更容易。

开箱即用的功能。BigCommerce 插件的设计目的是快速方便地将你所有的标准电子商务功能整合到任何现有的 WordPress 主题中，这样在启动你的新商店之前，几乎不需要预先定制和任何编码知识。它甚至支持新的古腾堡块编辑器。
**AMP 优化。**该插件旨在支持产品和分类页面上的加速移动页面，以便您的网站更快地进行移动浏览和购物。
对关键插件文件的无限制访问:BigCommerce 插件还支持 WordPress 覆盖模板文件的标准方法，因此你可以修改任何开箱即用的设计，而不用担心丢失你的定制。换句话说，你可以定制你的集成产品卡、列表和购物车，而不用担心插件更新会撤销你的更改。
一个庞大的支持网络。BigCommerce 帮助其客户联系到其大型企业家和在线商店所有者在线社区，以便您可以讨论想法，向他人学习，并获得任何定制问题的答案。该公司还在积极寻求开发者来帮助改进应用程序并解决任何客户问题。

BigCommerce AMP and Gutenberg support

4.附加功能

作为最后一个优势，以下是 BigCommerce 在其插件中内置的几个有价值的特性:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

分析。BigCommerce 提供了关于您商店业绩的大量数据和有价值的分析。
简化的全球运输。BigCommerce 还提供实时全球承运商报价，并支持大多数主要的全球快递公司。这使您能够访问免费送货、直运、统一费率等选项。此外，该公司刚刚发布了 BigCommerce 航运功能，使您可以轻松地以折扣价从主要承运商那里获得定制的实时运费。
灵活的购物车。BigCommerce 的嵌入式购物车提供了广泛的定制选项，以便您可以在完全响应的布局内提供企业级促销和折扣，而无需任何额外的扩展或插件(正在寻找扩展？看看这些最好的 WooCommerce 扩展。
更好的信用卡利率。BigCommerce 允许其所有客户获得预先协商好的信用卡费率。目前，这些是 SaaS 电子商务领域最低的费用。此外，您还可以从 BigCommerce 的 PayPal 优惠费率中获益。而且，随着您的业务增长，升级您的计划，您甚至可以获得更好的信用卡利率。

BigCommerce transaction fees

网络商务的优势

不可否认，BigCommerce 是一个电子商务插件的发电站。它强大、快速，可随时扩展您的业务。但是，这并不意味着网上商务对你的企业来说不是一个好的选择。

WooCommerce plugin

以下是这个插件必须提供的内容:

1.它是免费的

WooCommerce 最大的优势是可以用这个插件免费创建一个电子商务商店。是的，你需要投资 WordPress 托管主机(或者甚至专门的 WooCommerce 主机)。

你可能还需要购买多个支付网关和运输插件来匹配 BigCommerce 的功能，但是，如果你刚刚起步，产生的销售额较小，你可能可以通过 WooCommerce 节省资金。

如果你刚刚开始，区别在于可以选择一个免费的 WooCommerce 主题，插件本身也是免费的。相比之下，使用 BigCommerce 插件，你需要支付每月 29.95 美元的费用。

2.它得到了很好的支持

WooCommerce 是 WordPress 高度评价的公司，它拥有庞大的用户和支持者网络。事实上，大约 8%的电子商务商店和 21%的排名前 100 万的网站使用 WooCommerce。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

WooCommerce support

此外，许多 WooCommerce 主题、插件和产品的创造者 WooThemes 在 2015 年被 Automattic 收购。如果你不熟悉 Automattic，那就是运营 WordPress.com 并为 WordPress.org 做出贡献的公司。所以，这显示了这个插件是多么受支持。

3.用插件扩展功能

BigCommerce 提供了许多内置功能，对于非开发人员和不熟悉 WordPress 的人来说非常有吸引力。然而，仅仅因为 WooCommerce 没有内置这一功能并不意味着你不能获得它。例如，您可以整合您自己的 CRMs 、支付网关，并保持您自己的 PCI 合规性，尽管您最终将为此单独付费。

目前，WooCommerce 有数百个免费和优质插件可用，旨在增强其核心功能。如果你不喜欢自己定制网站，你可以雇佣一个 WordPress 开发者。有成千上万的开发者专门从事 WooCommerce 开发。

WooCommerce developer

哪一个适合你

这两个电子商务插件都提供了自己独特的优势，那么哪一个是你的企业的正确选择呢？

因为这两个选项都可以支持无限制的定制，并且可以根据您的需要定制，所以最终的决定是决定哪一个对您更重要:

一个易于扩展的解决方案，附带大量开箱即用的功能，并提供一些独特的额外功能？
或者是一个目前使用更广泛，如果你刚刚起步可能更便宜的？

底线是，这两个插件都允许你利用 WordPress 的力量，将最好的内容管理系统与你的商务活动相结合，从而获得巨大的成功。

Power of WordPress

此外，对于大型企业，速度是一个考虑因素。BigCommerce 的一个关键优势是它能够在 WordPress 之外托管很多后端元素。如果你有一个广泛的目录，并经历了大量的同步交易，这就更容易保持快速的网站速度。

由于许多电子商务功能被嵌入到 BigCommerce 插件中，它还可以最小化你的 WordPress 站点上活跃插件的数量。这减少了你需要更新和监控的插件数量，并且可以积极影响你的网站的速度，这反过来可以提高你的 SEO。

为了理解搜索排名的重要性，看看这个电子商务 SEO 统计数据:在谷歌排名靠前的页面占据了高达 36.4%的搜索流量。你的排名越靠后，你看到的流量就越少。

BigCommerce 还减少了网站维护所需的时间，因为该公司会为您处理许多方面，如 PCI 合规性、支付网关和客户安全。另外，如果你不能自己维护你的 WordPress 网站，那么问题就变成了:订阅 BigCommerce 还是雇佣一个开发者更划算。

底线是，除非你是一个非常精明的开发者，或者你的业务还没有大到足以支持 BigCommerce 的成本，否则新的 BigCommerce 插件可能是你的在线商店的更好选择。

摘要

谷歌趋势显示，WooCommerce 仍然比 BigCommerce 更受欢迎，但随着 BigCommerce WordPress 插件的知名度增加，这种趋势可能会改变。对于消费者来说，有更多的竞争和选择总是好的。

Google trends - BigCommerce vs WooCommerce

Google trends – BigCommerce vs WooCommerce

WooCommerce 作为 WordPress 插件已经存在了很长时间，并获得了强大的社区和支持网络。此外，WooCommerce 网站的最低成本对新企业和小企业非常有吸引力。

然而，BigCommerce 插件绝对是一个非常全面的电子商务产品。显然，它的设计考虑了可伸缩性和易用性。该公司将 SaaS 平台的力量与 WordPress 的无限定制相结合的能力，可能会改变电子商务市场的游戏规则。

BigCommerce 提供了比竞争对手更大的价值，特别是如果你正在经历显著的增长，或者有大量的产品和交易。

BigCommerce is a new WooCommerce alternative. For WordPress users, competition and more options is a win-win! 👌Click to Tweet

你会为你的电子商务商店选择哪个插件，为什么？请在下面的评论中告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何使用 Kinsta APM 解决 WooCommerce 性能问题(真实例子)

原文：https://kinsta.com/blog/woocommerce-apm/

知道如何解决 WooCommerce 的性能问题是你的在线业务成功的关键。你的电子商务网站越吸引用户，他们的网上购物体验就越好。他们的用户体验越好，他们就越有可能下单。总而言之，这意味着更多的销售和利润。因此，性能是你的 Woocommerce 商店成功的核心。

根据一项研究， 46% 的用户不会重访表现不佳的网站。因此，对于电子商务网站来说，由于性能问题而错失潜在销售机会是很常见的。如果你没有优化你的网站性能，在的季节性高流量日，比如黑色星期五和网络星期一，你会损失更多。

虽然你可以使用许多技术来加速你的电子商务网站，但是快速解决一个紧迫的性能问题是具有挑战性的。它需要主动监控站点的整体环境。这就是像 Kinsta APM 这样的应用程序性能监控工具非常有用的地方。

在本文中，您将了解电子商务网站的各种组件，为什么您需要 APM 工具来监控您的电子商务网站的性能，以及如何使用 Kinsta APM 来保持 WooCommerce 网站的最高性能。

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**准备开始了吗？我们走吧！

电子商务网站的各个组成部分

为了以最佳的性能运行一个电子商务网站，所有的部分都很重要。从托管基础设施和电子商务平台到第三方集成和结账流程，一切都很重要！

Illustration of a typical WooCommerce store stack

A typical WooCommerce store stack

无论你是在卖精酿啤酒，还是在卖无人机培训课程，像 WooCommerce 这样的 T2 电子商务平台都可以让你轻松快速地建立并推出一个在线商店。

它的各种扩展也使得用许多基本组件扩展商店的功能变得非常简单。

The various components of an ecommerce store

Tracking various ecommerce components is complex

链条中的环节越多，出现问题时就越难找到有缺陷的环节。所有这些复杂性都会导致性能和可用性问题的增加。它会影响您快速响应性能问题并在问题影响到客户之前解决问题的能力。

解决办法？使用应用性能监控工具。

我们已经明确设计了 Kinsta APM 来监控 WordPress 站点的性能，包括在 Kinsta 托管的 WooCommerce 商店。

46%的用户不会重访表现不佳的网站...这就是为什么监控你的电子商务网站的表现对你的声誉和收入至关重要。💰点击此处了解更多关于我们内置 APM 工具的信息⬇️ 点击推文

对 WooCommerce 网站使用 Kinsta APM 的好处

你的 WooCommerce 网站的性能问题会从多方面对你的在线业务造成重大损害。您可以使用 Kinsta APM 来防止或克服这些问题。它的一些好处包括:

增加销售和收入

性能对于一个电子商务网站的底线至关重要。维护一个高性能的站点需要理解许多指标和开发技能。Kinsta APM 让您和您的员工更轻松地完成这项任务。因此，对销售和收入的影响是使用 Kinsta APM 的最大好处。

bitters 用户体验

衡量用户的满意度很有挑战性，因为当面临速度或性能问题时，他们可能会默默走开。更糟糕的是，他们可能会去你竞争对手的地盘。像 Kinsta APM 这样有用的 APM 工具可以让你了解性能，从而确保你的客户对你的 WooCommerce 商店满意。

窗帘损害品牌声誉

在数字时代，文字传播得相当快。用户不再怀疑你的电子商务网站是否表现完美。他们期待着。因此，当它们由于网站速度变慢或中断而中断时，你不仅失去了一笔销售，也失去了你的品牌的声誉和信任。Kinsta APM 可以通过帮助您保持网站的最佳性能来减少这种机会。

提高生产力和幸福感

表现更好的网站也意味着内部员工生产力的提高。例如，您的开发团队不必花费太多时间来解决性能问题。支持人员不必管理那么多的票证。您的营销团队可以在更短的时间内完成更多的活动。当站点被调整到性能良好时，每个人都更加高效和快乐。

腾出时间进行创新

尝试创新战略以推动业务增长是电子商务营销的基石之一。无论您是开发人员还是营销人员，Kinsta APM 的简单性推动了协作，促进了有效的业务增长战略。它还支持更快地解决问题，从而更有信心地推出新功能。

降低托管和 IT 基础设施成本

通过识别性能瓶颈，Kinsta APM 可以帮助您充分利用您的主机基础设施。它使你能够微调你的 WooCommerce 网站，以更好地扩展你的网站。此外，通过识别麻烦的插件、扩展和第三方服务，Kinsta APM 让您走上削减不良 IT 资产的正确道路。

如何修复 Kinsta APM 的 WooCommerce 性能问题

现在是时候检查一些真实世界的例子，并探索如何使用 Kinsta APM 来修复 WooCommerce 的性能问题。

了解 Kinsta APM 的基础知识

首先，首先！在你用 Kinsta APM 对你的 WooCommerce 网站进行故障诊断之前，有必要了解它的各种术语以及你如何理解它的见解。您可以参考我们的 Kinsta APM 知识库开始使用。

如果你有更多关于 Kinsta APM 的问题，我建议你阅读 Kinsta APM FAQ 部分。

测试 WooCommerce 网站和设置

Kinsta APM 只适用于 Kinsta 托管的 WordPress 网站。对于本文，我建立了一个测试 WooCommerce 站点来模拟在线商店最常见的性能问题。我使用一个真实的域名来确保一个 SSL/TSL 握手发生。

以下是测试站点的详细信息:

服务器栈:Nginx 1.19.4，PHP 7.3.24-3，MariaDB 5.5.5
版本:5.5.3
主题:雅特主题 2.6.1
主要插件:WooCommerce 4.7.1、 WooCommerce 购物车废弃恢复、Kinsta 必备插件、Akismet 反垃圾邮件。

此外，我使用自定义插件来说明独特的例子，稍微定制了网站。这里的主要目的是教授如何在各种情况下使用 Kinsta APM 来解决几个 WooCommerce 性能问题。

1.WooCommerce APM 示例:结账时第三方 API 调用缓慢

大多数电子商务网站依靠第三方集成来处理支付和运输等关键流程。许多 WooCommerce 网站也使用第三方插件进行电子邮件营销，比如 Mailchimp 和 T2 MailerLite。

然而，第三方服务会对你的 WooCommerce 网站的表现产生重大影响。如果它影响了你的结账过程，那么你应该更加认真地对待它。

Stripe API down tweets from the Stripe Status account

Stripe’s API faced a major outage last year.

在本例中，每当用户向购物车中添加产品时，站点的响应时间都太长。有时，网站需要超过 5 秒的时间来响应。这是放弃购物车的绝佳方法。

让我们启动 Kinsta APM 来诊断问题。

首先，进入你网站的 MyKinsta 仪表板，然后前往监控部分。

点击性能监控部分下的启用按钮，让 Kinsta APM 收集您站点的性能指标。

WooCommerce APM - MyKinsta

Enabling Kinsta APM in the MyKinsta dashboard.

如果您之前已经启用了 Kinsta APM(如这里)，您可以在图表和表格中看到过去的性能数据。

启用 Kinsta APM 后，我测试了站点，并等待性能指标填充到 Kinsta APM 仪表板中。

理想情况下，在深入研究数据之前，至少等待 5 分钟。这将确保 Kinsta APM 收集了足够的性能数据来提供可操作的结果。

The Kinsta APM main dashboard screen

The Kinsta APM main dashboard screen.

使用 Enable / Disable 按钮左侧的下拉菜单，您还可以更改 Kinsta APM 处理性能指标的持续时间。

Changing the total duration used by Kinsta APM

Changing the total duration used by Kinsta APM.

在总事务时间图表中，您可以看到外部调用占据了大部分空间。它暗示，第三方服务可能是放缓背后的罪魁祸首。

接下来，您可以向下滚动到最慢事务表，查看执行时间最长的请求或后台任务。

WooCommerce APM - list of the slowest transactions

A list of the slowest transactions in Kinsta APM.

您可以看到对**/单一产品** URL 的请求占用了最多的时间。在 WooCommerce 网站上，这个端点指的是任何产品页面。

单击**/单产品**事务，获取其最慢事务的精选样本。

Transaction samples of the slowest transaction

Transaction samples of the slowest transaction.

这里，查看最慢的事务样本，因为其持续时间为 5，535.14 ms (或 5 秒以上)。这远远超过了预期的响应时间。让我们单击这个事务示例来更深入地了解它。

Transaction sample details in Kinsta APM

Transaction sample details in Kinsta APM.

现在您将看到这个示例的事务跟踪时间线。它将列出该事务中发生的所有过程的时间戳细节。

向下滚动时间线，找到最慢的跨度。

Finding the slowest spans in the transaction trace timeline

Finding the slowest spans in the transaction trace timeline.

金斯塔 APM 强调跨度，需要你最大的关注与红色。

这里的跨度是slow.payment-api.com和更新 _ 卡 _ 支付。单击这两个跨度，查看它们的详细概述以及完整的堆栈跟踪和其他相关信息。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

‘Span details’ and ‘Stack trace’ in Kinsta APM

‘Span details’ and ‘Stack trace’ in Kinsta APM.

通过查看 Span details 部分，您可以推断这是一个外部 HTTP 请求。

堆栈跟踪部分帮助您识别发出这个 HTTP 请求所涉及的所有进程。这里我们可以看到WC _ Form _ Handler::add _ to _ cart _ action被占用。再往上，我们看到它还涉及一个名为 payment-api.php的非核心 WordPress 脚本。

把这些记下来作为证据。然而，我们还需要调查一个跨度。

让我们来看看关于它的细节。

‘Span details’ for a PHP script run by a plugin

‘Span details’ for a PHP script run by a plugin.

Kinsta APM 在这里最闪耀。它深入研究了与这个跨度相关的所有过程，然后给出了一些上下文。你可以看到这是一个名为 update_card_payment 的 PHP 脚本/函数，位于 payment-api 插件内。

现在，您已经收集了足够的证据，可以对从哪里开始故障诊断过程做出合理的判断。

我会通过查看 payment-api 插件，特别是一个名为 update_card_payment 的 PHP 脚本或函数来进行诊断。

如果你或你的员工没有技术专长来解决这些问题，你可以雇佣一个 WordPress 开发者来研究它们。

接下来，我会联系插件作者，查看他们的支付 API，因为它的响应速度非常慢。Kinsta APM 可以引导您快速识别性能问题的根本原因。你用这些知识做什么取决于你自己！

信息

在大多数情况下，解决由 Kinsta APM 工具识别的性能相关问题不在我们的支持范围之内。如果你在优化你的 WordPress 网站方面需要额外的帮助，我们建议联系我们的合作伙伴。

2.WooCommerce APM 示例:慢速 WooCommerce 管理仪表板

在线商店的后端性能与其前端性能一样重要。虽然缓慢的 WooCommerce admin dashboard 会对你的工作效率产生负面影响，但更快的后端可以提高你管理日常任务的效率，以及你对客户订单的响应速度。

拥有一个高效的 WooCommerce 仪表盘还能让你为你的网上商店的成功做更多重要的事情，比如数字营销。

WooCommerce 4.0 introduced a streamlined dashboard for easy store management

WooCommerce 4.0 introduced a streamlined dashboard.

理想情况下，后端优化从前端优化开始，因为在大多数情况下，加速前端也会修复后端的性能问题。有了 Kinsta APM，您不再需要像这样依靠猜测。您将看到整个站点的准确性能数据，帮助您修复任何性能问题。

在本例中，管理员和商店经理的管理仪表板运行缓慢。这对于打理网店的日常运营并不理想。

让我们启动 Kinsta APM，看看有什么问题。

启用 Kinsta APM 后，我等待了 15 分钟以上才开始研究性能数据。在等待的时候，我像往常一样使用 WooCommerce 后端。

WooCommerce APM - Fix performance issues with Kinsta APM

Performance metrics in Kinsta APM’s main dashboard screen.

总事务时间图表表明 PHP 进程占用的时间最多，其次是外部调用。

查看最慢事务表会让我们更好地了解哪些请求占用了大部分时间。

Finding the slowest transactions in Kinsta APM

Finding the slowest transactions in Kinsta APM.

从上面的图表可以清楚地看出，两个事务占用了大部分时间: /wp-admin/admin-ajax.php 和 /wp-admin 。

需要一个给你带来竞争优势的托管解决方案吗？Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

高管理-Ajax 使用率是 WordPress 网站所有者面临的最常见的性能问题之一。让我们进一步调查这个交易。

Transaction samples for admin-ajax.php requests

Transaction samples for admin-ajax.php requests.

所有的admin-ajax.php交易样本的持续时间几乎相同。超过 10 秒的事务持续时间是异常高的。

让我们看看它最慢的样本。

The slowest transaction sample for admin-ajax.php

The slowest transaction sample for the admin-ajax.php request.

向下滚动事务跟踪时间线以找到感兴趣的跨度。在大多数情况下，Kinsta APM 会突出显示它们。

然而，情况并非总是如此，就像这个例子:

Finding the slowest spans in the transaction trace timeline

Finding the slowest spans in the transaction trace timeline.

可以观察到两个持续时间异常高的跨度: snail_admin_refresh PHP 进程和【suspicious-link.com】T2 GET 外部 HTTP 请求。

Examining the slowest span’s details in Kinsta APM

Examining the slowest span’s details in Kinsta APM.

检查 span 细节将把您指向运行这个 PHP 进程的插件。这里是一个名为蜗牛-管理-刷新-通知的插件。我写它是为了在 WordPress 仪表盘中输出一个可怕的通知，就像一些流行的 WordPress 插件。

Inspecting the stack trace on another slow span

Inspecting the stack trace on another slow span.

查看suspicious-link.com 获得 span 的栈跟踪，你可以发现它与同一个插件有关。

An annoying WordPress notice example

The annoying WordPress admin notice.

在这里，经济放缓的原因直接表现在脸上。然而，情况并非总是如此。如果多个用户同时使用 WooCommerce dashboard，他们会对服务器资源造成更大的负担。这甚至可能导致某些用户无法访问仪表板。

通过帮助您快速确定任何性能问题的根本原因，Kinsta APM 使您的 WooCommerce 仪表板始终保持最佳性能！

3.WooCommerce APM 示例:慢速商店和产品页面

用户不能等待缓慢的页面加载，尤其是当它是一个商店或产品页面。根据谷歌的可用性研究，用户会在页面响应时间超过 2.5 秒时放弃该页面。

One of the product pages in the test WooCommerce site

One of the product pages in the test WooCommerce site.

WooCommerce 商店或产品页面加载缓慢可能有多种原因:

商店页面可能一次加载太多产品。
由于未经优化的图像、脚本、第三方请求等原因，产品页面可能会很大。
商店或产品页面可能会在每个请求页面上加载许多不可缓存的动态内容。
插件或主题可以在每个产品页面上插入自定义脚本，以实现额外的功能(例如，社交共享计数器、相关产品)。

在这个例子中，我们将诊断我们的测试网站 WooCommerce 上缓慢的产品页面。他们花了异常长的时间来回应，这通常对转化率是灾难性的。

让我们启用 Kinsta APM 并尝试加载一些产品页面。

我将测试他们至少 5 分钟，然后看看网站的性能指标。

Notice the sharp increase in MySQL related transaction time

Notice the sharp increase in MySQL-related transaction time.

从总事务时间图表中，您可以观察到 MySQL 查询所用时间的急剧上升。从时间戳来看，都是最近的。

让我们选择一个较短的持续时间来关注这些最近的交易。这将从我们当前的诊断中排除所有旧的性能指标。

WooCommerce APM - Choosing a shorter duration in Kinsta APM

Choosing a shorter duration in Kinsta APM.

现在让我们查看一下最慢的事务表，看看哪些请求占用了最多的时间。

Requests for individual product pages is the slowest

Requests for individual product pages is the slowest.

不出所料，/单一产品交易占据了总持续时间的大部分。当用户访问任何一个产品页面时，WooCommerce 就会触发这个请求。

它的最大持续时间( 136，417.63 ms )特别高。

我们去看看。

Transaction samples for the individual product page requests

Transaction samples for the individual product page requests.

我将点击最慢的样本来检查它。滚动浏览它的事务跟踪时间线会让我们更好地了解是什么导致了这个性能问题。

The troublesome span highlighted in bold red

The troublesome span is highlighted in bold red.

您可以看到，Kinsta APM 用鲜红色突出显示了征税跨度。看它的图标，您可以推断它是一个数据库查询。

‘Span details’ and ‘Stack trace’ of the slow database query

‘Span details’ and ‘Stack trace’ of the slow database query.

Kinsta APM 处理这个 span 的堆栈跟踪，并识别生成这个繁重数据库查询的插件。

在这里，它是一个名为woo commerce-related-products的插件。这是一个 WooCommerce 扩展，它基于各种标准为每个单独的产品页面动态生成一个相关产品的滑块。

The ‘related products’ slider in a product page

The ‘related products’ slider on a product page.

在 Span details 下，还可以看到我注入到这个 WooCommerce 扩展中的数据库语句来模拟这个性能问题。

对于销售数百(或数千)种产品的大型 WooCommerce 商店，引入新功能或更新现有功能可能会导致意外的性能问题。像上面这样的问题很常见。Kinsta APM 使诊断和修复它们变得更加容易。

沮丧。烦恼。失望。如果您的电子商务网站有性能问题，客户可能会感觉到的所有事情。😬利用我们内置的 APM 功能提前解决问题&尽快开始监控您的站点✅ 点击推文

摘要

我们生活在一个快节奏的世界里，你几乎可以全天候访问任何东西。无论是小企业还是大企业，WordPress 和 WooCommerce 都让在网上卖东西变得超级简单。而且你可以找到两者的快速主题(快速 WordPress 主题，快速 WooCommerce 主题)。

用户体验是网店成功的关键，主要取决于它的表现。然而，正如本文所示，监控 WooCommerce 商店的性能是很有挑战性的。

在本文中，您了解了如何使用 Kinsta APM 来解决 WooCommerce 的性能问题，比如长时间的 API 调用、缓慢的仪表板和缓慢的数据库查询。通过帮助您消除猜测，Kinsta APM 使您能够跟踪性能问题，并以最小的中断快速解决它们。

今天就与 Kinsta APM 开展业务，在当今竞争激烈的市场中获得显著优势！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WooCommerce 结账页面完整指南

原文：https://kinsta.com/blog/woocommerce-checkout/

WooCommerce 是一个灵活而强大的插件，你可以用它把你的 WordPress 站点变成一个动态的电子商务商店。然而，如果你希望减少购物车放弃、驱动转换率，并增加收入，那么仔细关注你的 WooCommerce 结账页面是很重要的。

在 WooCommerce 中，有很多不同的方式来设计和编辑结账页面。无论你是开始你的第一个网上商店，并试图了解这个网页是如何工作的，或者你想提高现有 WooCommerce 网站的结账体验，我们都可以满足你。

在本帖中，我们将解释什么是 WooCommerce 结账页面以及它是如何工作的。然后，我们将带您浏览许多选项，您必须使用插件、代码、主题等来设计、更改和利用它来优化转换。

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**让我们直接跳进来吧！

T3】

WooCommerce 结账页面概述

当你第一次建立你的 WooCommerce 商店时，插件会自动创建并分配一个结账页面。如果你在网站的前端预览它，你会发现它相当简单:

woocommerce checkout page

The default WooCommerce checkout page.

默认情况下，WooCommerce 会要求客户提供一些基本信息。这包括:

账单明细
名字和姓氏
公司名称
地址(城镇/城市、国家、地区和邮政编码)
电话号码
电子邮件地址
订单备注
隐私政策声明

这是包含在 WooCommerce 结账页面上的重要信息。它为客户完成购买以及网站处理他们的支付信息提供了必要的详细信息。

然而，这里没有什么必然有助于增加转化率或减少结帐放弃。此外，默认页面可能不会为您的特定业务提供最相关或最有用的信息。因此，像许多 WooCommerce 网站的所有者一样，你可能希望改变你的结账页面的设计和内容。

在我们开始讨论在 WooCommerce 中定制结账页面的不同方法之前，有一些事情需要先了解。

让我们来谈谈在哪里可以找到这个页面，以及在 WooCommerce 插件中可用的各种默认设置和功能。
T3】

在哪里可以找到默认的 WooCommerce 结帐页面和设置

激活插件后，WooCommerce 会自动为你的商店创建一个结账页面。您可以在您的管理仪表板中导航到页面 > 结账来找到它:

pages woocommerce checkout

The Checkout page in WooCommerce.

你可以像编辑任何 WordPress 内容一样编辑这个页面。例如，您可以更改页面的标题和永久链接，添加特色图片，修改页面属性等。它还使用了【woo commerce _ check out】短代码:

woocommerce checkout shortcode

The WooCommerce checkout page shortcode in WordPress.

这个页面有一些标准的配置选项，其中一些可以在 WooCommerce > 设置 > **高级:**下找到

woocommerce settings advanced

The ‘Advanced’ tab in WooCommerce settings

在此屏幕上，在 页面设置 部分下，您可以选择不同的页面作为您商店的结账屏幕。你也可以选择强制一个安全的 HTTPS 连接。

在常规设置页面，您可以启用结账时使用的优惠券，并配置如何计算税款:

woocommerce coupons taxes

The general settings page in WooCommerce.

在账户 &隐私标签下，您还可以找到一些用于账户创建和客人结账的选项:

woocommerce accounts privacy

The ‘Accounts & Privacy’ tab of WooCommerce settings

在此之下，有一个隐私政策部分，您可以在其中修改显示在结账页面上的隐私政策文本:

woocommerce privacy policy

除了这些内置设置之外，单独使用 WooCommerce 插件定制结账页面的选项有限。幸运的是，您可以使用其他方法来增强其外观并扩展其功能。

为什么你想改变你的 WooCommerce 结账页面

结账页面是顾客在完成购买前看到的最后一个东西。这将决定他们最终是改变还是放弃你的网站。

因此，确保你的 WooCommerce 结账页面设计良好并以一种鼓励转化的方式运行是至关重要的。您可以通过多种方式提供更好的体验，例如:

更改设计和页面模板
创建单页签出
添加、删除或重新排列字段
更改输入字段标签和按钮文本
要求填写某些字段
自动触发免费送货
将产品直接链接到结账页面

无论您是想彻底修改默认页面还是做一些小的修改，重要的是您能够轻松地做到这一点。幸运的是，你有多种选择。

Want to... ✅ reduce shopping cart abandonment, ✅ drive conversions, and ✅ boost revenue? Then this article is for you.👇 Learn how to build a customized WooCommerce checkout page in minutes ⏱Click to Tweet

您可以用来更改 WooCommerce 结账页面的方法

有很多方法可以改变你的 WooCommerce 结账页面。最佳选择取决于几个因素，比如你想做的具体编辑和你对编码的熟悉程度。

你可以用一些方法来增强你的 WooCommerce 结账页面，包括:

WooCommerce 功能、区块和短码。WooCommerce 确实有一些内置的功能和设置，你可以用它们来改善你的商店。例如，您可以自动触发免费送货，以及直接将产品链接到结帐页面。还有块和短码用于修改页面。
插件和扩展。如果你不精通技术，或者只是想要一种快捷方便的方式来增强你的 WooCommerce 结账页面，有很多插件你可以使用。大多数都很容易上手，几乎不需要支持。一些插件由 WooCommerce 提供，可从扩展库获得，而其他的则由第三方平台开发和提供。
页面模板和主题。如果你想改变结账页面的风格，你可以使用一个预建的模板或主题。与插件一样，如果您的编码经验有限，并且希望对页面的整体外观进行更改，以便更好地匹配您的品牌，这是一个可靠的选择。缺点是它不能像定制编码那样提供足够的灵活性。
自定义代码。另一种可以用来改变 WooCommerce 结账页面的方法是自定义编码。如果你习惯于编辑你的站点文件，并且想要增加很多个性化，这是一个强大的途径。

在接下来的几节中，我们将看看你可以对你的 WooCommerce 页面做出的一些最有效的改变。对于每一个，我们将解释为什么您可能想要进行编辑，并引导您使用不同的方法进行编辑。

如何定制 WooCommerce 结账字段

对 WooCommerce 页面最常见的更改之一是修改其表单字段。这些通常占据页面的大部分空间，所以它们需要相关。无论您想要删除字段、重新排列它们的顺序，还是添加新的自定义字段，您都有两种选择。你可以使用插件或者直接编辑代码。

使用插件来改变 WooCommerce 结帐字段

如果你想快速简单地定制 WooCommerce 中的结账字段，我们推荐你使用插件。有几个选项可供选择。

其中最流行的是结帐字段编辑器插件:

checkout field editor

The Checkout Field Editor WooCommerce plugin

这是一个免费的增值工具，可以让你在你的 WooCommerce 结帐页面上添加或编辑表单字段。您可以启用或禁用某些字段，以及重新排列它们的顺序。

虽然免费版可以让你处理这些基本任务，但 woo commerce check out Field Editor Pro 还附带了额外的功能。这包括 17 个字段类型和自定义挂钩。

要使用这个插件，你可以通过导航到插件 > 添加新的，然后搜索它，将它安装在你的 WooCommerce 网站上。找到后，点击立即安装按钮，然后点击激活。

激活后，您可以进入 WooCommerce >结帐表单进行设置:

checkout form editor

The Checkout Form Editor plugin in WooCommerce

您可以编辑三种不同类型的字段:

演员表
船舶
额外的

您可以选择想要更改的字段，然后点击删除、启用或禁用按钮。要添加新字段，选择添加字段。

如果你想改变一个现有的表单域，选择左边的框，点击编辑按钮。将打开一个面板，您可以在其中更改字段类型(仅在高级版中)、编辑字段标签、选择是否需要字段，等等:

edit checkout field

The edit checkout field panel in the Checkout Field Editor WooCommerce plugin

完成后，点击保存按钮。一旦你完成了对结账页面字段的所有修改，一定要点击屏幕底部的保存修改。

更详细的指导，你可以参考 WooCommerce 关于使用结帐字段编辑器插件的文档。

当然，这只是你可以用来改变 WooCommerce 结帐栏的众多插件之一。其他值得考虑的选项包括灵活的收银区和 WooCommerce 收银管理器，我们将在本文稍后讨论。

使用代码编辑结帐字段

编辑 WooCommerce 结帐页面上的字段的另一个选择是使用自定义编码。当然，这需要一定水平的技术知识和对网站文件的熟悉程度。这样做的好处是，与使用第三方插件相比，你在定制方面有更大的灵活性。

您可以使用您站点的文件和过滤器编辑您的结账字段，例如:

woo commerce _ check out _ fields
woo commerce _ billing _ fields
woo commerce _ shipping _ fields

WooCommerce 动作和过滤器让你几乎可以随心所欲地操作收银台。例如，您可以完全删除它们，添加新的，或更改显示的文本。使用woo commerce _ check out _ fields过滤器可以覆盖任何字段。

假设您想要更改 order_comments 字段的占位符文本。默认情况下，它设置如下:

_x('Notes about your order, e.g. special notes for delivery.', 'placeholder', 'woocommerce')

要更改它，您可以将这段代码添加到您的functions.php文件中:

// Hook in

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!

function custom_override_checkout_fields( $fields ) {

$fields['order']['order_comments']['placeholder'] = 'My new placeholder';

return $fields;

}

要删除字段，可以使用以下方法:

// Hook in
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) {

unset($fields['order']['order_comments']);

return $fields;

您可以对结账页面上的字段进行许多更改，因此我们不会在此一一探究。你可以在 GitHub 上找到有用的覆盖检验字段代码列表。

如何更改 WooCommerce 结账页面模板

默认情况下，你的 WooCommerce 结账页面模板将基于你网站的主题。但是，也许您想要更改设计以更好地适应您的品牌，或者您只是想对模板页面的内容进行细微的更改。

可以用来改变这种情况的两种主要方法是使用预构建的模板或添加代码。先说前者。

从预先构建的模板开始定制您的结帐页面

改变你的 WooCommerce 结账页面设计最简单的方法就是安装一个预建的主题，比如在 WooCommerce 主题商店里的那些。有各种各样的免费选项，以及高级主题。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

例如，您可以搜索单页结帐主题，或者您感兴趣使用的任何其他类型的特定模板。你还可以在 Envato Market 上找到大量的 WooCommerce 主题。

使用代码定制 WooCommerce 结账页面模板

如果您对编辑代码感到满意，您也可以手动更改结账页面模板。根据你的主机提供商，你可以通过 cPanel 或安全文件传输协议(SFTP)客户端中的文件管理器来实现。

您可以使用 action hooks 来添加、编辑或删除您的 checkout 页面中的元素。WooCommerce 为结账页面使用了九个主要的操作挂钩:

woo commerce _ before _ check out _ form
woo commerce _ check out _ before _ customer _ details
woo commerce _ check out _ billing
woo commerce _ check out _ shipping
woo commerce _ check out _ after _ customer _ details
woo commerce _ check out _ before _ order _ review
woo commerce _ check out _ order _ review
woo commerce _ check out _ after _ order _ review
woo commerce _ after _ check out _ form

这些操作挂钩向页面添加标记，您可以使用这些标记来自定义页面的样式和功能。如果您想使用这些操作挂钩来修改您的结帐页面模板，您可以通过编辑结帐表单 PHP 文件来实现。

您可以在***/woo commerce/templates下找到 WooCommerce 模板文件。从你网站的根目录，你需要导航到WP-content/plugins/woo commerce***:

woocommerce templates folder

The WooCommerce templates folder

在这些文件中，有一些钩子可以用来添加和重新排列模板页面上的内容，而不需要实际编辑模板文件。要为你的结帐页面创建一个自定义主题模板，你首先需要在你的主题文件夹中创建一个“woocommerce/checkout”文件夹。

接下来复制 WooCommerce 结账页面模板，可以在woo commerce/templates/check out/form-check out . PHP找到:

woocommerce checkout form

The WooCommerce checkout page template file

然后，将其添加到刚刚创建的新文件夹中。之后，您可以编辑该文件以进行所需的更改。当你保存文件时，WooCommerce 插件将加载这个模板并覆盖默认的页面模板。

如何创建一个网页的 WooCommerce 结帐

提升顾客结账体验，并在此过程中降低弃用率的方法之一，就是让结账过程尽可能快速简单。如果你想缩短结账过程，你可以在 WooCommerce 中创建一个单页结账。

有多种方法可以做到这一点。正如我们前面提到的，您可以寻找一个单页主题或模板，它将提供一个单一的结帐页面。然而，如果你喜欢你目前的主题，你可能不想改变它。

如果是这样的话，不用担心。还有其他的选择，比如高级的 WooCommerce 单页结账扩展:

woocommerce one page checkout extension

The WooCommerce One Page Checkout extension

因为这个解决方案是由 WooCommerce 开发的，所以你知道它是安全、可靠的，并且提供了大量的支持。除了让您将任何页面转换为结账页面，它还提供了许多优化单页结账流程的功能。

您可以:

在一页上显示产品选择和结帐表单。
允许客户在购物车中添加或删除商品。
让客户无需离开页面即可完成支付。
向页面添加自定义字段。

通过你的 WooCommerce 帐户购买了扩展后，你可以下载插件，然后在你的 WooCommerce 网站上安装并激活它。

要使用它，导航到页面 > 添加新的，并选择编辑器工具栏中的一页签出图标:

one page checkout icon

The One Page Checkout extension icon in the WordPress editor

在打开的面板中，您可以点击产品字段，并开始输入您想要添加的产品名称。

接下来，选择您想要使用的模板(产品列表、产品表、定价表或单个产品)，并点击创建短代码。

您也可以手动将一页短代码插入到任何帖子或页面中。要了解更多关于这个插件以及如何使用它，你可以参考 WooCommerce 一页结账文档。

需要为您的电子商务网站提供超快的、可靠的、完全安全的托管服务吗？Kinsta 提供所有这些服务，并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

如何在 WooCommerce 结账过程中触发免运费

作为一名电子商务企业主，你可以利用许多不同的策略来鼓励你的顾客增加消费。其中之一是提供免费送货。

当然，你可能不希望每个订单都提供免费送货服务。然而，将它作为订单总额达到一定数量时的奖励，可以帮助您鼓励购物者比其他情况下花费更多。

因此，您可能希望将您的 WooCommerce 结帐页面配置为在订单超过一定金额(如 100 美元)时自动触发免费送货。

您需要做的第一件事是向相关运输区域提供免费运输方式。

为此，导航至 WooCommerce >设置>发货:

woocommerce shipping zones

The WooCommerce Shipping settings

将鼠标悬停在您想要修改的运输区域上，然后点击编辑链接。如果您还没有添加任何区域，请先选择T3添加运输区域按钮并按照提示继续。

接下来，点击添加运输方式。在打开的模式中，从下拉菜单中选择免运费，然后再次选择添加运费方式:

add free shipping

Adding a free shipping method in WooCommerce

接下来，从设置页面上的运送方式列表中，将鼠标悬停在免运费上，并点击编辑链接。

一个免运费设置面板将会打开。从免费送货需要… 。下拉菜单，选择最低订单金额:

free shipping settings

Free shipping settings in WooCommerce

然后，您可以定义最小订单金额。完成后，点击保存更改按钮。

如何将产品直接链接到 WooCommerce 结账页面

另一种增强顾客结账体验的方法是创建直接结账链接。这有助于让顾客直接从产品和销售页面结账。

手动创建直接结账链接

要在 WooCommerce 中创建和添加一个直接结账链接，可以使用以下 URL:exampledomain.com//checkout/?add-to-cart=ID。

注意:您需要用您的域名和链接到结帐页面的特定产品 ID 来替换“exampledomain”和“ID”。

要查找产品 ID，请在您的管理仪表板中导航至产品>所有产品。浏览到您想要创建直接链接的产品，然后将鼠标悬停在其名称上以显示产品 ID 号:

woocommerce product id

A WooCommerce product ID

一旦你把产品 ID 粘贴到前面提到的 URL 中，你就可以把链接放在你的 WooCommerce 网站的任何地方。您可以对您的每个产品重复这一过程，甚至是可变的和分组的项目。

使用插件创建直接结账链接

我们认识到，上述策略可能不是对所有用户都最有效的方法。取决于你的 WooCommerce 商店里有多少产品，这可能非常耗时。

幸运的是，如果你正在寻找一个更快的方法，你也可以使用 WooCommerce 插件的直接结帐:

direct checkout woocommerce

The Direct Checkout for WooCommerce plugin

这款免费增值工具可以让您以多种方式简化结账流程，包括添加一个从产品页面到结账屏幕的直接链接。在你的 WooCommerce 网站上安装并激活插件后，导航到 WooCommerce >直接结账:

direct checkout settings

The Direct Checkout for WooCommerce plugin settings

在常规选项卡下，选择【T4 添加到购物车重定向选项的是，然后从【T8 添加到购物车重定向到下拉菜单中选择结账。完成后点击保存更改。

接下来，导航至产品选项卡:

direct checkout redirect

The option to redirect to cart in Direct Checkout for WooCommerce

启用成功添加选项后重定向至购物车页面。再次点击保存修改按钮。就是这样！

如何测试你的 WooCommerce 结账页面

至此，您已经实现了多种方法来增强您的 WooCommerce 结账页面。现在，确保您的结账流程正常运行是至关重要的，这样可以减少放弃，并确认没有错误会中断客户的旅程。

幸运的是，有一个简单的方法，你可以通过你的 WooCommerce 商店发送测试订单和付款，以确保一切正常。为此，你首先需要在你的网站上安装 WooCommerce 支付插件(如果你还没有安装的话):

woocommerce payments plugin

The WooCommerce Payments plugin

安装并激活插件后，您可以启用“测试模式”。为此，导航至 WooCommerce > 支付 > 设置:

woocommerce test mode

The WooCommerce payments test mode

请记住保存您的更改。

一旦测试模式被启用，你就可以浏览你的 WooCommerce 商店并选择任何产品。将其添加到您的购物车，然后转到结帐页面。

根据需要填写结帐页面表单字段。对于支付信息，您可以使用 WooCommerce 提供的任何一个虚拟信用卡号。您还可以使用任意三位数字作为 CVC 代码，并选择任意未来日期。

完成后，点击下订单。接下来，导航至支付>交易屏幕:

test transaction woocommerce

Testing transactions in WooCommerce

在这里，您应该会看到电荷出现。如果它在那里，你知道你的结帐页面工作正常。完成后记得关闭测试模式！

Learn how to style, change, and leverage your WooCommerce checkout page⚡️ to optimize conversions and 💰 boost your revenue here ⬇️Click to Tweet

最好的 WooCommerce 结帐插件和扩展

在这篇文章中，我们讨论了改变 WooCommerce 结账页面的各种方法，包括代码块、短代码和自定义代码。我们还提到了一些关键插件，它们可以帮助你添加一些其他方式无法提供的特性和功能。

然而，还有一些我们没有提到的附加组件、插件和扩展，但是它们为你的 WooCommerce 结账页面提供了更多的定制选项。值得考虑的一些最佳方案包括:

WooCommerce 购物车通知插件。这个 WooCommerce 附加组件允许您在结账过程中向客户显示可操作的消息和通知。例如，您可以使用它来通知他们相关的销售和促销活动。
WooCommerce 收银经理。这个插件是由开发 WooCommerce 直接结账的同一个团队开发的，它是一个强大的扩展，可以用来优化你的结账页面。您可以使用它来编辑、删除和添加自定义字段，以及创建条件字段。
WooCommerce 结账附加组件。这个高级插件可以让你在结帐阶段添加免费和付费的附加组件。这是一个有助于提高转化率和增加收入的工具。

根据你拥有的电子商务网站的类型，你可能会寻找更多的选择。如果是这样，我们建议查看一下 WooCommerce 扩展库，它提供了大量扩展 WooCommerce 插件特性和功能的插件，包括免费和付费解决方案。

摘要

你可以用不同的方法来改进和优化你的 WooCommerce 结账页面。

根据你想要做出的改变和你的经验水平，你可以利用 WooCommerce 插件和扩展，页面模板和主题，甚至自定义代码。

您对使用或编辑 WooCommerce 结账页面有任何疑问吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

高效 WordPress 商店的 10 个最佳 WooCommerce CRM 选项

原文：https://kinsta.com/blog/woocommerce-crm/

客户关系管理软件有各种形状和大小。有些是为小企业设计的，而有些则为大公司处理数百万份合同。

然后，我们有电子商务客户关系管理系统，考虑到访问网站、购买产品和寻求支持的客户数量，这可能是最重要的一种。当然，像 Salesforce 或 Pipedrive 这样的 CRM 在技术上可以适用于所有类型的企业。但是，WooCommerce CRM 如何同步 WooCommerce 中的客户、产品、订单和其他项目的数据呢？

如果你正在使用 WooCommerce，或者打算迈出这一步，你必须有一种在专业水平上与客户沟通和管理客户的方法。WooCommerce CRM 就是实现这一目标的方法。

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**## 你为什么需要 WooCommerce CRM？

你需要 WooCommerce CRM 的主要原因是你需要你的常规 CRM 和 WooCommerce 插件之间的同步。否则，客户的信息会在 WooCommerce 中捕获，而不会放入 CRM 中。

我们下面概述的一些 WooCommerce CRMs 是独立的产品，而其他的则是常规(非 woo commerce)CRM的集成。

无论如何，以下是你需要 WooCommerce/CRM 整合的一些原因:

查看每个客户更强大的统计数据，比如每个客户平均带来多少收入。
向客户发送电子邮件并提供支持。
标记交易。
以查看具体客户点了什么。
将客户记录与 WordPress 用户分开。
领导管理。

总的来说，WooCommerce CRM 将把大部分需要的信息放在一个仪表板上。你可以通过 WooCommerce 经营你的在线业务，让 CRM 做它应该做的事情，这使它成为 Shopify 和其他电子商务平台的一个很好的选择。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

2022 年最佳网络商务 CRM 解决方案

尽管我们建议查看下面完整的 CRM 评论，但如果你很着急，这里有一个推荐选项的快速列表。

米制
敏捷 CRM
忍术
【WordPress WooCommerce 的 Salesforce 连接器
【WooCommerce 的销售自动驾驶仪
WP ERP
WP-CRM 系统
阅读循环 CRM
【WooCommerce 的 HubSpot】
WooCommerce 与电子邮件平台的集成

1.Metrilo

Metrilo 是为数不多的专为 WooCommerce 定制的 CRM 之一。它旨在使你的 WooCommerce 分析顺利运行，没有任何痛苦的集成。有三个独立的计划提供不同的工具，每个都建立在前一个之上。任何计划对用户、流量、数据或电子邮件都没有限制。

基本计划——包括电子商务分析和仪表盘、产品洞察——每月 119 美元。
Pro Plan–基本计划+客户数据库，包含个人资料、留存分析、活动实时视图——199 美元。
高级计划–专业计划+电子邮件和客户反馈–299 美元。

Metrilo WooCommerce CRM plugin

Metrilo 的主要优势是将电子邮件营销和 CRM 结合起来。它基本上是一个管理和优化你所有电子商务营销的中心。Metrilo 显然集成了 WooCommerce，但你也可以选择将其连接到 Shopify 或 Magento 。

这个 WooCommerce CRM 是如何脱颖而出的？

Metrilo 支持 WooCommerce 和其他一些电子商务程序。
你可以在一个地方管理你的客户，发送电子邮件，并检查你的分析。
Metrilo CRM 可捕捉所有访客，并允许产品互动、弃车、客户细分和一对一电子邮件。
电子商务电子邮件营销模块包括自定义域、自动化、个性化电子邮件和细分的选项。
电子商务分析区有收入分析、产品性能、保留分析、预设销售渠道和订单状态。

2.敏捷 CRM

敏捷 CRM 可以集成到任何电子商务平台或网站中，但它有一个针对 WooCommerce 的特定产品。WooCommerce 系统包括用于客户管理、智能工作流程、web 参与等的工具。

关于敏捷最好的消息是，它是市场上最强大的 CRM 之一，但是你可以免费试用它。该公司为多达 10 名用户提供免费计划，因此从技术上讲，如果用户没有超过这个数字，一个较小的组织可能最终什么都不会支付。

Agile CRM plugin

之后的定价还是挺实惠的。入门包每月 8.99 美元，而最受欢迎的选项是 29.99 美元。CRM 分为四个部分:销售、营销、服务和附加服务。因此，您会收到诸如销售计划中的自定义数据字段和线索评分、营销系统中的电子邮件活动和表单生成器、服务部分的帮助台，以及通过 extras 模块的 50 多个插件和集成。

这个 WooCommerce CRM 是如何脱颖而出的？

Agile 为多达 10 个用户提供免费的价格计划。
甚至保费计划也是负担得起的。
敏捷将大部分营销和 CRM 需求整合到一个系统中。这包括销售、营销、服务和附加服务。
服务台是敏捷特有的，它允许固定的响应、组、标签和报告。
所有计划都有电子邮件和电话支持。
CRM 集成了 Google、Shopify 和 Stripe 等应用程序。
Agile 有一个 Chrome 扩展，可以让您在浏览器中更轻松地完成这个过程。
营销部分比列表中的大多数 CRM 更强大，有电子邮件模板生成器、登录页面生成器、营销自动化和社交媒体监控。

3.宁乔多

Ninjodo 是为小型团队和企业家开发的，它提供了一个干净、集中的 CRM，没有任何混乱、杂乱或庞大的程序。该软件旨在增加您的销售，管理您的联系人，简化电子邮件，并让您有组织。

该公司出售三种定价方案，其中最便宜的是每月 49 美元。14 天的免费试用期让你可以测试系统，但在那之后，你将被激活参加第一阶段计划，该计划支持多达 5000 个联系人和 5 个用户。

Ninjodo

Ninjodo 计划的有趣之处在于，它们被称为第一阶段、第二阶段和第三阶段，旨在展示你的企业应该如何利用 Ninjodo 取得进展。因此，它希望您在第一阶段达到 10 万美元的收入目标，在第二阶段达到 30-50 万美元，在第三阶段超过 100 万美元。

这个 WooCommerce CRM 是如何脱颖而出的？

每个计划都包括电子邮件模板、客户参与表和销售线索捕获表。
Ninjodo 以其令人印象深刻的操作视频、实时聊天支持和分步指南而闻名。
Ninjodo 是 WooCommerce 最简单的 CRM 之一。它是现代和干净的，而不是充满了成千上万的功能。
从 WooCommerce 自动同步您的客户和订单。您可以跟踪交付工作流程并实时查看订单。
Ninjodo 还可以与 Xero Accounting、Google Drive 和 MondoTalk 很好地集成。
从移动应用程序管理您的整个 CRM。这款应用不仅看起来容易理解，而且所有内容都显示在一个页面上。

4.WordPress WooCommerce 的 Salesforce 连接器

WooCommerce 的 Salesforce 连接器插件售价 199 美元，这是一次性费用。但是，您可以注册额外的支持期，这将提高您的价格。如果你不想自己完成这个过程，甚至还有安装费。

这个 WooCommerce CRM 的全部意义在于将 Salesforce 连接到 WooCommerce。最基本的是，CRM 将所有 WooCommerce 产品和客户与 Salesforce 同步。您也可以反其道而行之，将任何 Salesforce 订单和产品发送到 WooCommerce。

WooCommerce Salesforce connector

该插件支持 Salesforce 的所有版本，因此无论您是专业版、开发者版、无限版还是企业版都没有关系。在很大程度上，这个 CRM 似乎可以实时同步你所有的项目。它在需要时处理批量数据，如果需要，您始终可以选择禁用实时订单同步。

这个 WooCommerce CRM 是如何脱颖而出的？

顾客对开发商的支持赞不绝口。
它在最流行的电子商务 WordPress 插件和最流行的 CRM 之间架起了一座桥梁。
订单的同步发生在结账时。
这种整合提供了在 Salesforce 中创建目标客户群的机会，所有这些都基于 WooCommerce 的数据。
Salesforce Connector 利用云计算服务，为您的组织激活全球网络。

5.WooCommerce 的销售自动驾驶仪

WooCommerce 的销售自动驾驶是另一种情况，其中独立的 CRM 具有与 woo commerce 集成的内置技术。因此，如果你已经在使用销售自动驾驶，或者如果你想选择一个全新的 CRM，肯定会与 WooCommerce 一起工作，这种组合是有意义的。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

对于更高级的 CRM 来说，每月 14 美元的价格并不是那么糟糕。当然，这完全取决于你的邮件列表大小。例如，一份 750，000 的电子邮件列表至少需要 1，598 美元。所以，销售自动驾驶支持所有类型的公司。不管你是在经营一家大公司还是一家小公司，销售自动驾驶仪都有适合你的东西。

Sales Autopilot for WooCommerce

主要功能包括 CRM，电子商务，服务台模块，会员跟踪和基本的电子邮件营销等项目。登陆页面是从你的广告中链接出来的漂亮页面。如果你想获取客户的手机号码，并向他们发送某些促销信息，你也可以选择短信营销。

这个 WooCommerce CRM 是如何脱颖而出的？

它有几个你在其他客户关系管理系统中看不到的营销工具。以短信营销和代销商跟踪为例。
Sales AutoPilot 为提供了一个工具，使会员网站具有不同的访问级别，一个密码提醒功能，并完全集成到您的营销系统中。
它提供了一系列令人难以置信的定价选项，支持大型和小型企业。这也确保了你不会付出太多或者没有得到合适的功能。
WooCommerce 集成只需要你从 Sales AutoPilot 中复制一个代码，并把它放入 WooCommerce。
Sales AutoPilot 包括一个独特的支付解决方案，用于从您的客户在线收取付款。因此，即使是非电子商务网站也可以利用在线销售。
销售自动驾驶仪还集成了一些流行的计费软件。

6.WP ERP

WP ERP 是一个免费的插件，它将小型和大型企业与 CRM、HRM 和会计解决方案结合在一起。它目前有超过 7，000 个活跃安装，并获得了令人印象深刻的 4.5 分(五星评级)。他们的 WooCommerce premium 集成成本为 99.00 美元。它可以让你同步你的 WooCommerce 订单细节和客户数据，并允许你的 CRM 代理跟踪你的销售。

WP ERP plugin

这个 WordPress CRM 插件由不同的模块组成，一个用于 CRM 功能，另一个用于人力资源管理和会计解决方案。它们没有任何限制，你可以在所有的模块中创建任意多的条目。

这个 WooCommerce CRM 是如何脱颖而出的？

支持 44 种货币。
从您的 CRM 和会计模块查看 WooCommerce 完成的所有订单和交易。
自动将新注册的客户导出到 CRM 联系人列表和会计客户列表。
基于 22 个以上的重要过滤器对客户进行细分，从而创建动态客户列表。保存这些列表，以便发送电子邮件和时事通讯。
允许你的 CRM 代理跟踪 WooCommerce 订单。
过滤掉购买了一定数量、少于一定数量或多于一定数量的客户。
允许您的 CRM 代理从联系人的个人资料中查看客户日志，其中包含客户在您的网站上执行的所有操作。

7.WP-CRM 系统

WP-CRM 系统是一个免费的 WordPress CRM 插件，可以让你轻松管理你的客户、项目和任务。它还有西班牙语、俄语和波兰语版本。你可以用 WooCommerce 的高级 WooCommerce Connect 扩展来连接它，该扩展包含在他们 199 美元的包中。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

WP-CRM System plugin

WP-CRM 系统允许你拥有无限数量的记录，并让你给你公司的每个人访问 CRM 中的数据。

这个 WooCommerce CRM 是如何脱颖而出的？

让所有客户的订单信息触手可及。
开发者对这个 CRM 的支持是惊人的，并且在 WordPress 社区中脱颖而出。
从联系人记录中轻松查看每个联系人的订单历史记录。
WooCommerce Connect 扩展将自动在 WP-CRM 系统中创建一个新的联系人，如果客户购买了一个不存在的名字。
如果客户在结账时输入公司名称，也会自动创建新的组织。
您可以根据联系人的记录快速创建新订单。

还有一些高级扩展来进一步扩展 CRM，如电子邮件通知、客户区、Slack 通知、表单集成、Zendesk 集成、自定义字段、发票，甚至与您的 MailChimp 列表同步。

8.readycloud crm

ReadyCloud CRM 是当今电子商务世界中客户忠诚度和销售额的火箭燃料。ReadyCloud 是一款跨渠道电子商务 CRM 解决方案，具有强大的客户订单时间表，包括运输和退货信息、发票和跟踪号码、备注、小组日历、标签、电子邮件营销集成、详细报告、任务和团队管理、运输盈利报告等。

ReadyCloud CRM

没有插件安装或膨胀添加到您的网站代码。没有需要担心的更新。ReadyCloud WooCommerce CRM 软件通过 API 与您的 WooCommerce 商店进行通信，保持您的网站快速敏捷。这是你的 WooCommerce 世界的 CRM。

每个月都有新功能加入！立即开始为期两周的免费试用，无需信用卡。试用后的费用是每个用户每月 24 美元。

这个 WooCommerce CRM 是如何脱颖而出的？

你在 WooCommerce 仪表盘上找不到的详细报告。
你的 WordPress 站点没有开销。所有这些都通过 REST API 来处理。
使用 Premium ReadyShipper 和 ReadyReturns 插件添加多载波运输和退货。
它是跨渠道的，这意味着它也连接到易贝和亚马逊等平台。
有邮件集成的 MailChimp，不断接触等。
创建任务、事件、查看联系人、记笔记等等！

9.网络商务中心

HubSpot for woo commerce是一种将 HubSpot 的 CRM 与您的 WooCommerce 商店连接起来的快捷方式。

HubSpot for WooCommerce WordPress plugin

这意味着你可以自动将你的 WooCommerce 用户、订单和产品同步到 HubSpot 的 CRM，并利用该平台上的许多营销和销售工具。

有趣的是，从您的商店跟踪弃车的可能性，使用智能规则将联系人划分到电子邮件列表中，使您的跟进更有力(了解更多关于弃车电子邮件)。

该插件附带 7 个现成的电子商务报告，通过分析您的数据、网站流量、市场趋势、客户行为等，帮助您做出更好的决策。

这个 WooCommerce CRM 是如何脱颖而出的？

在 HubSpot 的 CRM 中自动同步实时 WooCommerce 用户、订单和产品(无限用户)
您可以根据各种条件创建列表，以便更好地管理和组织您的联系人。当新的联系人添加到系统中时，列表会自动更新。
建立广告活动通过网络接触你的客户
跟踪和回收客户废弃的购物车。
创建关于您的客户和订单的深入报告，以跟踪您的业务增长。

10.WooCommerce 电子邮件与电子邮件平台的集成

许多电子邮件营销平台都有集成功能，可以帮助你将 WooCommerce 商店转变为基本的 CRM。对于那些已经在使用 MailChimp 或 Active Campaign 等热门提供商的人来说，这些非常有意义。你可以用 WooCommerce 建立自己的电子商务商店，同时还可以通过电子邮件营销软件的表格和自动化来收集和细分客户信息。

哪款 WooCommerce CRM 最适合你？

CRM 市场是一个拥挤的市场，但这并不意味着它应该是混乱的。希望有了这个 WooCommerce CRM 选项列表，你可以缩小搜索范围，发现实际上会与 WooCommerce 同步的 CRM，使你的电子商务业务更有效地运行。顺便说一句。不要忘记插件会对网站性能产生很大的影响。我们有一份内容广泛的指南，里面有 17 条关于如何加快电子商务发展的建议。

由于 12 个列表仍然让你做出一些决定，我们想打破一些情况下，你可能会选择一个 WooCommerce 客户关系管理。

metrilo——如果您想通过 CRM 进行出色的电子邮件营销，这是一个很好的选择。
敏捷 CRM——非常适合需要最多 10 个用户的免费计划的公司。小型企业应该认真研究敏捷 CRM。
Ninjodo 或 WP ERP 最适合小型企业。他们有漂亮的界面。
Salesforce Connector for WordPress woo commerce–如果您计划使用或正在使用 sales force 作为您的 CRM，请使用此工具。
ready cloud CRM——如果你想把工作从你的 WooCommerce 网站上卸下来，并利用其他跨渠道 WooCommerce 集成，这是一个很好的选择。
WooCommerce 的销售自动导航——这款 WooCommerce CRM 拥有最灵活的定价方案。因此，如果你想避免支付太多的钱，但也希望足够的支持和功能，销售自动驾驶仪是值得一看。

如果你对最好的 WooCommerce CRMs 有任何想法或问题，请在下面的评论中告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何利用 WooCommerce 出口产品

原文：https://kinsta.com/blog/woocommerce-export-products/

许多用户会转向 WooCommerce，以便使用 T2 WordPress 经营一个功能齐全的网上商店。一般的“流”包括将资产、产品和内容引入这两个平台。然而，你也可以使用 WooCommerce 出口产品。

你这么做有很多原因。大多数情况下，您需要执行一些管理工作，比如批量修复条目。然而，如果你选择移动你的虚拟主机，你也可以出口产品。

不管怎样，知道如何出口你的产品——以及相关的步骤——是你箭筒里的一支强有力的箭。

Knowing how to export your products — and the steps involved — is a powerful arrow to have in your quiver. 🏹 Learn more in this guide ✅Click to Tweet

在本教程中，我们将向您展示如何使用 WooCommerce 来导出产品。我们将收集一些插件来帮助你，并为你提供一步一步的教程来完成这项工作。

首先，让我们简单地讨论一下导出的用例，以及导入过程。

为什么你想出口电子商务产品

你所有的股票和库存都在 WordPress——具体来说，就是 WooCommerce。导出这些产品意味着生成一个列表，这样您就可以在另一个程序中处理数据，而不用安装到商店中。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

A spreadsheet showing a list of products from a WooCommerce store.

A spreadsheet of a product export.

您经常会将这些产品导出为某种电子表格格式，无论是逗号分隔值(CSV)文件、Excel 电子表格还是纯文本文件。

虽然这看起来像是一件激烈的事情，但实际上，你经常会因为一些平凡而常规的原因出口你的产品:

效率:通过电子表格批量编辑你的库存比通过 WooCommerce 界面更简单、更熟悉。此外，您可以使用电子表格应用程序的专用功能来节省一些启动时间和精力。
**全局错误纠正:**您的产品列表可能有问题，您需要在全局级别进行排序。例如，您的库存单位(SKU)值可能有错误。导出您的 WooCommerce 产品可以让您解决这个问题，并在瞬间重新导入列表。
**迁移简单性:**你甚至可能想要升级你的主机到更健壮的和特定于你需求的东西。如果你出口你的 WooCommerce 产品，将整个列表导入到一个的新安装，或者一个新的服务器上，什么都不用做。

说到进口，在进入出口流程之前，了解一下如何进口是值得的。这将让你很好地理解条目如何与“内部”和“外部”世界联系起来(至少对于 WooCommerce 来说)。

如何导入 WooCommerce 产品和订单

从表面上看，WooCommerce 产品和订单的进口过程似乎很简单。事实上，有许多齿轮组成了整个轮子。

在接下来的几节中，我们将讨论一些“需要知道”的元素，并展示将产品导入 WooCommerce 的确切流程。

CSV 文件的基础

尽管我们称之为“CSV 文件”，但它并不是真正的文件类型，而是一种文件格式。尽管 CSV 文件有**。csv** 扩展名。

你可以使用几乎任何可以解析和显示文本的应用程序来阅读 CSV 格式。大多数用户会在电子表格应用程序中打开 CSV，因为这将提供相关功能来处理其中的值。然而，从技术角度来说，使用文本编辑器或其他解决方案并没有错。

CSV 文件的关键方面是它使用了“分隔符”用基本术语来说，这是一个分隔符，缺省值是一个逗号，因此格式显示“逗号分隔值”当你使用 CSV 格式时,“翻译”软件(在我们的例子中，是 WooCommerce 和一个电子表格应用程序)会理解由逗号分隔的每一段信息都是唯一的、独立的数据:

A text editor showing WooCommerce product data values separated by commas.

User names separated by commas.

如果没有逗号分隔符，您会看到数据被分成一个单元格:

A text editor showing all of the data within merged into

A dataset merged due to the lack of a delimiter.

CSV 格式的美妙之处在于，它不仅不知道用来读取数据的程序，而且不知道导入的程序。如果一个应用程序可以使用CSV 值，那么您几乎可以将数据移动到任何地方——只要您可以将数据适当地映射到您导入数据的程序。

WooCommerce 如何使用 CSV 数据

WooCommerce 使用 CSV 数据的方式与其他程序类似。在 WooCommerce 中，您有许多指定产品价值的字段:

The admin panel for WooCommerce, that shows a list of products and the corresponding data fields.

A list of WooCommerce products and data fields.

当您从 CSV 文件导入一组产品时，每个值都将被整理到一个标题下—SKU、产品名称、变量值等等。然而，这些头需要对应 WooCommerce 中的一个适当的值。

例如，如果你的 WooCommerce 产品列表不使用那个头值，你就不能从一个引擎类型头导入数据。让我们结合一般的导入流程来讨论这一点。

从 CSV 文件导入 WooCommerce 产品和订单

好消息是，尽管有所有的背景信息，WooCommerce 产品和订单的进口程序很简单。这要感谢 WordPress 的友好界面。

为此，您需要一个 CSV 文件，我们将使用 WooCommerce 样本数据。这是免费的，尽管你需要从 WordPress.org 的 T4 下载 WooCommerce 插件文件。在其中，您会找到一个名为 sample-data 的文件夹，其中包含要使用的文件:

A macOS Finder window showing three files: sample_products.csv, sample_products.xml, and sample_tax_rates.csv.

WooCommerce’s three sample data files.

有几种方法可以将产品导入 WooCommerce。如果您有新的安装并通过 Onboarding 向导运行，您可以在该过程中导入 CSV 文件:

The WooCommerce Onboarding Wizard, showing four options, including an "Import via CSV" link.

The WooCommerce Onboarding Wizard asking you to import products.

但是，这只会是没有产品的全新门店的一个选项。接下来我们将向您展示如何更新您的 WooCommerce 产品数据，这也包括使用 CSV 文件的导入过程。

使用 CSV 文件更新现有订单和产品

导入 WooCommerce 产品的最佳(也是推荐的)方式是通过 WordPress 中的产品 > 所有产品屏幕。如果您选择开始导入，您将看到一个选择 CSV 文件的对话框:

The WooCommerce Import Products screen, showing a button to choose a CSV file from your local computer and a checkbox to update existing products.

Choosing a file from the WooCommerce import dialog.

如果您点击这里的显示高级选项按钮，您可以看到 CSV 文件路径的一些可选设置以及使用先前映射设置的选项。最重要的是选择文件分隔符的选项。如果您的文件不使用逗号，这将有所帮助:

The Show advanced options settings, including a path to a remote CSV file, the option to set the file's delimiter, and a checkbox to use old column mapping settings.

The Show advanced options dialog.

一般来说，这里的过程很简单:从你的电脑中选择一个 CSV 文件，然后点击继续。

然而，这里的额外复选框是你如何更新产品。

工具提示解释说，但它会比较具有匹配 ID 或 SKU 的产品，并将信息更新为您的 CSV 文件显示的内容。此外，工作表中与现有产品(即新产品)不匹配的线条不会导入。这意味着您可以用您需要的任何数据更新文件，然后导入它来更新您的库存，所有这一切都使用一个复选框。

映射产品列

列映射屏幕是您将 CSV 文件中的列与 WooCommerce 产品标题相关联的方式。事实上，WooCommerce 在这方面做了一个“最佳猜测”——如果您使用样本数据或导入一个以 origins 作为导出的文件，这将是非常准确或足够接近的:

The WooCommerce Column Mapping screen, showing spreadsheet values on the left, and drop-down menus relating to WooCommerce fields on the right.

The WooCommerce Column Mapping screen.

检查完这些列并进行必要的更改以帮助您准确映射列后，您可以向下滚动并单击运行导入器按钮。从这里开始，WordPress 将做必要的工作，这可能需要一段时间，取决于您的 CSV 文件的大小。

但是，该过程完成后，您会看到一个成功屏幕:

The WooCommerce Product Import screen showing a success message and a button to view the imported products within WooCommerce.

The WooCommerce Import Complete screen.

这就是使用本机功能导入产品所需要做的全部工作。接下来，我们将看看 WooCommerce 在出口方面也提供了什么。

如何利用 WooCommerce 出口产品

要从 WooCommerce 导出，您需要前往产品 > 所有产品屏幕。一旦产品安装完毕，就会有一个额外的导出按钮:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

The WordPress Products screen, showing the "Add New", "Import", and "Export" buttons.

The WooCommerce “Export” button.

但是，如果您在没有选择产品的情况下单击此按钮，将不会导出任何内容。您首先需要使用列表中的复选框选择想要导出的产品，然后单击导出按钮。

这将把你带到一个不需要你太多输入的屏幕——Export Products对话框:

The "Export Products" dialog, showing three options to select columns to export, and the "Generate CSV" button.

The WooCommerce “Export Products” dialog screen.

在这里，从下拉列表中选择与您想要导出的数据相对应的选项。完成后，点击生成 CSV 按钮开始该过程，并将 CSV 保存到您的计算机。

在这里，您可以使用任何您喜欢的程序来查看您的 CSV。比如 Excel 很流行， Google Sheets 也是。

然而，尽管这个本地过程快速而简单，但它并不是最灵活或最强大的。接下来我们会更深入地讨论这个问题。

WooCommerce 原生功能的局限性

WooCommerce 的本地导出功能和导入过程的局限性不会在很多日常用例中表现出来。

这是一把双刃剑。一方面，你将能够在很多情况下实现几乎所有你需要的东西。

然而，另一方面，有一些限制直到你遇到它们时才会显现出来。例如，您可能无法以最佳方式导入特定类型的自定义数据和复杂产品。

这就是插件可以帮助的地方，它在本地导出过程和根据您的需求定制的东西之间架起了一座桥梁。automatic 认识到了这一点，这就是为什么他们发布了产品 CSV 导入套件 WooCommerce 扩展。

该扩展在许多方面超越了基本的本机功能:

你对其他 WooCommerce 扩展有更多的支持，比如 WooCommerce 摄影、WooCommerce 预订和 Google 产品订阅。
有一种方法可以导入、导出和更新定制的复杂信息。无论您将产品分配给供应商，为产品添加品牌名称，还是做其他任何事情，您都可以在 CSV 文件中处理这些数据。

然而，除了第一方的 WooCommerce 扩展，还有更多选择。你也可以使用第三方插件来帮助出口 WooCommerce 产品。我们将在最后一节讨论这个问题，以及如何使用插件导出。

如何用插件导出 WooCommerce 产品和订单

鉴于一个插件可能会提供一个更好的出口 WooCommerce 产品的方法，你会在市场上找到很多这样的插件。接下来，我们将运行市场上的一些插件，给你一个提供的味道。

从这里开始，我们将讨论如何使用这些解决方案之一来导出 WooCommerce 产品，并将其与本地方法进行比较。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

用于出口 WooCommerce 产品的插件

有各种价位的插件可以帮助你出口 WooCommerce 产品。你还会发现，尽管有很多可用的插件，但它们中的一大块做了一些与其他插件不同的事情。

像 WP All Import 这样的插件更多的是一个通用的导出器插件。这里最突出的特性是拖放编辑器。这使您有机会使用类似于页面生成器的界面来构建复杂的产品。您甚至可以使用拖放功能来设计 XML 方案，如果您一想到使用您的文本编辑器就会不寒而栗，那就太棒了。

The WP All Import plugin's schema editor, showing XML code along with user-defined values and parameters within the code.

The WP All Import XML Editor.

产品导入导出是另一个支持 CSV 和 XML 格式，与第三方插件和 WooCommerce 扩展高度兼容的插件。它还有另一个锦囊妙计。

A green-blue panel for the Product Import Export plugin that lists some of the key features, and includes a WooCommerce logo.

The Product Import Export plugin.

该插件使您能够设置多个安全文件传输协议(SFTP) 通道，以便安排您的导入和导出。这有两个好处:第一，你可以通过 SFTP 以高效的方式传输数据；第二，你采取了一种“不干涉”的方法，这将减少错误并提高你的效率。

虽然这两个解决方案都是高级插件，但您可能不想花钱购买解决方案。WooCommerce Store Exporter 是一个免费插件，专注于极简主义。

A spreadsheet mockup showing WooCommerce products on a purple background with a text

The WooCommerce Store Exporter plugin.

您还可以导出到远程 SFTP 格式，以及使用 POST 。这是一个开发级功能，如果您需要自定义导出解决方案，它将对您有所帮助。然而，如果你想使用插件作为一个简单的导出工具，有一个点击选项可以输出一个包含你的数据的电子表格。

最后一个插件是我们将在下一节演示的。WooCommerce 的高级订单导出与 woo commerce 商店导出器一样简单，在输出设置方面具有更大的灵活性。

The WordPress dashboard, showing the "Export Orders" options, including numerous filters, data range options, and output formats.

The Advanced Order Export plugin’s dashboard.

你得到了过多的输出设置，这取决于你的需要，你会重视。常见的有 CSV、XML 和 XLS 格式，也有 PDF 和 HTML 格式。

您还可以获得制表符分隔值(TSV)文件格式。虽然这不像设置分隔符那样灵活，但是如果您喜欢使用这种数据格式，它确实给了您一个永久的选择。

如何逐步出口电子商务产品

当然，根据你选择的插件，你导出 WooCommerce 产品的过程会有所不同。我们将在这里使用 WooCommerce 的高级订单导出插件，我们将讨论这个过程的一些一般步骤。

一旦你安装并激活插件，你会想要寻找相关的配置文件设置。在大多数情况下，插件会让你创建一个专用的导出配置文件。这使您能够保存一个独特的设置，以便再次使用。

对于 WooCommerce 的高级订单出口，在 WooCommerce > 出口 > 配置文件部分下:

The WordPress back end, showing the Profiles section to export orders. There is a list of columns, complete with information on formats and data ranges, and also an actions icon menu.

The Export Profiles section of the plugin.

我们可以使用从“立即导出”配置文件中复制的**——如果您点击它，您将进入一个详细的屏幕，显示您需要的字段，以便根据您的喜好完成导出:**

The full profiles screen, showing export data ranges, bulk action settings, filter settings, and more within WordPress.

The Export Orders screen showing a single profile.

从这里开始，您需要根据以下内容更改设置:

**日期范围:**应该有一个日期范围与你要导出的数据相匹配，仅此而已。
**输出格式:**您需要选择合适的输出格式。CSV 将是大多数应用程序的默认格式，尽管您可能也想要一个 XML 格式的副本。
Columns: 过滤器让您选择要导出的列，因此这应该是您花费大部分注意力的地方。

woo commerce 的 Advanced Order Export 有无数个过滤器供您选择输出数据的确切范围。例如，我们有针对商品重量、产品是否延期交货(作为自定义字段值)、可变属性等的过滤器:

The Export Order dialog, showing a list of filters and range values, along with format output options, and custom date settings.

Editing product filters in WordPress.

但是，这不会限制您在电子表格中看到的列数。对于这个插件，您将打开“设置要导出的字段”菜单:

A list of green fields with attributes for an individual product, and a purple "Remove all fields" button.

The Field Export list in WordPress.

一旦您设置了这些，最好保存您的更改和配置文件以备将来使用。从那里，您可以运行导出。

对于该插件，如果您想要快速的常规导出，您将使用 WooCommerce > 导出订单 > 立即导出屏幕，或者如果您需要特定的导出，则使用配置文件底部的导出按钮:

The bottom of an export profile, showing a number of buttons including the Export option.

The Export button within WordPress.

这会将包含数据导出的 CSV 文件保存到您的计算机上:

A Google Sheets document showing the data export from WordPress, including the columns set in the export dialog screen.

A Google Sheets document that contains the export data from WordPress.

一旦你完成了你的修改，你可以毫不费力地保存并导入电子表格到 WooCommerce 和 WordPress。

Want to expedite your WooCommerce workflow? Start here 🚀Click to Tweet

摘要

从 WooCommerce 中获取数据的能力是一项基本和必要的能力。因此，WooCommerce 提供了实现这两者的本地方法。虽然内置的导入过程简单、直观并且相对来说没有错误，但是本地导出功能并不总是最好的方法。

这篇文章着眼于使用插件来输出 WooCommerce 产品，好消息是有很多解决方案。一旦你有了你的 CSV 文件，你就可以在 Google Sheets、Excel 或者甚至是文本编辑器中打开它。从那里，您可以将文件导入 WooCommerce 并更新您的产品。

你是否经常出口 WooCommerce 产品，如果是，你的策略是什么？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

35 个最佳 WooCommerce 扩展来增强您的在线商店

原文:# t0]https://kinta . com/blog/woocommerce-extensions/

大家都知道 WooCommerce。它是 WordPress 上最大和最受欢迎的电子商务平台，因为它的免费定价、丰富的功能列表和巨大的可扩展性。如果你打算开一家电子商务商店，WooCommerce 可能是你下载的第一个插件。

它已经免费提供了相当多的功能，甚至没有降低你的销售额。但是它包含的元素是通用的，适合大多数网站。如果你想创建一个具有独特功能的专卖店，你需要 WooCommerce 扩展。

扩展可以帮助你定制平台来满足你的需求，有成千上万的扩展，基本上可以添加你能想到的任何功能。

想试试吗？

我们将向您展示在哪里可以找到最好的 WooCommerce 扩展，以及如何在您的网站上安装它们。

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**## 什么是 WooCommerce？

Woocommerce logo

Image source: WooCommerce

默认情况下，WordPress 不提供任何销售产品或建立功能性在线商店的方式。许多电子商务插件被创造出来以纠正这一点，但是 WooCommerce 在受欢迎程度方面已经上升到了首位。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

WooCommerce 是一个免费的开源电子商务平台，让你在 WordPress 中销售产品。你可以销售物理和数字产品，它很容易使用扩展模块，它完全兼容大多数主题。

而且没有任何附加条件。它的核心是完全免费的，没有产品限制。有了它的所有特性，难怪 500 万个大大小小的商店都用它作为他们的后台。你可以从 WordPress 的官方插件库中下载 WooCommerce ，并按照我们的指南在上设置它。

但是 WooCommerce 怎么赚钱呢？

虽然所有必要的功能都是免费的，但他们出售高级主题和扩展，许多第三方开发者也创建了自己的 WooCommerce 扩展。

什么是 WooCommerce 扩展？

WooCommerce Extension examples

Image source: WooCommerce

虽然该平台提供了相当多的开箱即用功能，但它无法涵盖您可能需要的一切。用只有一些商店可以使用的功能膨胀基础程序会使 WooCommerce 难以导航和学习。

这就是第三方 WooCommerce 扩展的用武之地。类似于 WordPress 插件， WooCommerce 扩展为你的商店增加额外的功能。它们可能包括新类型的产品，如会员或订阅，与邮政服务 API 集成以跟踪运输或允许你通过新的支付网关购买。有些增加了一个小功能，而另一些更像是全面检修。

你可以在他们的官方网站和各种第三方扩展库中找到 WooCommerce 扩展。

为什么使用 WooCommerce 扩展？

为什么需要 WooCommerce 扩展？核心程序还不够好吗？

虽然免费的 main 插件对大多数人来说都很好用，但它可能并不包含你设计商店所需要的所有东西。如果您想为礼品包装等产品添加可选的附加产品，或者创建响应用户角色等因素的动态定价，该怎么办？

此外，WooCommerce 扩展商店有许多主要的免费支付集成。这些可以让你接受信用卡、亚马逊支付或贝宝支付。你可能需要安装一个扩展，即使它只是一个免费的支付集成插件。

下载第三方 WooCommerce 扩展确实有一些缺点。通过在你的网站上添加第三方插件，如果它们编码糟糕的话，你就打开了一个潜在的安全风险 。此外，他们不在 WooCommerce 支持范围内，所以如果出现问题，你只能靠自己了。

但是，利远大于弊。你的商店离不开关键功能，而扩展是获得这些功能的最有效方式。你唯一的其他选择是学习编码并自己制作，或者雇佣一个开发者。

总的来说，如果你从声誉好的地方购买，使用 WooCommerce 扩展是安全的。

WooCommerce 扩展与 WordPress 插件

WordPress 插件，WooCommerce 扩展，插件:到底有什么区别？所有这些术语都很容易混淆。

WordPress 是一个 CMS 。第三方开发者已经创建了数以千计的插件来扩展它的功能。

WooCommerce 是一个 WordPress 插件。反过来，它有自己的一套用户定制的扩展，只适用于 WooCommerce。

这是一个这样的等级体系:

WordPress > WordPress 插件(WooCommerce) > WooCommerce 扩展。

你需要 WordPress 安装来使用 WordPress 插件，你需要 WordPress 和 WooCommerce 来使用 WooCommerce 扩展。

虽然 WordPress 插件可以添加任何功能，如用户注册管理或页面生成器，但 WooCommerce 扩展专注于电子商务并充实其母平台。

小部件呢？这些通常包含在插件中，是向 widgetized 化区域添加功能的块(想想你的侧边栏或页脚)。将一个小工具放到一个 widget 化的区域，这个块就会出现在前端。

WordPress widgets

例如，假设你下载了一个添加社交媒体图标的插件。它可能还包括一个可以添加到侧边栏或页脚的小部件。当你把它的小工具放到侧边栏时，图标就会出现在你的网站上。

换句话说，小部件执行插件功能，类似于短代码。WordPress 插件和 WooCommerce 扩展都可以使用小部件。

如何安装 WooCommerce 扩展

安装 WooCommerce 扩展的过程与普通的 WordPress 插件有些不同，你可以从插件库中下载。

第一步:下载一个 WooCommerce 扩展。

如果你要从 WooCommerce 的官方商店安装它，你需要先用一个 WordPress.com 的账户登录 WooCommerce 。没有帐号，你将无法从扩展商店或 WooCommerce >扩展>浏览扩展下载插件。

一旦你选择了你的插件，点击立即下载或者立即购买如果它是一个高级扩展。

登录你的 WordPress 后台，进入 WooCommerce >扩展>WooCommerce.com 订阅。连接您的 WordPress.com/WooCommerce 帐户，以便能够管理您的扩展订阅。

WooCommerce extensions

您购买的高级扩展将出现在此处的列表中。如果还没有安装，可以点击它们旁边的下载按钮。

如果你从第三方仓库获得扩展，只需下载他们给你的文件。它可能会在您购买后通过电子邮件发送给您，或者您可能需要登录您在存储库上的帐户。

不管你是从第三方商店下载还是 WooCommerce 本身下载，最后都应该是一个 zip 文件。

进入插件>添加新的，点击上传插件。上传您下载的插件 zip 文件。

Uploading a WordPress plugin

如果你从 WooCommerce 的商店获得了插件，返回到 WooCommerce >扩展>WooCommerce.com 订阅，点击新插件旁边的未激活开关将其激活。

如果你从第三方获得插件，进入插件>已安装插件，点击激活。

您的新扩展现在应该是活动的。大多数会在 WooCommerce >设置下添加一个自定义设置页面，你可以在那里进行配置。

下载 WooCommerce 扩展的最佳地点

有相当多的 WooCommerce 扩展分散在互联网上，其中许多只托管在特定的存储库中。

那么，你应该去哪里寻找最好的呢？

与致力于单个插件的网站不同，存储库托管了从少数到数千个 WooCommerce 扩展的集合。这里有一些你应该看看。

Extensions store

最好的起点是 WooCommerce 自己的扩展商店。在这里你会发现超过 300 个扩展，包括由 Woo 自己开发的。这里并非所有的东西都是他们制造的，但他们仍有官方认可的印章。一定要去看看的免费版块并浏览他们的一些赠品。

官方商店上的扩展通常比从其他来源下载更安全。它们也可以在你的 WordPress 后端的 WooCommerce 屏幕上进行管理或激活，这样就方便多了。

WordPress repository

下一个最好的去处是 WordPress 知识库。这里有很多扩展，每一个都是免费的。它们可能不会像在 WooCommerce 扩展商店那样被仔细审查，但 WordPress.org 插件仍然需要通过某些指导方针才能在那里托管。

质量可能有好有坏，但是从 WordPress 知识库下载插件通常是非常安全的。

CodeCanyon 是最大的 WooCommerce 扩展库之一。你会在那里找到各种各样的扩展和插件，有一个广泛的搜索系统，你可以用它来缩小你要找的东西。一切都是付费产品，价格从 10 美元以下到 100 美元以上不等。

在 Envato Elements 上，你会发现近 100 种优质的 WooCommerce 扩展/插件，涵盖了各种细分市场。然而，令人烦恼的是，你需要订阅 Envato 来解锁它们。根本没有办法只买一个扩展。好的一面是，你可以以相对便宜的价格接触到每一个人。

最后，你可以在森林、插件和堤喀软件上找到一些 WooCommerce 扩展。这些不需要很长时间浏览，所以你一定要浏览一下。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

预订和约会

booking and appointment

Booking and Appointment

预约和预约插件允许用户在 WooCommerce 中进行时间敏感的预约和预约。

它提供了将您的商店转变为成熟的预订系统所需的一切，包括基于时间或日期的预订、基于持续时间的预订，它甚至还添加了搜索功能，以便客户可以更快地找到他们想要的东西。

此外，这里有一些扩展，让您自定义如何销售您的产品。

产品包

product bundles

Product Bundles

顾名思义，通过产品捆绑包，你可以将产品捆绑在一起打包，以鼓励用户批量购买，或者追加销售并提供推荐。

它被描述为一个“产品分组工具包”，使更好地向客户营销变得容易。这使得为购买捆绑产品而不是单独购买产品提供交易和折扣变得轻而易举。

WooCommerce 品牌

woocommerce brands

WooCommerce Brands

使用 WooCommerce Brands ，您可以分配产品品牌，以允许用户根据它们进行排序和搜索。

这个简单而有用的扩展使得创建品牌和给每个品牌分配图像和描述变得容易。这为您的商店提供了强大的搜索功能，可用于创建强大的品牌索引供顾客浏览。

最小/最大数量

min max quantities

Min Max Quantities

使用最小/最大数量扩展，您可以在客户结账前应用最小/最大数量或成本。

如果您的某些商品库存有限，并且希望确保尽可能多的个人客户能够获得这些商品，这将很有帮助。它还允许您设置一组或多个最小/最大规格。

自定义产品标签

custom-product-tabs

Custom Product Tabs

产品页面太长了？使用自定义产品标签扩展，为您的产品添加标签，以拆分规格或变化信息等信息。

因此，在产品描述的旁边，你可以有标签显示更多的信息，而不会弄乱页面，让顾客永远滚动。选项卡区域可以包含文本、图像、HTML 和短代码。

yith woocommerce zoom magnifier

yith-woocommerce zoom maginifer

YITH WooCommerce Zoom Magnifier

YITH WooCommerce 变焦放大镜到底是做什么的？嗯，通过使用这个插件，顾客可以在悬停在产品图片上时放大图片。

这也为项目页面增加了缩略图滑块功能，全面改善了客户的用户体验。

变化样本

variation swatches for woocommerce

Variation Swatches

【WooCommerce 的变化样本可以轻松地为您的产品添加颜色、设计和其他变化的样本。您可以添加任意数量的产品属性。

此外，它是高度可定制的，开发者提供了大量的教程，以确保您也能从插件中获得最大收益。

更好的变化

WooCommerce Better Variations extension

WooCommerce Better Variations

WooCommerce Better Variations 是一个简单的插件，可以为用户带来很大的变化。它使缺货的产品变灰色，并让您自定义客户看到的信息。

你能向顾客提供的信息越多越好。举个例子，你甚至可以在产品变体上添加一个“重新进货”的日期，以鼓励人们在日历上做标记。

花式产品设计师

fancy product designer

Fancy Product Designer

你经营一家销售定制产品的公司吗？花式产品设计师以官方的方式为你处理这个过程的所有细节。

需要一个一流的，快速，安全的主机为您的新电子商务网站？Kinsta 提供超快的服务器和来自 WooCommerce 专家的 24/7 世界级支持。查看我们的计划

尽管许多在线商店要求客户只在通用评论框中留下关于他们定制偏好的细节，但这个插件允许客户设计产品，如服装，同时调整颜色，添加文本，并上传图像。

管理和营销扩展

你永远无法得到足够的管理插件。经营一家企业并不容易，所以尽可能抓住机会实现自动化。这些 WooCommerce 扩展可以帮助你吸引客户，让事情顺利进行。

啤酒制造

beeketing

Beeketing

Beeketing 是一款在 WooCommerce 中用于销售和营销的自动化软件。它允许你跟踪你的客户，自动转换，并保持用户的长期参与。

它实际上由超过 10 个独立的扩展组成，包括更好的优惠券框、销售 Pop 和结帐加速，每个扩展都旨在自动化和简化你的 WooCommerce 商店的营销和销售过程。

扎皮尔

zapier

Zapier

作为一项自动化服务，Zapier 可以连接成千上万的应用程序，并在某些事情被触发时将它们链接在一起。在你店里卖过东西？自动将其添加到谷歌表，并通知航运公司。

WhatsApp 聊天和分享

WhatsApp Chat and Share

使用 WhatsApp 聊天和分享功能，您可以为使用 WhatsApp 的用户提供支持，并提高客户满意度。

这也使得你的网站访问者可以直接在你的网站上使用 WhatsApp 与你聊天，这消除了一些对电话支持的需要，并使你的客户更容易与你直接联系。

OpenPOS–woo commerce 销售点

openpos

OpenPOS

OpenPOS 是一个扩展，增加了 WooCommerce 兼容的本地商店管理，包括餐厅模式、库存管理和交易报告。基本上，这使得您可以将在线商店的数据与本地实体店同步，从而简化商店管理、库存跟踪等。

网络商务会员

woocommerce memberships

WooCommerce Memberships

WooCommerce Memberships 允许你在网站上添加会员功能，包括出售会员资格和设置仅限会员的内容限制。您还可以使用此扩展来设置滴灌饲料内容，添加会员特权到您的商店，并手动分配产品的会员资格。

WooCommerce 谷歌分析集成

woocommerce google analytics

WooCommerce Google Analytics Integration

如果你是谷歌分析的粉丝，你会喜欢这个漂亮的集成。woo commerce Google Analytics Integration允许您添加一个购买推荐，并向您的 Google Analytics 帐户添加交易信息。这个插件还包括对通用分析的支持。

高级网络商务报告

advanced woocommerce reporting

Advanced WooCommerce Reporting

Google Analytics 的所有功能都可以在 WordPress 上使用，但这是一个更加定制的解决方案，可以很好地集成到 WooCommerce 中。高级 WooCommerce 报告为您的 WooCommerce 商店提供各方面的详细报告，包括订单状态、库存、发货、热门产品等。

产品 CSV 导入套件

product csv import suite

Product CSV Import Suite

产品 CSV 导入套件允许您将 CSV 数据导入或导出到 Google 产品订阅源、预订等。这大大节省了时间，因为你基本上可以自动同步你的目录，甚至是可预订的产品。您也可以一键导入所有产品的特殊信息。

相扑奖励积分

sumo reward points

Sumo Reward Points

有了相扑奖励积分你可以激励顾客购买，并用积分系统奖励他们的忠诚度。通过购买、社交分享和注册获得积分，并将其用于购买产品或兑换奖品。你甚至可以设置比赛来赚取奖励积分，并为积分添加截止日期。

其他必备

这些扩展不太适合任何其他类别，但尽管如此，它们是您绝对应该考虑选择的优秀产品。

wooleator woocommerce 页面生成器元素或插件

Woolentor WooCommerce Page Builder Elementor Addon

WooLentor WooCommerce Page Builder Elementor Addon

有许多 WooCommerce 网站运行在页面生成器上。如果你有一个使用 Elementor Page Builder 构建的 WooCommerce 网站，那么woolent or woo commerce Page Builder element or Addon是一个必备插件，可以扩展你现有商店的功能，或者帮助你从头开始创建和构建。

该插件是一个强大的元素或插件，拥有你建立一个专业外观，功能齐全的电子商务商店所需的所有功能。它拥有你能想象到的所有基本功能，包括产品网格、产品标签、动作按钮、销售通知、产品二维码、AJAX 搜索、垂直过滤等等。

如果这还不够，还包括附加到购物车、模板库、自定义页面生成器等高级功能。

有了 76 个小工具、15 个不同的产品定制模板和 10 个可定制的商店页面可供选择，您将拥有使用 Elementor 创建和构建 WooCommerce 商店所需的一切。

电子商务的助推器

booster woocommerce

Booster for WooCommerce

WooCommerce 的助推器是一个终极的 WooCommerce 插件，增加了几十个大大小小的改进，它们都是非常宝贵的。该扩展涵盖了广泛的功能，包括定价和货币、按钮、产品、购物车、结账流程、支付网关、运输、发票、电子邮件等等。

YITH WooCommerce 愿望清单

yith woocommerce wishlist

YITH WooCommerce Wishlist

YITH WooCommerce Wishlist 让你的用户能够保存他们以后想要购买的产品，并与朋友分享。提供这一功能可以增加销售额，因为顾客可以把他们感兴趣的商品留到以后再买。该插件也是 WPML 兼容的。

WooCommerce 等候名单

woocommerce waitlist

WooCommerce Waitlist

WooCommerce Waitlist 是一个超级有用的扩展。当商品缺货时，这并不意味着永久失去转化。有了候补名单，当候补名单上的商品又有货时，你可以通过自动通知他们来吸引潜在的顾客。客户还可以随时查看和编辑他们的等候名单。

WooCommerce 多语言

woocommerce multilingual

WooCommerce Multilingual

翻译你的电子商务网站是一件令人头痛的事情吗？WooCommerce 多语言让你的事情变得更容易，它与 WooCommerce 完美集成。

有了这个插件，你可以翻译产品描述，改变价格，并且也可以处理 SEO 。

woo 商务定制

woocommerce customizer

WooCommerce Customizer

想要在按钮或 UI 的其他部分添加自定义文本吗？WooCommerce Customizer 让你不必掌握 PHP 就能做到这一点。您可以更改“添加到购物车”按钮的内容、销售徽章的内容、提交订单按钮的内容、结账页面的内容等等。只需点击几下鼠标。

WooCommerce 颜色

woocommerce colors

WooCommerce Colors

没有色彩，品牌就什么都不是。如果你想定制 WooCommerce 的按钮、标签和 UI 调色板，你肯定会想使用 WooCommerce Colors 。这个插件使得改变按钮颜色以及其他前端样式和元素的颜色变得轻而易举。

定制产品设计师

woocommerce custom product designer

WooCommerce Custom Product Designer

你想在后台构建和设计产品吗？woo commerce Custom Product Designer 给你制作模型的工具，而不用退出 WordPress。

有了它，你可以定制你的界面，从任何设备设计产品，无论你做什么都可以用任何打印方法。

YITH WooCommerce Ajax 搜索

YITH WooCommerce Ajax Search

使用 YITH WooCommerce Ajax 搜索插件，你可以在的即时搜索产品中添加一个可以放在商店任何地方的 widgetized 搜索栏。该功能易于设置和使用，并为您的网站增加了另一层可用性，这将使您的客户的购物体验更加直观。

这只是一小部分 WooCommerce 扩展，看起来对许多店主很有帮助。外面还有很多等着你去发现。

Always on the lookout for the perfect WooCommerce extension? Well, today your search is over: check out the 30+ most interesting Woo extensions available on the market 🛍️💸Click to Tweet

摘要

WooCommerce 对于小型和大型商店来说都是一个很好的电子商务平台，但是它可能没有你想要的所有功能。幸运的是，WooCommerce 扩展可以帮助填补这个空白，允许你进一步扩展这个巨大的插件。

有很多库可以让你找到更多的扩展，我们鼓励你浏览它们。这个 WooCommerce 扩展的精选列表是新用户的一个很好的起点。看看其中是否有适合您企业的产品。

你最喜欢 WooCommerce 的哪些扩展？哪些是你目前正在使用并且离不开的？在评论里告诉我们吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WooCommerce 库存管理:如何做好

原文：https://kinsta.com/blog/woocommerce-inventory-management/

库存管理是经营企业最重要的部分之一。但是许多新店主低估了好的电子商务库存管理工具的重要性。

一个好的电子商务平台将使跟踪和更新你的网站上的股票变得容易，与外部管理工具集成，甚至提供更多的扩展来适应你独特的商业环境。

WooCommerce 是否有优势？让我们看看它提供的工具。

什么是 WooCommerce？

WooCommerce plugin

WooCommerce.

虽然自己设计一个网站和一个网上商店是可能的，但是有许多工具可以简化这个过程，使它更容易访问。 Shopify 和 BigCommerce 是一些你可能听说过的例子。

WooCommerce 并不像这些一样是一个独立的电子商务 CMS，而是 WordPress 的一个插件，也是目前最受欢迎的 WordPress 电子商务插件。尽管是一个更大平台的插件，WooCommerce 可以像 Shopify 这样的成熟工具一样强大。

众所周知，它易于学习使用，并有数百个扩展来扩展其功能。最重要的是，WooCommerce 和 WordPress 都是免费的。虽然你仍然需要处理像虚拟主机费用和付费插件这样的事情，但是它使得总价格和进入门槛降低了很多。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

WooCommerce 库存管理的工作原理

WooCommerce 内置了跟踪库存和存货的功能。这些工具不是最强大的，也不适合小众场合，但它们可以通过免费和付费插件轻松扩展，对于大多数普通商店来说已经足够了。

在产品级别跟踪库存。当客户下订单时，股票会自动下跌，同样，WooCommerce 有跟踪客户订单和运输状态的有用工具。

对你的库存、订单和运输的跟踪都集成到详细的库存报告和统计数据中。由于这一点，你可以避免过量订购，知道何时需要购买额外的库存，并找出哪些产品做得最好。

总的来说，WooCommerce 的工具是一个可以用插件扩展的积木。例如，你可以获得插件来集成你最喜欢的库存管理软件，以自动更新库存或处理原材料跟踪。WooCommerce 本身有每个人都需要开始的基础知识。

库存管理是经营企业最重要(但被低估)的部分之一📈在本指南中了解更多信息！🛒 点击推文

电子商务库存管理的利弊

在我们深入了解 WooCommerce 的功能之前，让我们先回顾一下它的库存管理系统的优缺点。

电子商务库存管理的优点:

免费且可用的低成本平台。
小型企业可以使用，但对大型企业来说足够强大。
体面，如果简单，库存管理工具。
管理全球或每个产品的库存。

WooCommerce 库存管理的缺点:

无法跟踪原材料。
只能整体跟踪库存，不能基于位置或供应商。
没有内置的股票跟踪自动化(每次股票上涨都需要手动编辑产品)。
需要用插件/扩展来扩展。这可能导致以付费插件的形式隐藏启动费用。

WooCommerce 本身是一个非常简单的工具，其内置的库存管理工具并不适合大型企业。然而，它真正的力量来自于可以添加任何你能想象的功能的附加组件范围。

我们将提到几个有用的 WooCommerce 插件来增强它的库存管理，但首先，让我们看看如何管理它提供的工具。

如何设置电子商务库存

首先，你需要确保在 WordPress 仪表盘中启用了库存跟踪选项。一旦你安装了 woo commerce，你应该会在你的工具条中看到一个新的 WooCommerce 菜单。将其悬停并点击设置。

设置页面的顶部有几个选项卡。点击标签为的产品，然后点击这些标签正下方的小库存链接。

现在确保勾选启用库存管理复选框。这将允许 WooCommerce 自动减去库存，并在您用完库存时更改库存状态。如果您想手动处理，请不要选中它。

WooCommerce Inventory settings

有几个设置你会想看看。

保留库存–这将改变未支付订单在取消前的库存保留时间。
通知–这将在产品库存减少或耗尽时向目标收件人发送电子邮件。您还可以更改低库存和缺货阈值。
缺货可见性–这将在产品缺货时隐藏产品。
库存显示格式–您可以向购物者准确显示您还剩多少库存，仅在低库存阈值时打开，或者完全关闭库存显示。

如果你想逐个股票地编辑，你还需要熟悉个别的产品股票设置。进入产品>所有产品，点击编辑任何产品。向下滚动到产品数据框，点击库存。

Stock management settings in WooCommerce

如果您想管理单个库存设置，您需要在产品级别 *勾选**启用库存管理。***以下是这些设置的含义:

SKU——定一品 SKU 号。
库存数量–手动设置库存数量。
允许延期交货–允许客户在产品缺货时订购产品。
低库存阈值–具体来说，更改在该产品的全局设置屏幕上设置的低库存阈值。
单独销售——允许顾客一次只能购买一件产品。

如何保持库存更新

通过启用正确的设置，WooCommerce 会在您出售产品时自动从您的产品中扣除库存。

你可以在 WooCommerce >设置>产品>库存中打开启用库存管理。然后对于每个产品，您可以在产品的编辑页面打开启用产品级库存管理并设置库存水平。

Enabling product-level stock management in WooCommerce.

WooCommerce 会从你的销售额中扣除这个数字，它还会自动将你的产品设置为低价或缺货。

不幸的是，无论何时收到货物，您都需要仔细检查并手动更新号码。WooCommerce 只能向下增加库存，而不能向上增加。

这可以通过附加组件很容易地解决，但是基本工具没有这样的功能。

如何管理库存状态

改变股票状态呢？有两种方法:全球范围的和基于每个产品的。

在 WooCommerce >设置>产品>库存页面中，您可以设置低断货阈值，更改商店中是否出现断货商品，以及库存状态在您的商店中的显示方式。

在任何产品的编辑屏幕上，你可以设置一个单独的低库存阈值，并更新自己是否有货。如果您勾选了启用产品级库存管理设置，WooCommerce 将会处理此事。

如果您没有打开全局启用库存管理设置，您将只能更新产品是否有货，WooCommerce 不会自动更新。

您还可以更改可变产品变体的库存状态。一旦设置了变化，你就可以在变化选项卡上的每个变化中改变库存数量、状态和低库存阈值。

Setting stock variation preferences.

其他库存管理 WooCommerce 工具

以下是 WooCommerce 提供的其他一些必要的股票管理工具:

批量管理

手动打开产品库存管理或更新库存状态可能需要很长时间，但有内置的批量编辑功能。

在产品>所有产品页面上，单击复选框选择多个产品，或单击顶部的复选框全部喜欢。将批量操作下拉菜单更改为编辑并点击应用。

Bulk managing products in WooCommerce.

从出现的批量编辑菜单中，您可以点击管理库存的下拉菜单。然后切换到是，现在你所有的产品都会启用单个库存管理。

启用后，您可以批量更改的库存数量设置，将其更改为一个精确的数字或增加或减少一定的数量。

* Bulk managing stock quantities.

Bulk managing stock quantities.

低库存阈值

您可以在两个地方设置低库存阈值:

在 WooCommerce >设置>产品>库存中，可以在全球范围内进行更改。您还可以设置是否向库存数量少的客户显示库存数量，以及当产品达到该阈值时谁会收到电子邮件。

Selecting your low stock threshold.

在单个产品的基础上，您可以进入其编辑屏幕并向下滚动到库存选项卡。确保勾选了管理库存，然后更改低库存阈值。

单独出售

如果你想一次只卖一件产品，去产品的编辑页面的库存屏幕。启用单独销售复选框。这不需要在产品级别打开库存管理。

Adding a “sold individually” setting.

您也可以通过批量编辑器打开此设置。

如何查看库存状态报告

WooCommerce 包括大量的分析和报告，这些可以用来更好地关注你的股票。

寻找分析>库存页面，该页面给出了单位数量和库存状态的概述。点击产品/变异、SKU、状态或库存按这些值排序，再次点击可颠倒顺序。

Viewing stock status reports in WooCommerce.

您可以使用显示菜单缩小范围，仅显示特定库存状态的产品。例如，您可以立即看到哪些产品缺货或缺货。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

选择产品类型

WooCommerce 默认自带四种类型的产品。

简单产品——顾名思义，WooCommerce 中最基本的产品类型。这是一个单独的，可运输的产品，没有独特的变化或分组。
可变产品–功能类似于简单产品，但包含不同的变化，如颜色或尺寸。这些变化中的每一个本质上都是它的产品，有它的股票编号和 SKU，但是它都被归在一个父产品下。
分组产品–这些是捆绑或集合销售的任何其他类型的产品。这个捆绑包由可以单独购买的产品组成，所以如果你缺货，这个捆绑包就不再可用——这就是为什么用 WooCommerce 提供的工具来跟踪这些东西是很重要的。这也不同于的追加销售和交叉销售。
外部/附属产品–这些产品不完全属于您自己；你拿走他们的佣金，一部分给别人。它们通常也在特定的网站上出售。

也有可下载的产品，去除了运输方面，在你的商店里出售虚拟物品。你可能不需要担心这类产品的库存跟踪。

2022 年 16 个最佳 WooCommerce 库存管理插件

你知道如何浏览 WooCommerce 的股票设置；如何让它为您独特的业务设置工作？这 16 个插件，无论是免费的还是付费的，都在 WooCommerce 的基础上提供了额外的功能。

查看我们的视频指南最佳 WooCommerce 插件

想在你的实体店处理股票？跟踪特定位置的原材料或库存？还是彻底改革这一体系？看看这些插件。

ATUM 库存管理

ATUM Inventory Management plugin

ATUM Inventory Management.

ATUM 是 WooCommerce 库存管理能力的一个升级。它拥有你需要的所有高级股票跟踪功能，而且是免费的。有没有功能锁定后，支付每月计划。

然而，一些额外的附加功能可以实现自动导出、多地点或多供应商库存跟踪以及物料清单管理。

如果你知道你需要比 WooCommerce 默认提供的更强大的工具，看看 ATUM 吧。

多地点库存管理

Multi Locations Inventory Management plugin

Multi Locations Inventory Management.

WooCommerce 有一些多地点/全球销售工具，但在多个地点的库存管理方面却相当欠缺。这个插件将解决这个问题，同时对特定地点的运输和订购进行更好的控制。

需要免费的替代品吗？查看 WooCommerce 的库存位置。

武士刀

Katana plugin

Katana.

武士刀是一种强大的制造企业工具，旨在让您完全控制自己的库存。

虽然它可以用于任何企业或平台，但它有一个 WooCommerce 插件，可以与你的 WordPress 商店同步，以保持库存最新，并跟踪原材料和标准产品。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

它还附带了数百个与其他业务工具的集成，以及一个 API 来进行您自己的定制集成。当然，你还可以使用武士刀所有常用的库存管理功能。

WooCommerce 手推车货箱减速器

WooCommerce Cart Stock Reducer plugin

WooCommerce Cart Stock Reducer.

在顾客购买之前，WooCommerce 不会减少商品的库存数量。尽管如此，当有人将一件商品放入他们的购物车时，你可能希望它暂时减少，如果他们不购买，它最终会过期。这个小插件旨在解决这个特定的问题。

产品进出口

Product Import Export for WooCommerce plugin

Product Import Export for WooCommerce.

有了这个插件，你不仅可以导入和导出你的产品本身的 CSV 文件，还可以导入和导出它们的图片、顾客评论或者各种属性和标签。唯一的缺点是免费版不支持可变产品。

WooCommerce 属性股票

WooCommerce Attribute Stock plugin

WooCommerce Attribute Stock.

属性股票插件让 WooCommerce 的股票跟踪功能更加强大。如果你发现默认的不支持你的利基用例，这是一个插件可能会解决这个问题。它可以让您跟踪属性，并在多个产品之间共享库存。

一个很好的例子是卖项链的商店；有了这个插件，你可以单独追踪可用的链子和挂件的数量。所以如果你用完了一定长度的链子，你所有的项链都会断货。

库存管理

StockUpp Inventory Management plugin

StockUpp Inventory Management.

如果你想要一个类似库存管理 ERP 的东西，但是规模要小一点，试试 StockUpp。它有一些有价值的特性，比如更全面的库存管理、供应商跟踪和批量处理，但它并不昂贵，也不难使用。

WooCommerce 的智能管理器

Smart Manager for WooCommerce plugin

Smart Manager for WooCommerce.

这个插件不仅有益于库存管理，也有益于你的整个商店。您可以通过一个类似 Excel 的屏幕和一个更高效的批量编辑菜单来管理您的所有产品和库存。这一定会节省你很多时间。

WooCommerce 和 Zoho CRM 的集成

Integration for WooCommerce and Zoho CRM plugin

Integration for WooCommerce and Zoho CRM plugin.

Zoho 是一套各种各样的企业工具，从 Zoho CRM 到 Zoho Inventory，多亏了这个插件，你可以将它的所有功能集成到 WooCommerce 中。通过一点设置，一切都将完全同步和自动化。

WooCommerce 的库存经理

Stock Manager for WooCommerce plugin

Stock Manager for WooCommerce.

如果你想在一个屏幕上管理你所有的股票，分类，编辑，导出，试试股票管理器插件。它是免费的，没有高级锁定功能，所以你看到的就是你得到的。

WooCommerce Quickbooks 连接器

WooCommerce Quickbooks Connector plugin

WooCommerce Quickbooks Connector.

Quickbooks 会计软件是商业界的热门选择，因此与 WooCommerce 的整合是有益的。这样，两个平台之间的所有东西都可以双向同步。它还兼容各种其他库存管理插件。

WooCommerce 的股票同步

Stock Synchronization for WooCommerce plugin

Stock Synchronization for WooCommerce.

如果您使用供应商提供的外部 CSV 文件跟踪您的库存，这是完美的解决方案。它将保持你的股票同步，所以你不再需要手动更新每当你得到一批货。

高级通知

Advanced Notifications extension

Advanced Notifications.

虽然 WooCommerce 有一个基本的库存状态通知系统，但对许多商店来说还不够。高级通知让您能够更好地控制流程，让您向第三方发送电子邮件，并定制他们获得通知的产品。

WooCommerce 的中央库存

Central Stock for WooCommerce extension

Central Stock for WooCommerce extension.

建立几个商店都使用来自同一个仓库的库存会带来很多挑战，但是 Central Stock 插件使得处理起来更容易。现在你可以在同一网络的多个网站上同步股票。

哎哟

WooPOS plugin

WooPOS.

如果你有一个实体店和一个网店，同步股票可能会变得棘手。WooPOS 是一个销售点系统，一个客户关系管理系统，也是一个强大的库存管理工具。一切都在这里，它可以跨多个物理和数字店面工作。

WooCommerce 的批量表格编辑器

Bulk Table Editor for WooCommerce extension

Bulk Table Editor for WooCommerce.

当你的商店变得非常大，有成百上千的产品时，一个好的批量编辑器是最好的投资之一。有了这个插件，管理你的库存和 SKU 将不再是一个麻烦。

A good ecommerce platform will make it easy to keep track of stocks on your website & tailor itself to your unique business situation. 🛒 Does WooCommerce stack up? 👀Click to Tweet ## 摘要

乍看起来，WooCommerce 似乎是一个简单的工具，但有成千上万的附加组件和计数使它比你想象的更强大。

即使没有插件，WooCommerce 也有你入门所需的所有基本库存管理工具。有了附加组件，你几乎可以做任何事情。虽然这些额外的插件可能要花钱，但 WooCommerce 本身是免费的，不像类似的电子商务 CMS。

与 Shopify 等类似工具相比，WooCommerce 可能没有那么强大的库存管理功能。尽管如此，只要添加几个附件，你就能很好地建立一个简单、自动化、高效的系统。

现在你已经准备好尝试 WooCommerce 了，来看看我们的权威指南《如何促进 WooCommerce 在 T2 的销售》。对于新老商场来说，这是一个很好的指南。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管的数据库，您可以享受 20 美元的优惠，亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。*

如何跟踪 WooCommerce 日志记录(以及为什么应该这样做)

原文：https://kinsta.com/blog/woocommerce-logging/

如果你还没有设置 WooCommerce 日志记录，现在是时候了。如果你的商店出现问题，错误跟踪会非常有用，而一般活动跟踪可以让你很好地了解其他用户正在对 WooCommerce 设置进行的更改。

如果您的存储出现故障，或者在没有明确来源的情况下开始发生奇怪的变化，这些日志可能对解决问题至关重要。

好奇 WooCommerce 后端发生了什么？让我们在 WooCommerce 中设置登录，这样你就可以随时准确地知道你的后端发生了什么。

什么是 WooCommerce 日志？

登录和调试是运营一个网站非常重要的部分。当你使用 WordPress 或 WooCommerce 等工具时，它会在后台跟踪你网站上发生的各种活动。

这些事件被编译成日志文件，以便于查看。您通常不需要密切关注活动日志，但是当您的站点开始出现问题或某个设置似乎自行改变时，访问它们会非常有帮助。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

但是这些日志可能会使不知道如何调试的初学者感到困惑、误导或不必要的担心，所以许多工具在默认情况下会关闭它们。

比如 WordPress 内置了调试；你只需要打开调试模式开始记录。

WooCommerce 的工作方式大致相同。在没有插件的情况下，它提供了跟踪某些类型的错误并记录它们的能力，以防你需要调试一个损坏的店面或奇怪的站点行为。这些可以在你网站的文件中或者通过你的仪表盘找到。

If you haven’t set up WooCommerce logging yet, consider this your sign to do so. 👀Click to Tweet

WooCommerce 活动日志

活动日志是一个特性，虽然默认情况下没有内置到 WooCommerce 中，但仍然非常重要。这些日志记录了任何设置更改以及谁对这些更改负责。

WooCommerce 活动日志可以跟踪现有订单的更新、产品描述、库存数量、价格、优惠券代码、商店设置，以及基本上 WooCommerce 提供的任何其他功能。

The WooCommerce activity log.

它还会告诉您什么用户在什么时候做了这个更改。当发生特定的敏感更改时，您也会收到警报。

如果你的网站有多个商店经理，这是至关重要的。如果有人改变了他们不应该改变的设置，会引起很多混乱。但是有了活动日志，你马上就能知道是谁进行了切换。

但是，即使你自己经营一家商店，这仍然是一个重要的功能。有时您可以无意中更改某些内容，活动日志将允许您找到问题并回滚。或者，如果你遭到黑客攻击，你将能够快速识别任何可疑的行为。

WooCommerce 默认不包含活动日志，所以你需要安装一个插件来启用这个功能。

WooCommerce 错误日志

与活动日志不同，WooCommerce 内置了错误日志。它跟踪两种类型的错误:致命错误和一般 PHP 错误。

致命错误是由错误代码导致的一种严重错误，它会导致操作无法完成。WooCommerce 可能会调用一个不存在的函数，陷入一个无限的代码循环，或者试图做一些你的服务器不允许的事情。

有时一个致命的错误可能没有明显的影响，但其他时候它可能会破坏你的部分商店，甚至导致你的整个网站停止加载。

一般的 PHP 错误就不那么重要了。WordPress 本身是建立在 PHP 之上的，WooCommerce 等插件也是如此。网站上不断出现错误，通常是由于不正确的编码语法或小冲突。有时它们会引起明显的问题，而有时你根本不会注意到它们。

但是关注你网站上的错误是一个好主意，尤其是致命的错误。它们可能表示需要立即修复的问题。

为什么你应该监控你的网络商务日志

忽视你的日志可能是一个大错误。尽管需要一点设置，但还是值得花时间确保你的 WooCommerce 商店正在监控活动和错误。

虽然它可能在大多数情况下没有影响，但当你的网站出现问题或出现无法解释的变化时，它将成为救命稻草。日志让您知道发生了什么，何时何地，因此您可以轻松地识别问题并回滚更改。

如果您密切关注您的日志，经常检查它们或设置自动通知，它们可以让您在问题失控之前发现问题。

错误可能随时出现，导致您的商店无法使用。或者有人可能——意外地或恶意地——改变设置，扰乱一些重要的东西，如产品定价或结账页面功能。你可能不会注意到这个问题，直到你损失了几周或几个月的收入。

但是如果你监控你的日志，你会在任何破坏性的事情发生之前就意识到。当严重的错误使你的网站瘫痪、设置改变、产品或订单更新时，你总是能马上知道。

如果你的商店曾经被黑客攻击和破坏，它会立即明显地显示出记录的一串价格被彻底改变，描述被更新，整个产品被删除。

最后，日志记录可以帮助您在某些情况下保持 GDPR 合规性。大多数活动日志插件应该包括一种向用户提供收集到的数据的方式，这是 GDPR 所要求的。WooCommerce 还提供内置的 GDPR 功能。

如何跟踪 WooCommerce 活动日志

插件没有提供活动日志，所以为此，你需要一个 WooCommerce 扩展。这三种方式各有利弊，所以让我们快速了解一下每种方式的工作原理。

你可以通过进入插件>添加新的并搜索其标题来安装任何插件，或者通过它们的链接下载这些插件并使用上传插件按钮上传文件。

1.活动日志

Activity Log plugin

名副其实的活动日志插件旨在监控核心 WordPress 活动以及包括 WooCommerce 在内的多个插件。它优化得很好，并使用自己的数据库表，所以你不会注意到任何减速。

一旦你安装了它，你会在你的仪表盘顶部发现一个新的活动日志菜单。您将看到一个简单的、切中要害的菜单，其中列出了所有最新的活动、用户(及其背后的 IP)负责的内容以及任何其他上下文。

Activity Log in action

唯一的缺点是，在大多数情况下，它不会向您确切地显示出发生了什么变化，只显示出发生了变化。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

您还可以配置这些设置，以便将日志保留更长或更短的时间，或者在日志占用太多空间时将其从数据库中清除。

总的来说，如果你只需要对你的商店发生的事情有一个大概的了解，这是一个很好的选择。没有付费功能；所见即所得。

2.WP 活动日志 WooCommerce 的 WP 活动日志

WP Activity Log

WP 活动日志有助于详细监控你网站上发生的变化，还有一个 WooCommerce 扩展可以提供更多洞察。虽然一些功能(电子邮件通知、日志搜索、编译报告等)是高级版，但免费用户可以访问一系列选项。

安装后，看看你仪表板上新的 WP 活动日志菜单。使用日志查看器查看任何记录的事件，调整设置进行精细控制，并使用启用/禁用事件菜单准确记录您想要的事件。在该页面的类别菜单下，选择 WooCommerce 以缩小列表范围，仅显示商店活动。

日志非常详细，告诉您具体发生了什么变化，以及用户和 IP 等常见信息。

WP Activity Log offers detailed logs.

这是一个非常复杂的插件，有大量的设置和功能，所以如果你想对你的日志有更多的控制，以及关于到底发生了什么变化的完整信息，这是一个适合你的。

3.简单的历史

Simple History plugin.

有时候简单是管理网站的最好方法。如果你需要一个没有任何麻烦的活动日志器，简单历史是一个不错的选择。它和 WooCommerce 以及你的网站的其他部分一起工作，给你一个正在发生的变化的基本概念。

你可以在仪表盘>简史中找到你的日志页面，在设置>简史中找到你的设置页面。日志可以保存 60 天，你可以搜索关键词。

界面友好优雅，所以如果日志插件中经常出现的混乱困扰着你，你可以享受简单的历史。

如何跟踪 WooCommerce 错误日志

可以用一个简单的插件来启用活动日志，但是对于错误日志，您可能需要做一些额外的设置。

如果您只想看到致命的错误，从您的仪表板上访问它是很容易的。但是，如果你想看到一般的 PHP 错误或添加自定义日志条目，这将需要更多的工作。只有当你是高级用户并且熟悉 PHP 的时候，你才应该这样做。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

在改变你网站上的任何敏感文件或添加任何代码之前，你应该总是创建一个备份以防出错。您可以在 Kinsta 仪表盘中轻松进行备份。另外，看看如何备份你的 WooCommerce 数据库。

追踪 WooCommerce 记录

致命错误在 WooCommerce 中非常容易定位。你的日志可以在 WooCommerce >状态中找到。然后点击顶部的日志标签。

单击下拉菜单将其打开。如果你的站点产生了一个致命的错误，你会发现一个日志在这里等着你。选中它，点击查看看看发生了什么。

您将能够判断错误发生的时间以及可能导致错误的一些代码。如果您熟悉 PHP，这可以为您指出解决问题的正确方向。

如果您在这里没有看到任何致命的错误日志，这意味着您的站点工作正常，没有任何问题。每隔一段时间检查一次，以确保一切仍在顺利运行。如果你的商店开始出现问题，这应该是你首先要找的地方。

Checking logs in WordPress.

如果你想直接访问日志文件，你可以在你的站点的**/WP-content/uploads/WC-logs**文件夹中找到它们。您可以使用 FTP 将连接到您的站点并查看日志，尽管使用仪表板通常更方便。

您可能还想整体访问 PHP 错误日志，因为它们提供了比输出到 WooCommerce 的致命错误更多的信息。

安装一个 FTP 程序，如 FileZilla ，并从您的主机获取您的 FTP 凭证。Kinsta 用户可以在 MyKinsta 的网站>信息下找到这些。

连接到您的站点并找到 error.log 文件，该文件可能位于多个位置，但通常位于根文件夹、 public_html 或 var/log 文件夹中。

如果您正在使用金士塔，您也可以访问我的金士塔中网站>日志下的错误日志文件，无需 FTP。

启用 WooCommerce 调试

如果你有一个问题，你可以尝试启用调试模式。这将开始主动将错误记录到您可以在服务器上找到的文件中。

使用 FTP 程序访问你的服务器，在你网站的根文件夹中找到wp-config.php。添加以下代码(如果该代码已经存在，则更改现有值):

define( 'WP_DEBUG', true );

define( 'WP_DEBUG_LOG', true );

define( 'WP_DEBUG_DISPLAY', false );

Adding code to wp-config.php

现在您将能够在 wp-content 文件夹中找到一个新文件: debug.log 。

尝试再次触发该问题，并检查 debug.log 以查看输出了什么。这可以帮助你朝着正确的方向解决你的错误。

完成后，请确保再次关闭调试，因为如果长时间打开，可能会出现安全问题。

添加自定义日志条目

如果您希望 WooCommerce logger 跟踪一个自定义函数，并像致命错误一样显示在您的仪表板中，该怎么办？这是完全可能的，但是它需要一些 PHP 的高级知识和在你的网站上添加代码的舒适性。

如果你想在不使用活动日志插件的情况下跟踪你的商店上的某些活动，或者如果你想关注 WooCommerce 通常不会输出的错误，这是合适的。

WooCommerce 使用 WC_Logger 函数来处理日志，你可以使用 wc_get_logger 来利用这些日志。你甚至可以用 WC_Log_Handler_DB 把这些日志直接写到你的管理区。

一旦你写好了你的定制代码，你可以使用 FTP 或者外观>主题文件编辑器将它插入 functions.php，或者如果你使用大量复杂代码，你可以创建一个插件。

如果你想看看它的运行，看看这个例子定制 WooCommerce 日志。

对 WooCommerce 后端发生的事情感到好奇？🛍和这个指南一起潜水吧！🚀 点击推文

摘要

建立一个活动日志并关注错误报告是一个好主意，尤其是当你运行像在线商店这样敏感的东西时。

一个小问题可能会对你的电子商务收入造成严重损失。适当的日志记录可以防止问题失控，甚至通过足够的努力阻止问题的发展。管理你的商店的人越多，记录就变得越重要，尽管它甚至对单独的项目也有很大的帮助。

WooCommerce 默认不支持活动日志，所以你需要安装一个插件。错误日志是内置的，但是如果现有的系统不够用，您总是可以用一点代码添加自己的日志。

WooCommerce 是可扩展的，所以一切皆有可能，尤其是如果你有 WooCommerce 托管使得修改你的网站和访问日志变得容易。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何创建 WooCommerce 会员商店:完整指南

原文：https://kinsta.com/blog/woocommerce-members-only/

争论创建一个 WooCommerce 会员商店？

提供特殊的会员专属津贴是一种流行的电子商务策略，一些著名的例子是亚马逊 Prime ( 运输津贴)和好市多(限制购买俱乐部)。

使用 right 插件和工具，您可以轻松地将会员专用功能添加到您的 WooCommerce 商店，包括限制对产品的访问、提供特殊折扣或运输方式等。

在本指南中，你将学习创建 WooCommerce 会员商店的最佳方法，以及如何为你的 WooCommerce 网站选择正确的方法。

何时考虑会员专卖店

一个只对会员开放的 WooCommerce 商店可以在几种不同的情况下很好地工作。

在开始建立你的商店之前，重要的是要考虑你想采用什么策略，因为这些选择将决定你的商店的最佳方法。

有两大类仅限成员的功能:

内容限制
特价

Want to easily add members-only functionality to your WooCommerce store, special discounts or shipping methods, and more? 🛒 Read on...👀Click to Tweet

仅限成员的内容限制

通过内容限制，您可以限制谁可以查看和/或购买您的部分或全部产品。

以下是几个示例，说明何时可以使用这种仅限成员使用的功能:

批发商店，只有合格的客户才能获得批发产品。
只提供给 VIP 客户的特殊产品。这可以鼓励人们多购物，并促进你商店的销售。
仅允许会员购物的购物俱乐部(如好市多)。

仅限会员的特别优惠

第二种类型的会员专用功能是向会员提供特别优惠。

以下是一些常见的例子:

为会员提供部分或全部产品的折扣。例如，你可以给他们打九折。这类似于许多客户忠诚度计划。
为会员提供更低的固定价格。这也适用于批发商店。
给予会员特殊的运费优惠，如免运费(如 Amazon Prime)。你甚至可以将此与多供应商市场相结合，以实现真正的亚马逊 Prime 克隆。

你也可以混合搭配这两种策略——许多只对会员开放的 WooCommerce 商店会限制访问和提供特殊折扣或送货方式。

创建 WooCommerce 会员商店的 3 种方法

如果你想创建一个 WooCommerce 会员商店，有几种不同的方法可以使用:

WordPress/WooCommerce 会员插件
WooCommerce 基于角色的定价插件
内置的 WordPress 密码功能

最适合你的商店的方法取决于你想使用的会员专用设置的类型。

例如，你是想限制对你的产品的访问，还是仅仅给会员一些特殊的优惠，比如产品折扣。

1.WooCommerce 会员插件

创建 WooCommerce 会员商店最常见的策略是使用一个全面服务的会员插件,与 WooCommerce 紧密结合。

这些插件处理与会员功能相关的一切，包括创建免费或付费会员级别，将客户添加到这些级别，以及使用这些级别来限制对您的商店的访问和/或提供仅限会员的特权。

优点和缺点

WooCommerce 会员插件的好处:

灵活的内容限制–您可以根据用户的会员级别轻松限制您的部分/全部内容/产品。
折扣和运输方式–除了限制，您还可以提供会员专属的特殊折扣或运输方式。
收取会员费–您可以收取会员专属福利的访问费，以建立额外的收入流(例如，您自己版本的亚马逊 Prime)。
成员管理–你将获得管理你所有成员的工具，这些工具超越了 WordPress 的内置功能。

WooCommerce 会员插件的缺点:

增加了复杂性–对于简单的用例，一个完全会员插件可能比你需要的功能更多。
有限的定价规则–虽然这些插件确实让您可以提供仅限会员的折扣和/或运送方式，但您无法像使用专用定价插件那样灵活地配置定价规则。

4 大 WooCommerce 会员插件

如果你想使用会员插件来创建你的会员商店，这里有一些首选:

1.网络商务会员

WooCommerce Memberships plugin.

WooCommerce Memberships

WooCommerce Memberships 是一个专门建立在 WooCommerce 基础上的会员插件，这有助于它为建立会员商店提供最大的灵活性(尽管它也适用于非 WooCommerce 内容)。

您可以创建无限的免费或付费会员级别，并以多种方式使用它们:

限制查看和/或购买产品的权限。
向会员提供特别折扣。
给予会员免运费或运费折扣。

WooCommerce 会员费为 199 美元，可在一个网站上使用。如果你想对你的会员资格收取定期订阅费，你还需要购买 199 美元的 WooCommerce 订阅插件，它可以让你出售订阅产品。

2.付费会员订阅

Paid Member Subscriptions plugin.

Paid Member Subscriptions

付费会员订阅是创建会员商店的一个很好的预算选择。

它可以让您创建无限的免费或付费会员级别，并限制查看或购买您的产品。

您还可以设置产品折扣规则，为会员提供部分/全部产品的特殊折扣。

然而，没有办法向会员提供运输补贴。

如果你不介意这个限制，它是这个列表中最便宜的选择，因为它的起价仅为 69 欧元。还有一个免费版本，虽然免费版本不允许你提供会员折扣。

3.限制内容专业版

Restrict Content Pro plugin.

Restrict Content Pro

Restrict Content Pro 是一款功能全面的会员插件，让您使用无限的免费或付费会员级别，轻松限制对部分或全部产品的访问。

除了产品限制之外，它还允许你通过将 WooCommerce 优惠券与会员级别相关联来设置会员专属的额外待遇。

这给了你很大的灵活性，因为你可以利用所有的优惠券选项，包括产品折扣和运输折扣。

然而，这种方法的缺点是，这意味着会员在进入购物车页面之前看不到他们的折扣，这可能会降低你的转化率。例如，您可以给他们所有产品打九折，但是单个产品页面上的价格还没有反映折扣。

对于 WooCommerce 功能，Restrict Content Pro 在一个网站上的使用费用为 99 美元。还有一个免费版本。

4.专业付费会员

Paid Memberships Pro plugin.

Paid Memberships Pro

付费会员是另一个拥有强大 WooCommerce 功能的全方位服务会员插件。

它还可以让您创建无限的免费或付费会员级别，然后您可以使用…

限制查看或购买产品的权限。
提供特别折扣。
给免运费。

该插件有一个免费版本，提供核心功能，还有一个免费的 WooCommerce 集成，只提供会员折扣。

为了提供免费运输津贴和更高级的会员功能，高级版起价为 247 美元。

WooCommerce 会员插件比较

下面是每个插件中 WooCommerce 会员专用功能的快速对比。

| 插件 | 产品限制 | 产品折扣 | 运输补贴 | 价格 |
| 网络商务会员 | 981 号房 | 981 号房 | 981 号房 | $199 |
| 付费会员订阅 | 981 号房 | 981 号房 | -好的 | 免费/69 欧元 |
| 限制内容专业版 | 981 号房 | 981 号房 | 981 号房 | 免费/99 美元 |
| 专业付费会员 | 981 号房 | 981 号房 | 981 号房 | 免费/247 美元 |

如果你想看到更多的选项，你可以阅读我们的完整综述，包括最佳 WordPress 会员插件和最佳会员主题。然而，请记住，并不是每个会员插件都提供 WooCommerce 支持(尽管我们上面提到的所有插件都提供)。

如果你正在使用会员插件来创建你的网站，你也会想阅读关于 T2 的一些重要的托管会员网站的注意事项。如果你是 Kinsta 的客户，我们还有一个关于用 Kinsta APM 优化会员网站性能的指南。

2.WooCommerce 基于角色的定价插件

如果你想使用你的会员商店根据购物者的会员身份提供不同的价格，你也可以使用 WooCommerce 定价插件。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

这些插件让你根据一系列不同的标准来改变产品的价格。对于会员制商店，最常见的方法是根据购物者的用户角色和能力来调整产品价格。

对于一些会员商店，你可以使用只是一个定价插件。在其他情况下，您可能希望将一个定价插件与一个会员插件配对，以获得更大的灵活性。
T3】

优点和缺点

WooCommerce 定价插件的好处:

更灵活的定价规则–除了根据用户的角色改变价格，您还可以添加其他条件，例如提供基于角色的批量折扣。这可以使这种方法成为批发商店或其他需要更高级价格调整的会员专属机构的更好选择。
使用现有的用户角色功能——如果你已经给成员分配了一个特殊的 WordPress 用户角色，这些插件可以让你很容易定位到那个角色。也就是说，你不需要像使用会员插件那样设置额外的会员级别。

WooCommerce 定价插件的缺点:

无用户注册功能–定价插件不包括在您的网站上注册会员的功能。出于这个原因，你通常会希望将这种方法与专用的用户注册插件结合起来创建一个单独的注册表单和一个安全的登录表单。
仅适用于免费会员资格–单独使用定价插件不会像会员插件一样对会员专用的访问收取一次性或经常性费用。
无内容限制–你通常无法用这种方法限制对你网站上任何内容/产品的访问。
没有单独的会员管理–你没有任何单独的区域来管理会员和控制会员级别。相反，你需要依赖内置的 WordPress 用户角色系统，如果你有很多成员，这可能会很麻烦。

3 大 WooCommerce 定价插件

如果你想使用一个价格插件来创建你的会员商店，这里有一些首选:

1.WooCommerce 费用和折扣

WooCommerce Fees and Discounts plugin.

WooCommerce Fees and Discounts

WooCommerce 费用和折扣是一个高级插件，允许您设置所有类型的基于角色的价格调整，包括以下内容:

上调或下调部分或全部产品的价格。例如 10%的折扣。
设定固定的产品价格。
提供批量折扣。
不含税。

它值 59 美元。

2.网络商务的折扣规则

Discount Rules for WooCommerce plugin.

Discount Rules for WooCommerce

【WooCommerce 的折扣规则有免费版和付费版，但你需要付费版才能访问基于用户角色的定价调整。

该插件非常灵活——您可以创建任何类型的折扣规则，然后将用户的角色作为获得折扣的条件。

如果您想要最大的灵活性来建立特殊的会员专用交易，这是首选之一。

专业版售价 59 美元。

3.基于角色的网络商务定价

Role Based Pricing for WooCommerce plugin.

Role Based Pricing for WooCommerce

【WooCommerce 基于角色的定价是另一个质量选项。您有几个不同的选项来调整定价:

基于用户角色的固定价格
百分比增加或减少
固定增加或减少

如果您只希望成员能够购买产品，您也可以隐藏价格和添加到购物车按钮，直到用户登录，这增加了一些基本的内容限制功能。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

WooCommerce 基于角色的定价为 79 美元。

3.没有插件的密码保护

如何创建 WooCommerce 会员商店的最后一种方法是最简单的策略，但也是最不灵活的。

不用安装一个插件来做一个 WooCommerce 会员专属商店，你只需要依靠内置的 WordPress 密码保护功能就可以了。

此功能允许您使用一个或多个密码来限制对商店中一个或多个产品的访问。然后，您将与您希望有权访问受限产品的成员共享这些密码。

优点和缺点

密码保护的好处:

核心功能——无需安装任何插件。
非常简单–您所需要做的就是添加密码并与成员共享。

密码保护的缺点:

非常有限–你只能限制接触产品–不能提供其他额外待遇。
不太好的用户体验——强迫用户输入密码在用户体验方面有点尴尬。
没有基于用户的限制–任何拥有密码的人都可以访问产品，如果有人与未经授权的购物者共享密码，这将是一个问题。

如何添加 WooCommerce 密码保护

要使用密码保护，请打开要限制访问的产品的编辑器。

然后，点击可见性旁边的编辑链接。

How to enable password protection.

这应该会扩展一些新的选项:

选择密码保护。
输入您要用于该产品的密码。
点击确定。
更新或发布产品以保存您更改。

How to add the product password.

当有人试图查看该产品时，他们现在会被提示输入密码。

An example of a password protected product.

这种方法的一个巧妙之处在于，您可以在多个产品上重复使用同一个密码。如果这样做，购物者只需输入一次密码，就可以解锁使用该密码的所有产品。

但是，如果您为每个产品使用不同的密码，那么购物者将需要为每个产品输入唯一的密码。

如何为你的会员商店选择正确的方法

为你的 WooCommerce 会员商店选择最佳的方法将取决于你的独特情况。

以下是选择商场方法时需要考虑的 5 件事…

1.会员福利的类型

你只是想让会员访问产品(内容限制)，还是想提供特殊待遇，如产品折扣或免费送货？

如果你想限制对产品的访问，你通常需要一个专门的 WooCommerce 会员插件。或者，对于非常简单的用例，您可以使用内置的密码保护功能。

如果你想提供特殊折扣或运输津贴，你可以使用会员插件或定价插件。

如果你想使用非会员价格规则，价格插件会给你更多的灵活性，而会员插件给你更强大的会员管理，内容限制，以及对会员收费的能力。

2.成员人数

另一个因素是你的商店会有多少会员。

例如，假设您想要限制对您的部分或全部产品的访问。

如果你只有 5 个成员，你可以使用内置的密码保护功能，然后就到此为止。

另一方面，如果你有 500 个会员，你肯定会想要一个更强大的会员管理功能。

3.会员级别数

除了会员本身，会员级别的数量也可能影响您的决定。

如果你只有 1 或 2 个成员级别，使用现有的 WordPress 用户角色系统可能会很好。

然而，如果你计划拥有 3 个以上的会员级别，并且有潜在的重叠限制规则或额外津贴，你可能会喜欢一个会员插件更简化的级别管理。

4.免费会员与付费会员

如果你想对你的会员资格(如亚马逊 Prime)收费，那么你通常需要一个专用的会员插件。

定价插件可以很好地为免费会员服务，因为你只需要使用 WordPress 内置的用户角色系统。

然而，这对于付费会员来说是行不通的，因为角色系统本身无法区分免费会员和付费会员。

5.公共内容与私有内容

如果你想限制对你网站上的产品和/或其他内容的访问，你几乎肯定会想使用一个完全会员插件。

一个例外是，如果你的商店的需求非常简单，在这种情况下，内置的密码保护功能可能会工作。

使用这份更新你的 WooCommerce 商店的详尽指南，只限会员使用💪 点击推文

摘要

如果你想创建一个 WooCommerce 会员商店，你有三个主要选择:

会员插件
定价插件
内置的 WordPress 密码功能

对于许多商店来说，会员插件将是最好的路线。但是，在某些情况下，其他方法也可能更适合您的商店。

最后，值得注意的是，在某些情况下，你可能想同时使用和一个会员插件和一个定价插件。您可以使用会员插件来管理会员级别、会员和内容限制，同时仍然使用定价插件来获得对仅限会员的定价规则的更多控制。

关于改善你的 WooCommerce 商店的其他方法，你可能也想看看我们的综合报道最佳 WooCommerce 插件和最佳 WooCommerce 扩展。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

为什么你应该在 WooCommerce 中使用单页结账

原文：https://kinsta.com/blog/woocommerce-one-page-checkout/

当你第一次用 WooCommerce 开网店的时候，很容易陷入你必须遵循的一般待办事项列表中。你需要高质量的 WooCommerce 主机，所以你得到了配置。您需要一个购物车，所以您也设置了它。还需要一个联系人表单，所以您也添加了它。虽然这一切都很好，也很必要，但有时当你完成并推出你的在线商店时，仍有许多地方需要改进。

需要改进的一个关键领域是结账流程。具体来说，优化结账以使顾客体验更顺畅是重中之重，因为这直接影响到转化率。简化结账——甚至选择单页结账体验——是最好的选择。

记住这一点，这就是我们今天要关注的。具体来说，我们将讨论什么是单页结账，它的优点和缺点，在 WooCommerce 中添加该功能的几个插件选项，甚至提供如何定制单页结账页面的教程。

让我们开始吧！

WooCommerce 中的单页结账是什么？

长长的收银台会把那些本想购物的游客赶走。必须点击多个页面并填写大量不必要的信息，这使得结账过程一拖再拖。结账过程越长，顾客就越有可能在某个时候离开。这被称为弃车。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

根据 Baymard Institute 的数据，69.2%是近 50 项不同研究得出的平均弃车率。他们还发现，17%的购物者表示，结账过程太长或太复杂是他们放弃购物的原因。

总的来说，一个没有优化的结账流程意味着转换率的降低和生意的减少。

这个问题的一个很好的解决方案是实现一个单页结帐，压缩流程，使其适合一个屏幕，并且需要更少的时间来完成。

如果你真的需要几页的信息，最好把它们分开几页。在这些情况下，进度条是更好的选择，因为它让顾客确切地知道在结账前他们还需要完成多少。

但是如果你能把一些表单域剪切出来，压缩成一个页面，这对于提高你的转化率是非常有效的。

您还可以为重复购买者实现一页结账。也就是说，旧信息将使用自动填充功能自动输入到表单中，这为回头客节省了大量时间。或者，您可以添加一个“立即购买”按钮来跳过购物车。

Not currently using a one-page checkout in your ecommerce store? 🛒 This post is here to convince you to start 💪Click to Tweet

单页结账的利弊

在我们列出插件以及如何定制单页结账之前，让我们先来鸟瞰一下为你的在线商店使用单页结账的利与弊。

赞成的意见

可以提高电子商务转化率，减少购物车放弃。
加快结账流程，为顾客创造更积极、更轻松的体验。
可与回头客自动填充功能搭配使用，真正简化结账流程。

骗局

如果你真的需要一个更长的结账表单，把它们都塞进一个页面也会影响转化率。

9 款最佳 WooCommerce 单页结账插件

让我们来探讨一些有效和有用的单页结账解决方案。这里有九个我们最喜欢的 WooCommerce 插件和扩展，它们简化了这个过程。

1.WooCommerce 单页结账

WooCommerce One Page Checkout plugin

WooCommerce One Page Checkout

。woo commerce One Page check out是将您的结账体验变成单页交易的最佳扩展选择。

有了它，您可以将任何页面转换成结账页面，并创建自定义结账页面，直接在产品页面上显示结账表单。这样，顾客就不必离开商品页面去结账了。从产品选择到输入支付信息，一切都在同一个页面上处理。

您还可以选择在自定义登录页面上显示结账表单。WooCommerce 一页结账的价格是每年 79 美元。

2.单页结帐和布局

One Page Checkout and Layouts plugin

One Page Checkout and Layouts

接下来是一页结账和布局，一个旨在降低结账过程复杂性的 WordPress 插件。它将购物车和结帐视图压缩到一个页面中。这样，潜在客户可以在输入结账信息的同一页面上删除产品或更改购物车中的产品数量，而无需重新加载页面。

这个免费插件承诺更快的结账时间，对所有部分的 Ajax 支持，以及一个移动友好的设计。

这个插件的高级版本也是可用的，它增加了额外的功能，如拖放交互式布局，显示或隐藏账单和发货字段的选项，以及三种订单汇总样式。付费版售价 21 美元。

3.WooCommerce 的 Bolt 检验

Bolt Checkout for WooCommerce extension

Bolt Checkout for WooCommerce

然后是 WooCommerce 扩展的 Bolt Checkout，为您的客户提供全面优化的结账体验。它承诺简化结账体验，并针对所有设备、速度和欺诈检测进行了优化。

主要功能包括减少结账时的表单字段，移动响应设计，以及使用机器学习驱动的行为数据来更好地检测那些试图进行欺诈性购买的人。

WooCommerce 的 Bolt Checkout 可以免费下载和使用。

4.快速推车

Fast Cart plugin

Fast Cart

另一个顶层插件选项是 Fast Cart ，它的工作原理是用一个单页结账表单取代不必要的结账步骤。它的工作方式类似于 WooCommerce One Page Checkout，它将订单直接添加到产品页面。通过减少结账“摩擦”，你可以减少废弃的购物车，提高转化率。

它还承诺与你的 WordPress 主题很好地整合，并且可以完全定制以适应你的品牌和需求。更改颜色和布局，增加其他产品的追加销售，或按原样使用。

Fast Cart 的价格为每年每个网站 79 美元，终身使用每个网站 249 美元。

Barn2 Plugins 还制作了产品表插件，它增加了单页订购功能、即时搜索和排序，以及在任何地方以任何方式创建和添加产品表的能力，包括通过短代码，块，或者在帖子或页面内。您还可以从各种信息中选择要显示的信息，如自定义字段、属性、SKU、视频等。

5.PeachPay |一键结账

PeachPay one click checkout extension

One-Click Checkout With PeachPay

或者你可能对 peach pay 更感兴趣？这个扩展使得为您的客户创建更简单的结账过程变得更加容易。它承诺提供一键式结账体验。现在，这仅适用于回头客，但对于建立品牌忠诚度和潜在客户的无缝体验来说，这是一个极具吸引力的功能。

这里值得注意的功能包括无需设置即可在网站上添加快速结账按钮。你可以把它放在任何你喜欢的地方-产品页面，迷你购物车，或者全购物车页面。

它还将一键结账扩展到了回头客，包括测试模式，并为按钮提供了多种定制选项。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

这个 WooCommerce 扩展可以免费下载和使用。

6.WooCommerce 直接结账

Direct Checkout for WooCommerce plugin

Direct Checkout for WooCommerce

另一个值得一试的 WooCommerce 插件是 WooCommerce 的直接结账。这一项通过减少顾客完成结账所需的步骤，使增加销售变得更加容易。

它的工作原理是完全去掉购物车页面，取而代之的是把“添加到购物车”按钮变成一个引导顾客直接结账的按钮。结帐页面也不需要重新加载，所以一切都很简单。你也可以用它来删除你认为合适的结帐字段。

尽管该插件有一个免费版本，但它没有提供一页结账的功能。您需要购买高级版才能使用该功能以及快速购买按钮和支持。高级计划从一次性支付 30 美元的单一网站许可证开始。
T3】

7.快递商店

Express Shop plugin

Express Shop

还有一个插件选项是 Express Shop WooCommerce 插件。这种方法的工作原理是将商店中的所有产品显示为单页商店。也就是说，购物者可以直接在每个产品页面结账。这促进了更快的购物体验，可以减少购物车放弃和提高转化率。

单站点许可证的计划起价为每年 24 美元，包括一年的优先支持和升级。

8.出纳员

Cashier plugin

Cashier

然后是收银台 WooCommerce 插件，它为你的网上商店武器库增加了多种加快结账过程的方法。首先，它增加了直接结账、一键式结账和“立即购买”按钮。

这个插件提供了广泛的功能来优化你的结帐过程，无论你认为合适还是最适合你的行业和产品线。一些值得注意的功能包括一键结账，与“立即购买”按钮相结合，提供更快的购物体验。它还附带了一个侧购物车，让客户可以随时访问他们的购物车，而不必离开产品页面。

其他功能包括产品推荐、购物车通知和添加到购物车链接。它也兼容 WooCommerce 订阅服务。

收银员 WooCommerce 插件每年售价 49 美元。

9.Yith WooCommerce 一键结账

Yith WooCommerce One-Click Checkout plugin

Yith WooCommerce One-Click Checkout

最后，你可以考虑一下 Yith WooCommerce 的一键式结账插件。它提供了一个模仿亚马逊的一键式结账选项。它有望实现更快的结账过程，减少废弃的购物车。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

它还增加了从产品页面直接购买的选项。此外，您可以使用自定义颜色和按钮标签自定义这种单页结账体验的各个方面。您还可以为客人打开或关闭一键式购买功能，并且可以从两种不同的布局中进行选择。选项也更加细化，允许您隐藏特定产品页面或产品类别的一键式购买选项。

这个插件每年花费 69.99 美元，包括一年的更新和支持。

如何定制 WooCommerce 单页结账页面

现在你已经有了一些插件和扩展选项，我们可以简单地谈谈如何为你的客户定制一个页面的结账体验。

1.安装您选择的插件

你的第一个任务是安装你选择的插件，为 WooCommerce 添加一个单页结账。在这里，我们将为 WooCommerce 扩展安装 Bolt Checkout 作为一个例子。为此，只需下载插件，然后以. zip 文件的形式上传到你的 WordPress 网站的插件>添加新的下。

Installing the Bolt Checkout for WooCommerce plugin.

一旦激活，你将被重定向到你的插件页面，你可以进入插件的设置页面开始定制。

2.使用带有结帐模板的主题

尽管大多数特定于 WooCommerce 的主题都会包含这一点，但验证您使用的任何主题是否包含结账模板仍然很重要。兰花店和 eStore 都是 WooCommerce 主题的好例子，它们提供了可以定制的结账页面模板。

eStore WooCommerce theme

eStore

3.使用页面生成器

无论是古腾堡的块编辑器还是与 WooCommerce 兼容的 T2 的页面生成器插件，比如 T4 的 Elementor 或者 Brizy，使用页面生成器可以帮助你实现单页结账的外观和感觉，而不需要深入代码。

4.添加客人结账

上面的许多插件都有在你的网站上添加客人结账的选项，WooCommerce 本身也允许这样做。

5.使用较少的字段

Checkout Field Editor plugin

Checkout Field Editor

Bolt 扩展实现了这一点，因此您可以简化结帐过程，并消除不符合您需求或只会增加混乱的结帐字段。如果你只想在结账页面上使用更少的字段(但不想创建完整的单页体验)，你可以使用像结账字段编辑器这样的插件来减少顾客结账前需要填写的字段数量。

6.添加“立即购买”按钮

Quick Buy Now Button for WooCommerce

除了 Bolt 提供的功能之外，你还可以使用类似于 WooCommerce 的 Quick Buy Now Button 的扩展到你的商店。

7.添加追加销售和附件

一旦你配置了单页结账，你就可以通过使用像 WooCommerce 的 Cart Upsell 这样的扩展来创造更多的转换机会。

Cart Upsell for WooCommerce

这一延伸展示了与潜在客户当前正在寻找的产品最相关的产品。您可以根据产品类型、类别、潜在客户购物车中当前的总金额等来触发这些追加销售。

WooCommerce Checkout Add-Ons

另一个选择是woo commerce check out Add-ons，这样你就可以突出显示相关产品，提供免费送货，或者推广礼品包装、小费或个别产品保险等附加服务。

8.A/B 测试您的结账页面

一旦你的单页结帐设置好并运行，你就可以开始运行 A/B 测试。这是你应该经常为你的网上商店做的事情。这将有助于你了解什么对你的客户有效，以及你可以做出什么样的改进。

A/B Testing for WooCommerce extension

像 WooCommerce 的 A/B Testing 这样的扩展是创建分割测试的明显选择。尝试多页结帐形式与单页，价格测试，运输价值，等等。

Read on to see why one-page checkouts are the ✨best✨ checkouts- for your customers and your bottom line 💰Click to Tweet ## 摘要

希望你现在能清楚地理解为什么你的 WooCommerce 网站一定要使用单页结账流程。它有助于减少弃车，提高转化率，并为您的客户带来更愉快的整体用户体验。

我们还为您配备了大量插件和扩展选项，帮助您轻松创建自己的单页结账体验。此外，我们还提供了您可能希望对结账流程进行哪些类型的功能和定制的简要概述。

最终，为了获得最佳的结账体验，你应该在做其他事情之前确保你的 WooCommerce 主机是一流的。祝你好运！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 最佳 WooCommerce 支付网关

原文：https://kinsta.com/blog/woocommerce-payment-gateways/

你已经为你的业务考虑了很多，但是你有没有为选择最好的 WooCommerce 支付网关考虑很多呢？你应该。

带来销售是任何业务中最重要的部分，但选择正确的收款方式也同样重要。毕竟，如果你的客户很难支付，他们会放弃他们的购物车，你会失去销售。

支付网关是一个基于网络的程序，旨在接受和处理支付，如信用卡和借记卡。如果你打算在你的网站上销售产品或服务，很可能你需要一个支付网关。

你不需要的唯一原因是，如果你不打算接受付款，或者你只想在你的实体店接受付款。

像大多数企业一样，你可能已经接受了 WordPress 和 WooCommerce 的付款，或者你正计划这样做。所以，这里是 WordPress 最好的 WooCommerce 支付网关插件。我还将介绍为您的网站选择正确网站的技巧。

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**## 决定支付网关

了解更多关于 WordPress 中支付网关集成的信息是在它们之间做出决定的关键。首先，我们知道有两种主要类型的网关:重定向和直接。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

重定向网关是一个客户需要离开你的网站，以支付。它们被发送到外部页面，以便处理付款。在大多数情况下，客户会被重定向到管理网关的公司网站。

另一方面，直接网关仅在您的网站上处理支付，客户不需要离开您的网站来处理支付。

如果你不想负责加强网站的安全性，重定向是最好的支付网关选择，因为被黑客攻击可能意味着你所有客户的信用卡和个人信息被盗。

虽然，它不像直接网关那么专业，因为客户需要离开你的网站才能付款。如果他们不熟悉你使用的支付网关类型，这可能会让他们感到不安。这就是为什么大多数企业的最佳支付网关是直接支付。

它有助于建立客户的信任，但是您确实需要确保您的站点的安全性是最新的。

Installing an SSL certificate is a must and a bare minimum if you want to run an online business.Click to Tweet

关于如何提高安全性的更多细节，您可以查看我们的其他帖子:

除了考虑成本，选择接受来自您的国家和客户原籍国的业务的支付网关也很重要。否则，你很可能会看到销售额下降，客户投诉增加。

这就是为什么如果您选择的网关之一不能覆盖您拥有大量客户的国家，混合和匹配您的网关可能是最佳解决方案。

您也可以选择一个覆盖大多数人的网关，然后为联系您的客户提供另一种支付方式。如果您希望一个网关覆盖大多数客户，这可能是最佳选择。

无论是哪种情况，跟踪网站的分析都是了解客户居住地的好方法，这样你就可以更好地规划最适合你的业务的支付网关。

2022 年 WordPress 最佳 WooCommerce 支付网关

这些是最好的 WooCommerce 支付网关，因为它们服务于大多数国家，并且是最值得信赖的提供支付处理的公司之一。它们也是帮助你的企业看起来更专业的直接途径。

T3】

这些选项可用于 WordPress 中的信用卡支付网关集成。你也可以在 WooCommerce 上使用它们。

你可以免费集成这些网关，或者作为大多数 WordPress 电子商务支付网关插件的高级升级。它们也可以作为 WooCommerce 的高级网关。不过，有些选项是免费的，有些则需要付费。

请记住，这些解决方案都要求您安装 SSL 证书才能使用它们。他们还要求你注册一个账户。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

1。PayPal 专业版

PayPal WooCommerce Payment Gateway

PayPal has many options for businesses.

在支付处理方面，PayPal 是最值得信赖的公司之一。他们有许多网关解决方案，但其中一些是基本的，使用重定向方法进行支付。

PayPal Pro 使用直接支付方式，可以处理常规产品销售，但不能处理订阅等经常性支付。每月还需要 35 美元，还有 2.9%的贝宝交易费外加 30 美分。

PayPal Pro 的 WooCommerce 扩展单个网站订阅价格为 79 美元。或者你可能也想看看 WooCommerce 的PayPal插件。

2。布伦特里

BrainTree WooCommerce Payment Gateway

Braintree is a PayPal company.

如果你喜欢使用 PayPal 的想法，但希望能够提供订阅或寻找免费选项， Braintree 可能是你的解决方案。这是一家 PayPal 公司，所以这也是一个你可以信任的解决方案。

没有月费，你可以用所有主要的信用卡付款，还可以用 Apple Pay 和 Android Pay 等钱包付款。有 2.9%加 30 美分的交易费，不过，你的第一笔 5 万美元是免费的。

您的客户还可以选择保存他们的付款细节，以获得更轻松的购物体验。Braintree 有一个 WooCommerce 扩展，而且是免费的，这也是一个奖励。

3。种类

Stripe WooCommerce Payment Gateway

Stripe is quickly becoming a popular gateway.

Stripe 是一个快速增长的支付网关，它能够处理经常性支付，并能自动处理退款。最流行的 WordPress 电子商务插件支持它，也有免费的 Stripe WooCommerce 扩展可用。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Stripe 处理所有主要的信用卡和借记卡。此外，它还接受 Apple pay，客户可以保存他们的支付细节。没有月租费，但是有 2.9% 30 美分的交易费。他们还有一种叫做雷达的防欺诈产品。要了解更多信息，您可以阅读以下详细指南:如何使用条纹雷达防止信用卡欺诈并将其减少 98%。

没有月租费，但是有 2.9% 30 美分的交易费。与 PayPal 不同，如果客户对收费有异议，它会让你损失 15 美元，但如果你赢了，这笔费用会退还给你。

4。Authorize.net CIM

Authorize.net WooCommerce Payment Gateway

Authorize.net CIM has tons of features, but isn’t as cost effective.

Authorize.net CIM 是许多企业的热门选择，因为它拥有许多功能。它接受所有主要的信用卡和借记卡，也处理退款，订阅和预购。顾客还可以选择保存他们的付款细节，以备下次购买时使用。

像这里列出的其他解决方案一样，每笔交易收取 2.9% 30 美分的费用。还有 49 美元的安装费和每月 25 美元的订阅费。

Authorize.net CIM 有一个 WooCommerce 扩展，如果你决定使用它，单个网站就要花费你 79 美元。

5.阿德延

Adyen payment gateway

Adyen 是全球最大的支付提供商之一。这部分是由于当地支付方式的多样性。此外，Adyen 非常重视实现无缝结账体验。这个 WooCommerce 插件也是这种情况。

Adyen 集成了所有国际信用卡和本地支付方式。比如荷兰的 iDEAL，巴西的 Boleto，波兰的 BLIK，但是也支持 Apple Pay，Google Pay，支付宝。

Adyen WooCommerce 插件无缝集成到 WooCommerce checkout 中，以保持尽可能高的购买转化率。这个支付提供商插件将为您安排一切，尽可能使结账体验无缝。

试试 Adyen WooCommerce 插件，让我们知道你对它的看法。

哪个支付网关最好？

支付网关最好的 WooCommerce 插件是那些为你和你的企业服务的插件。我已经介绍了所有最好的网关，但是最终由您来决定哪一个是最好的。

关于如何在 WooCommerce 上建立网上商店的更多细节，请查看我们的指南如何在你的网站上建立 WooCommerce——完整教程和如何用 woo commerce 订阅出售订阅。

对于其他 WordPress 电子商务插件选项，请查看与 WordPress 一起出售:6 个免费的电子商务插件。

你用过这些 WooCommerce 支付网关吗？你对他们有什么体验？你用的 WooCommerce 和 WP 支付网关插件或扩展是哪个？你认为哪些是最好的 WooCommerce 支付网关？欢迎在下面的评论中分享你的经验。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

网络商务支付初学者指南

原文:# t0]https://kinta . com/blog/woocommerce-payments/

没有支付方式，电子商务就什么都不是。这显然是一个至关重要的因素，这意味着您还需要考虑使用哪种支付网关。有许多长期竞争者需要考虑，但是 WooCommerce Payments 值得你花时间，尤其是如果你使用这个插件的话。

查看我们的视频指南，了解电子商务支付

该插件将以最佳方式将 WooCommerce 支付与您的网站集成在一起，同时还能为您提供支付所需的功能。虽然它的设置和使用很简单，但并不是一切都像它看起来那样——我们将在本文中讨论这一点。

在这篇文章的剩余部分，我们将讨论 WooCommerce 支付以及如何使用它。我们还会将它与其他一些流行的网关进行比较。不过，首先，让我们讨论一下网关应该有什么要求。

什么是好的电子商务支付网关？

随着电子商务的发展，大部分注意力将转向客户与企业的关系。这一切都很好，但还有一个关键环节需要你的关注:你选择的支付网关。

这是一个软件，它连接你网站上的前端按钮来启动购买，并(最终)连接到你的银行账户。当您到达需要输入您的账单信息的结账流程时，这就是支付网关的作用。

A Freemius payment gateway screen, showing card payment fields, a field for an email address, and a blue

An example of a payment gateway on the frontend

因为网关将处理处理支付的重要任务，所以它需要具备一些关键要素:

**可用性:**这个有两点。你需要知道网关不仅在你的业务所在国家可用，而且在你的目标受众所在的国家也可用。如果你经营一个全球性的企业，网关需要在所有这些国家都可用。
**开销友好的交易收费:**如果一个网关勾选了大部分的框，却对一个包收取处理交易的费用，那就狠狠的刺痛你了。您将希望从您的网关获得最具成本效益的一组费用。
直观简单的界面:不言而喻，一个提供逻辑布局的用户界面(UI)对任何应用程序来说都是一个福音。对于一个网关来说，这将是一个废弃的购物车和一个完整的销售之间的区别。
**与您的电子商务解决方案集成:**作为 WooCommerce 用户，您选择的支付网关必须具有兼容性。没有它，你将根本不能处理支付。

虽然我们将讨论许多符合所有这些条件的支付网关，但在本文中，有一个是我们想要重点关注的。我们接下来会看一看。

引入 WooCommerce 支付

An image of a laptop with a yellow credit card entering into the screen, with a button reading

The WooCommerce Payments logo

如果你使用 WooCommerce 作为你的电子商务平台，并利用 WooCommerce hosting ，那么将 WooCommerce Payments 整合到你的网站中是有意义的。它是该平台的“官方”支付网关，具有许多令人印象深刻的功能:

它使用现收现付(PAYG)模式进行交易(稍后会有更多介绍)。
该扩展提供了与 WooCommerce 的完全集成。
你可以在 WordPress 仪表盘上追踪你的所有付款。
WooCommerce Payments 提供多种货币支持，有 135 种以上的选择供您选择。

正如你所料，WooCommerce 支付是一个自动化的产品。这意味着你得到了与 WooCommerce 和 WordPress 的最高水平的集成，这对于那些平台上的商店来说是诱人的。

事实上，这是唯一能够提供这种集成水平的支付网关。然而，这并不止于 WooCommerce。你也可以以你通常无法做到的方式与其他扩展集成。以 WooCommerce 订阅为例:

An image of a man in a brown suit balancing on a tightrope, on a blue radial background.

The WooCommerce Subscriptions logo

如果你使用这个和 WooCommerce 支付，你可以在 WordPress 中以其他解决方案无法做到的方式处理订阅。

至于技术要求，你需要一个 WordPress 安装和服务器设置来应对，这通常意味着至少要有 PHP 7.0、 WordPress 5.7 和 WooCommerce 4.8。

然而，你还需要一个安全套接字层(SSL)证书才能在“实时模式”下使用网关，并且需要在 18 个受支持国家之一开展业务。WordPress.com 账户也是必要的。Jetpack 插件帮助执行交易和链接服务，是连接 WordPress.com 的一种简单方式。也就是说，你不必安装 JetPack，因为你可以连接到 WordPress.com 有或没有插件。

至于交易费用，这取决于你的国家，尽管你会注意到它们类似于另一个流行的支付网关 Stripe 。这是因为 WooCommerce Payments 是 Stripe 的“白标”版本。稍后我们会详细讨论这一点。

为什么使用 WooCommerce 支付而不是其他网关？

由于 WooCommerce 用户可以使用过多的网关，WooCommerce 支付需要有一些特别的东西来吸引用户。

我们可以从几个原因来说明您为什么会选择该解决方案:

你得到了与 WordPress 和 WooCommerce 最大程度的整合。事实上，它近乎完美，其他任何网关都无法与之匹敌。
由于 WooCommerce 的工作方式，你也可以从 WordPress 仪表盘处理支付的方方面面，而不需要登录第三方应用。
因为网关是建立在 Stripe 之上的，所以它是健壮的、坚如磐石的、受欢迎的。
通过扩展，你如何将你的 Stripe 网关与第三方服务集成，应该与 WooCommerce 支付类似。

总的来说，你想使用 WooCommerce 支付的主要原因是为了与 Automattic 的紧密集成。即便如此，探索 WooCommerce 支付与竞争对手相比如何也是值得的。让我们在下一节看看其中的一些。

WooCommerce 的其他 4 个领先支付网关

虽然有无数的支付网关可供选择，但我们有四个可以与 WooCommerce 支付相比。

然而，第一种感觉很熟悉，这是有原因的，我们将会解释。让我们从 Stripe gateway 开始，因为它是 WooCommerce 支付的核心。

1.种类

首先，条纹。由于 Stripe 的市场份额，受欢迎程度，功能集和低交易率，这将是许多人熟悉的门户。

The Stripe logo, in purple.

The Stripe logo

WooCommerce Payments 从 Stripe 获得其谱系，因为它是网关的白标版本。这意味着条纹商标被移除，取而代之的是 WooCommerce 的商标。在此基础上，Automattic 做了进一步的修改，将其整合到 WordPress 和 WooCommerce 中。

这意味着虽然 Stripe 和 WooCommerce 支付共享相同的核心和架构，但这两种解决方案可能会有所不同。事实上，Stripe 已经在 WooCommerce 中作为默认的支付网关。因此，它提供了一些不同之处:

您可以在更多国家使用 Stripe，因为它是一个更成熟的解决方案。
WordPress 和你的网关之间不会有太多的整合。然而，这仍然是合适的，因为它是 WooCommerce 的默认选项。

我们认为第一点是用户选择 Stripe 的原因。当谈到 Stripe 与 WooCommerce 支付时，你将在国家可用性和与 WordPress 的整合之间做出选择。你更喜欢哪个将有助于你做出决定。

2.贝宝

对于那些年纪足够大的人来说，PayPal 第一次出现时是一个新发现。在很长一段时间里，这是处理交易和在网上转移资金的首选方式。虽然现在竞争更加激烈，但 it 仍然可以提供业内最大的解决方案。

The PayPal logo, with

The PayPal logo

这是一个成熟的功能性支付网关，提供了许多有趣的功能:

它拥有顶级网关应有的基础设施和可靠性。
支付处理功能非常灵活。例如，你可以实现 PayPal 的分 3 期支付:一种将一大笔款项分成三个不同的分期付款的方式。
虽然您需要使用第三方仪表板来管理您的交易，但它直观、功能丰富、外观简洁。

PayPal 的灵活性是它赢得 WooCommerce 支付的原因。最终用户欢迎使用 Pay in 3，结账流程也很熟悉，很容易使用。

PayPal's Checkout page showing fields for a ZIP code, mobile number, and email address. There is disclosure information and links, along with a blue button to create an account and continue with the checkout.

PayPal’s checkout process

此外，您可以设置定期付款和订阅，而无需延期。说到这一点，很多网站已经建立了处理贝宝。许多用户已经有了 PayPal 账户，随时可以使用。

然而，贝宝的交易和商户费用因有时令人困惑而臭名昭著。有一个专门列出并解释它们的微型网站。这是当初从 PayPal 转向的部分原因。

除此之外，客户支持在某些方面也乏善可陈，尤其是在争议解决方面。虽然这不会阻止你使用 PayPal，但它应该让你考虑一下是否值得这么麻烦。

如果你想了解更多，请阅读我们的 Stripe 与 PayPal 的深度对比。

3.平方

WordPress 用户将会知道 Square 几乎是某种竞争对手——它拥有 Weebly 网站建设者解决方案。当然，Square 本身就是一个很棒的支付网关。

The Square logo, complete with its icon — a small white square surrounded by a square border.

The Square logo

用户会选择 Square 而不是其他解决方案的原因有几个:

对于初学者来说，设置只需几分钟，日常可用性很高。
Square Checking 服务让您可以快速存取您的资金。这对舒适和信任很重要。
交易费用不复杂，也很低(这个我们一会儿再说)。

这使得 Square 成为领先的支付网关之一。然而，我们建议 Square 最适合面对面的销售点(PoS)交易。许多企业将使用 Square 的软件和硬件来支持他们的支付，我们倾向于同意这一点。

不过，它是一个可靠的支付网关，也与 WooCommerce 集成，但程度不如 WooCommerce 支付。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now 至于交易手续费，超级简单。考虑到美国用户，你将为每笔交易支付 2.9%外加 0.30 美元的费用。根据你如何使用 Square，还有其他费率，但在大多数情况下，你会确切地知道每笔交易你将支付多少。

阅读我们的条纹 vs 方形深度对比。

4.Authorize.net

尽管 Visa 运营着 Authorize.net，但在支付网关方面，它却是一个异类。然而，它在特性或功能上并不差。

The blue Authorize.net logo.

The blue Authorize.net logo

事实上，使用 Authorize.net 作为支付门户有很多好处:

关于你能在哪里接受付款，它是灵活的。对于 WooCommerce 商店来说，这没什么大不了的，但这意味着 Authorize.net 可以根据你的需求进行扩展。
你可以提供多种支付方式，不仅仅是 Visa。例如，您可以接受大多数信用卡，以及 Apple Pay、Visa Pay 等。甚至贝宝也是一个选择。
您可以获得安全工具来帮助保护您和您的客户。高级欺诈保护内置于网关中，并延伸到您的收银台。

Authorize.net 唯一的症结是价格。虽然交易费是标准的 2.9%外加 0.30 美元的手续费，但你还需要每月支付 25 美元才能进入 Authorize.net。

如果你已经有一个商业帐户，你仍然需要每月支付 25 美元，但交易费用下降到每笔交易 0.10 美元。如果您有合适的基础设施，这可能是有益的。然而，尽管积极，你可以更好地与另一个支付网关，提供更多更少的支出。

如何安装 WooCommerce 支付

The WooCommerce Payments setup screen with instructions on the dependencies your installation will need, and a

The WooCommerce Payments Setup screen

总的来说，WooCommerce 支付的安装过程很像任何其他 WordPress 插件。但是，在继续之前，扩展会要求您完成一些其他步骤:

你需要有一个WordPress.com 账户来提供自动集中的安全性。
您必须先验证您的业务和支付详情，然后才能继续使用该扩展。
对于实时使用，您的站点还需要一个有效的 SSL 证书。

由于 WordPress.com 的要求，你不能在本地服务器上使用 WooCommerce 支付。这是一个痛苦，很可能是许多人的症结所在——除非你是一个 WordPress 开发者，可以编辑文件来临时绕过实时模式设置。

如果你想使用 WooCommerce 支付，你需要理解这个重要的概念。然而，每个步骤都很简单。连接到 WordPress.com 只需点击批准按钮:

The WooCommerce Payments connection screen, showing user data, and a button that reads

The WooCommerce Payments connection screen

…然后输入电话号码和电子邮件地址:

A verification screen for WooCommerce Payments that shows phone number and email fields, along with a purple splash screen, and purple button reading

The WooCommerce Payments and WordPress.com verification screen

该流程的“条纹”部分会要求您提供有关您企业的一些个人信息，以及您企业的有效银行账户:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

The WooCommerce Payments verification screen showing a number of fields asking for a business name and address.

WooCommerce Payments asking for personal details

当你完成这个过程后，你就可以深入 WooCommerce 支付界面了。

如何使用网络商务支付

虽然 WooCommerce 支付是一个简单易用的解决方案，但在它的各个屏幕上还有很多事情要做。在接下来的几节中，我们将讨论其中的一些，以及您应该如何设置和使用这个扩展。

客户概述

作为新用户，您将看到的第一个屏幕是概述屏幕:

The WooCommerce Payments dashboard within WordPress that shows detailed balance information and account status indicators.

The WooCommerce Payments dashboard

这里的第一个面板显示了你的总体平衡，但它也提供了一些额外的细节。例如，您可以查看可用余额，这总是很有帮助，但是您也可以查看待定余额。

一旦你的商店有大量的交易，这将提供价值。当然，有些交易不会与其他交易同时处理，所以最好能区分余额。

你还可以看到上一次和下一次存款的数字。这将与这些数字上方的存款计划设置相关。你会看到一个“一目了然”的存款计划摘要——默认是每天自动存入你的银行账户。

以下是您的账户详情信息:

The Account details panel, showing whether your payments are enabled and the frequency of your deposits. There is also an

The “Account details” panel

简而言之，这是一份关于你是否设置了支付(你应该设置)和存款频率的总结。现在是讨论你的 WooCommerce 支付帐户的更多设置的好时机，所以我们接下来会这样做。

设置

WooCommerce 支付设置链接将带您进入 WooCommerce > 设置 > 支付。在这里，您将看到几个部分和复选框来帮助您进一步设置扩展:

The WooCommerce Payments Settings screen, showing options to set a test mode, to enable the extension, and enable credit and debit cards.

The WooCommerce Payments Setting screen

这里有四个不同的部分:

**常规:**您可以在这里启用扩展，也可以启用本地使用的受限测试模式。
**结账时接受付款:**这个部分提供了一个简单的复选框，允许您启用信用卡和借记卡。
**快速结账:**你还可以启用 Apple Pay 和 Google Pay，并决定用户可以访问哪些页面。
**交易和存款:**这些设置让您能够为用户提供顺畅的结账和交易体验，以及其他选项。

在最后一部分中，您可以让用户使用保存的卡实例进行支付，以加快结账速度。您也可以授权一张卡并在以后捕获它。这对用户更有利，因为他们可以用不太严格的流程结账。

然而，在我们继续之前，最后一个字段客户银行对账单需要进一步关注。

银行对账单描述符

当你购物时，你的银行结单会清楚地显示与你做生意的公司的名称。您也可以在 WooCommerce Payments 中使用客户银行对账单字段进行设置:

The Transaction Preferences section of WooCommerce Payments, showing a field to enter your business name and tick boxes to enable payments via saved cards, and a delayed card capture.

The Transaction Preferences section

设置此名称时，您需要遵守几个要求:

您应该使用不少于 5 个、不多于 22 个拉丁字符。
它必须包含至少一个字母和零个特殊字符。
描述符必须以对客户透明的方式反映您的企业名称。

在大多数情况下，我们建议您使用您的企业名称或网站地址。如果您确实需要使用不同的描述符，您应该在结帐时向用户说明这一点。

交易类型

支付 > 交易屏幕将显示您当前交易的列表。这里有一些细节需要注意，但我们希望特别注意您将看到的不同类型的交易。

这些选项中的一些一开始可能会引起混淆，因为很容易误解它们所代表的意思。以下是每个选项的用途:

存款:这意味着从你的 WooCommerce 账户转账到你指定的银行账户。对你来说这是一次撤退。你可以通过支付>存款页面看到你所有的存款。
**收费:**当顾客购物时，他们会收到一笔费用，这是他们全部付款的记录。
**退款:**这是您必须向客户的卡返还费用的时候。
**争议:**如果客户想要查询您的费用，这被称为争议，它被记录为特定的交易类型。
**争议逆转:**将此视为代表你的“无罪”抗辩。这是承认你是对的，客户提出了无效的争议索赔。

我们应该更多地谈论争端，因为你会定期(尽管不常见)遇到它们。您将通过付款 > 争议屏幕看到当前所有的争议。

一般来说，这是你的客户和你之间的中间人。WooCommerce Payments 的屏幕可以让你看到纠纷的性质，并在必要时做出回应。你有两个选择:

**接受争议:**向客户退款并解决争议。
挑战争议: Stripe 会要求你为自己的立场提供证据。从那里，你将能够进一步解决争端。

希望你很少使用争议屏幕，如果有的话。然而，当你需要尝试时，工作流程是直观的，不会占用你太多时间。

Want to get started with WooCommerce payments? 💰 Look no further 🚀Click to Tweet

摘要

如果一个电子商务网站没有支付系统，它几乎就像一个产品的“外观手册”。因此，你会希望你的网上商务网站尽可能的快，并且有一个易于使用的 T2 健壮的结账页面。

虽然它是 WordPress 和 WooCommerce 的附加软件，但 WooCommerce Payments 是第一方。这意味着它提供了与市场上排名第一的电子商务解决方案的明确兼容性和集成。此外，该功能由 Stripe 出色的网关提供支持，因此您和您的用户都可以保证结帐没有问题。

你认为 WooCommerce Payments 能在竞争中保持优势吗？在下面的评论区和我们分享你的想法吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

24 个最佳 WooCommerce 插件，进一步改善您商店的内置功能

原文：https://kinsta.com/blog/woocommerce-plugins/

WordPress 不同于其他平台，如 Shopify 、 Wix 和 BigCommerce ，它们内置了所有在线电子商务功能，让你可以立即开始销售。

原因是:WordPress 不是一个开箱即用的电子商务平台。WooCommerce 是世界上最受欢迎的解决方案之一，不仅因为它可以免费使用，还因为它提供了大量的插件(和扩展)来帮助改善你的商店。

过去，我们已经报道了最好的 WooCommerce 扩展。今天我们来看看 WooCommerce 插件。

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**准备好开始了吗？

什么是 WooCommerce，我为什么需要它？

简而言之， WordPress 本身就是一个具有巨大能力的 CMS 。在对代码一无所知的情况下，你可以轻松地写文章和发布页面。当谈到你的网站将会是什么样子时， WordPress themes 也帮助设计各种各样的布局，针对不同的行业，如硬件、法律和机构。

WooCommerce plugins

WooCommerce

但是销售诸如有声读物、衬衫或数字会员资格的产品呢？

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

当然，你可以在你的网站上添加一些 PayPal 按钮，但这并不提供任何购物车功能或者你在一家知名在线商店能找到的任何东西。更不用说，一个孤零零的 PayPal 按钮看起来已经过时了。

这就是 WooCommerce 发挥作用的地方。这个插件将你的 WordPress 站点转换成一个全功能的在线商店，有产品列表、分类、收藏和购物车。
T3】

寻找最好的 WooCommerce 插件时应该考虑什么

一旦你安装了 WooCommerce，你可能会发现你的特定的电子商务商店需要额外的功能。

很多时候，WooCommerce 插件并不能满足你经营一家成功商店的所有需求。事实上，你可能希望收取每月会员费，或者出售门票，或者包含产品插件。

WooCommerce 插件中没有提供很多更高级的电子商务功能。那么，你应该如何决定哪些插件适合在 WooCommerce 上进行改进呢？

以下是一些建议:

确立你网站的目的。
问问你自己，WooCommerce 缺少什么特性是你经营一个有效的企业所需要的。
考虑寻找一个满足这些需求的 WooCommerce 主题。
如果一个主题不能解决问题，开始寻找最好的 WooCommerce 插件和扩展。
要么购买软件包来省钱并为未来做准备，要么选择个人插件来省钱并坚持你绝对需要的东西。

你的大部分决定取决于你想给你的 WooCommerce 商店增加什么样的具体功能，所以确保你确切地知道你的顾客会期望什么。

Need to pimp your store to address and serve more customers? Check out these 20+ WooCommerce plugins to extend your store's built-in functionality and watch your sales grow! 🚚🤑Click to Tweet

改善 WooCommerce 商店的最佳 WooCommerce 插件

WordPress 是一个开源的免费解决方案。如果你在运营一个非常小的商业网站或者一个个人博客，你可以尽可能地降低成本。然而，严肃的在线商店通常需要高级托管(查看我们的 WooCommerce 托管)和具有优质客户支持的合法插件。

下面列出的一些插件是免费的，但通常你应该为 WooCommerce 插件付费。有时是一次性的小额费用，但有时需要按月支付。

说到这里，继续阅读了解我们最喜欢的 WooCommerce 插件。

1.WooCommerce PDF 发票和装箱单

WooCommerce PDF 发票&装箱单有大量的追随者，理由很充分。各种各样的业务都需要发票和装箱单，但 WooCommerce 没有提供这种流畅的功能。

因此，该插件让您自动将 PDF 发票附加到某些电子邮件中。不仅如此，您还可以选择创建和打印装箱单，无论是批量还是单个装箱单。插件的简单性和流线型吸引了大多数用户。

WooCommerce PDF Invoices & Packing Slips

WooCommerce PDF Invoices & Packing Slips WordPress plugin

定价

核心插件是免费的，但专业版有多种计划，起价 54.00 欧元。

使 WooCommerce PDF 发票和装箱单订阅成为最佳选择的功能

安装完成后，您可以打印出当前和过去订单的 PDF 发票和装箱单。
该插件有多种语言可供使用，使得世界各地的许多人都可以轻松运行该插件。
所有发票都是按顺序组织的，您可以根据自己的喜好设置编号格式。
该插件可以让您批量或单独生成发票和装箱单。
根据电子邮件的收件人，发送附有发票的电子邮件。
在专业版中，您可以使用高级模板和连接到 Dropbox，将装箱单直接发送到打印机。

谁应该考虑这个 WooCommerce 插件？

B2B 在线商店通常选择这个插件，因为它很容易向客户发送发票。如果你运送自己的产品，不使用第三方履行中心，这也是有用的。
T3】

2.YITH WooCommerce 愿望清单

YITH WooCommerce 愿望清单模仿了许多大型电子商务商店(如亚马逊)的“收藏夹”清单。这并不适合每一个品牌，但是给你的顾客一种方法来保存某些产品以备后用通常是有意义的。

该插件与 WooCommerce 集成，实现无缝过渡。然后，顾客可以回来登记，找到他们喜欢的商品，以便以后购买。这有可能促进你自己的销售，并为顾客创造一个更好的界面。

YITH WooCommerce Wishlist - Best WooCommerce Plugins

YITH WooCommerce Wishlist WordPress plugin

定价

核心插件是免费的，但你可以花 89.99 美元选择更多的功能。

使 YITH WooCommerce Wishlist 成为最佳选择的功能

该插件提供了增加每次结账销售额的潜力，并提醒顾客过去的兴趣。
它推出了为婚礼和婴儿洗礼等活动提供礼物清单的功能。
用户可以在社交媒体上分享他们的愿望清单。
这个插件有制作多个列表并给它们命名的工具。
在你网站的某些区域显示一个添加到愿望清单的按钮。
定制愿望列表格式，调整页面上显示的列数和产品数。

谁应该考虑这个 WooCommerce 插件？

新店没有任何理由拥有愿望清单功能。只有几种产品的商店也是如此。wishlist 插件看起来像是拥有铁杆客户的大品牌的守护者。

3.WooCommerce 多语言

有了 WPML 的 WooCommerce 多语言插件，你可以翻译网上商店的所有内容，还可以添加多种货币。这让你可以利用全球市场的机会，用顾客选择的语言为他们提供绝佳的购物体验。

有了这个插件，你将拥有自动和手动翻译选项的灵活性，以及翻译评论和多语言 SEO 优化的强大功能。

WooCommerce Multilingual

WooCommerce Multilingual WordPress plugin

定价

通过 WordPress repo 可以获得 WooCommerce 多语言&多货币的免费版本。有了这个独立版本，用户可以为他们的 WooCommerce 商店设置多种货币，添加货币切换器，设置汇率，等等，而不需要安装 WPML。更多信息请点击这里。

对于完整的多语言功能，需要安装 WPML 的付费版本。推荐的多语言 CMS 订阅价格为 99 美元。

使 WooCommerce 多语言成为最佳选择的特性

它集成了 WooCommerce 和一些最流行的 WooCommerce 扩展。
该插件通过简单的翻译编辑器界面使管理和实现翻译变得容易。
翻译网站的所有部分，从产品和商店页面到博客文章和第三方插件的文本。
轻松配置和提供多种货币，并使用动态汇率转换。
实施多语言结账流程(包括购买后的电子邮件)。

谁应该考虑这个 WooCommerce 插件？

如果你有自己的网上商店或为你的客户建立电子商务商店，这是一个完美的插件，让你的网站在几分钟内多语言，并开始在全球市场销售。

4.WooCommerce 的自定义产品标签

WooCommerce 的定制产品标签是一个插件，可以用合并的标签清理你的产品页面。这样，你就可以用描述、规格、评论等信息来给标签加标题。

您添加到商店的所有标签都支持多种形式的内容，如图像、视频和文本。你可以在标准的 WordPress 编辑器中管理标签，不需要任何定制编码。

Custom Product Tabs for WooCommerce - Best WooCommerce Plugins

Custom Product Tabs for WooCommerce WordPress plugin

定价

核心插件是免费的，可选的功能升级为 29.99 美元。

使 WooCommerce 的定制产品标签成为最佳选择的功能

快速安装将简单的选项卡添加到您的产品页面。
你可以在基本的 WordPress 编辑器中编辑所有的标签。
该插件允许保存某些标签粘贴到其他产品页面。
所有选项卡都允许使用短代码、图像、文本和其他元素。
该插件与 WPML 兼容，以便将来翻译。
如果需要，选项卡数据将与您的产品数据一起导出。

谁应该考虑这个 WooCommerce 插件？

几乎每个在线商店都可以使用产品标签。它使你的产品页面更容易阅读，并为更重要的信息打开空间。

5.woo 商务定制

WooCommerce 定制器扩充了 WooCommerce 中可调设置的数量。这些定制选项在 WooCommerce 中已经可用，但是你通常需要定制代码来使它们工作。因此，WooCommerce Customizer 插件通过可视化设置使这些任务变得更容易。

从改变每个页面上显示的产品数量到修改登录文本，这个插件突然使高级定制成为可能，而无需雇用开发人员。

WooCommerce Customizer - Best WooCommerce Plugins

WooCommerce Customizer WordPress plugin

定价

插件是免费的。

有些扩展是可用的。其中大部分是免费的，但你可能需要为高级扩展付费。

使 WooCommerce Customizer 成为最佳选择的功能

它为那些不知道如何编码的人打开了可视化编辑设置。
您可以更改诸如销售徽章、添加到购物车文本和结帐页面优惠券等内容。
提供了相当多的扩展供您安装。例如，其中一些包括 MailChimp 和 WooCommerce 会员资格
绝大多数功能和扩展都是免费使用的。

谁应该考虑这个 WooCommerce 插件？

建议所有 WooCommerce 网站所有者至少测试一下 WooCommerce 定制插件。您可能会发现，这使得定制小元素(如创建帐户按钮)变得更加容易。但是，某些主题可能会为您完成这些定制。

6.WooCommerce 的 PickPlugins 产品滑块

WooCommerce 的 PickPlugins 产品滑块插件解决了许多店主在开店后发现自己陷入的一个问题。你的 WordPress 主题或页面生成器可能没有干净的产品滑动条或者你根本没有那个选项！

如果你想在你的主页或者其他页面上有一个产品滑动条，这是一个合适的插件。这也是一个很棒的插件，用于在你的博客文章中推荐产品，因为你可以经常写一些与你的产品相关的文章，并把用户直接送到你的商店。

PickPlugins Product Slider for WooCommerce

PickPlugins Product Slider for WooCommerce WordPress plugin

定价

这个免费插件拥有大部分需要的特性。

下载 29 美元的高级版本。这增加了大约 30 个主题和其他布局，如顶级产品和最近查看的项目。

使 PickPlugins 产品滑块成为 WooCommerce 的绝佳选择的特性

在您选择的任何页面或帖子上添加产品滑块。
所有产品滑块在台式机和较小的设备上看起来都很漂亮。
有几十种设置可用，包括自动播放、触摸拖动和不同颜色的选项。
该插件自动隐藏缺货产品。
它支持无限的产品和滑块。
提供了 20 多个导航带。
从字体大小到文本对齐，从项目类别到自定义评级，一切都可以自定义。
你可以选择升级更多的主题和更好的组织。
定制和动画通常比你在预建的 WordPress 主题上看到的更令人印象深刻。

谁应该考虑这个 WooCommerce 插件？

如果你的主题目前没有产品滑动条，或者你不喜欢它的功能和外观，就使用这个插件。

7.电子商务的助推器

WooCommerce Booster 提供了一系列有趣的功能，您可能会发现在使用 woo commerce 的过程中缺少这些功能。其中一些功能包括批量价格转换、货币、全球折扣和让您的客户提供自己定价的工具。

额外的，很多时候是独一无二的功能列表还在继续。你会发现支付网关、结账、产品等功能。总的来说，在选择一个只解决一个问题的高级插件之前，值得测试一下。

Booster for WooCommerce - Best WooCommerce Plugins

Booster for WooCommerce WordPress plugin

定价

核心插件(有一大堆新增功能)是免费的。Booster Plus(拥有更多功能)售价为 49.99 美元。

使 woo commerce Booster 成为最佳选择的特性

WooCommerce 插件的助推器本身几乎是一个完整的电子商务插件。它允许更高级的在线商店体验，而不需要新的主题或多个插件。
使用多货币、价格格式和批发定价工具更改定价和货币。
使用自定义价格标签、免费价格标签和更多按钮标签的功能调整按钮和价格标签。
使用产品图像、输入字段等功能定制产品。
在核心字段、结帐费用和空购物车按钮的帮助下，改变购物车和结帐。
借助最小/最大金额、运输网关和基于类别的网关，改进您的支付网关。
利用订单数量、运输计算和图标等各种功能来完善您的运输流程。
让您的电子邮件和 PDF 发票更好。

谁应该考虑这个 WooCommerce 插件？

最好看看 woo commerce Booster 的所有新增功能。插件中可能有对你的公司有意义的东西。一篇简短的广告不可能涵盖这么长的功能列表。然而，这通常可以取代对其他插件或主题的需求。

8.WooCommerce 的欧盟增值税合规助理

WooCommerce 的欧盟增值税合规助理对于那些在欧盟开展业务的人来说是一个相当小众的工具。您可能知道，增值税是在欧盟销售所需的费用。这项税收包括电子书和音频销售等数字商品。

因此，您可能会发现贵公司需要将增值税纳入成本。这个插件为你做了大部分的脏活，识别客户位置，转换货币，并在必要时征收增值税。

EU VAT Compliance Assistant for WooCommerce

EU VAT Compliance Assistant for WooCommerce WordPress plugin

定价

一些核心插件功能是免费提供的。高级版起价 50 美元。

使 WooCommerce 的欧盟增值税合规助理成为最佳选择的功能

它确保您遵守欧盟的法律，无论您的公司位于欧盟还是您的客户从那里购买。
这个插件可以识别你的客户的位置，而不需要你做任何事情。
显示位置后，该插件会自动更改您的网站价格，以包括欧盟增值税。
所有的额外费用都会被记录下来，以防你被审计或者你需要把这些费用计入你自己的账目。
增值税费用不仅仅显示在购物车上。您可以高枕无忧，因为您的客户会在产品页面和产品系列上看到最终的增值税价格。
每个国家的增值税税率不同。因此，插件会尝试为您计算它们。如果需要，您也可以键入您自己的定制增值税成本。
有一个拒绝所有包含增值税的采购的设置。
包括高级报告，以便您可以在合并增值税时分解成本和购买行为。
数字商品和实物商品都支持。

谁应该考虑这个 WooCommerce 插件？

您可能需要它的唯一原因是，如果您的客户主要位于欧盟。如果您想消除向欧盟客户销售商品的可能性，这也可能有所帮助。

9.签出字段编辑器

结帐字段编辑器插件提供了在结帐区域添加、编辑和删除自定义字段的工具。名称、地址和支付信息的标准字段仍然存在，但是这个插件认识到一些公司是独特的。

该插件直接与 WooCommerce 集成，将你的结账模块变成一个更加通用的区域。例如，您可以编辑 WooCommerce 中包含的当前字段，您还有机会为标签、占位符和名称等内容添加新字段。自定义字段对于许多类型的企业都很重要，尤其是那些定期拥有自定义订单的 B2B 公司。

Checkout Field Editor - Best WooCommerce Plugins

Checkout Field Editor WordPress plugin

定价

核心插件是免费的，但你可以花 39 美元升级获得更多功能。

高级版包括一些有趣的新主题，以及一长串其他字段类型，如数字、复选框和文件上传。

使签出字段编辑器成为最佳选择的功能

该插件使你的结帐模块更容易定制。改变 WooCommerce 收银台的元素并不是一件容易的事情，但这很有帮助。
为您提供了许多新的字段项，以合并类、标签和类型等选项。
在不了解任何编码知识的情况下，编辑字段是可能的。因此，改变标准的运输和结算领域是一个可行的选择。
插件的核心版本是完全免费的，包括选择、文本区域和电子邮件等字段类型。
您可以移动字段，将它们放在结帐过程的不同区域。例如，您可能决定在订单详情页面之前不需要显示电子邮件字段。
请随意删除您想要的任何字段。
启用和禁用字段只需点击一个按钮。
这个插件提供了一个拖放界面来调整当前和新字段的顺序。
高级版本是负担得起的，它打开了一个全新的一批演示和领域。

谁应该考虑这个 WooCommerce 插件？

如果 WooCommerce checkout 区域已经为你的业务工作，可能就没有理由获得这个插件了。然而，一些电子商务商店需要添加新的字段，例如一家 B2B 商店需要询问每个订单的特殊细节。

10.WooCommerce 菜单车

WooCommerce Menu Cart 插件可以与许多电子商务插件一起工作，例如 WooCommerce、WP-Ecommerce 和 T2 轻松数字下载。它的主要目的是在你的主导航菜单中添加一个购物车按钮。

这样做的理由是因为一些 WordPress 设计和主题在页面顶部没有购物车图标。这通常表明这个主题不是直接为 WooCommerce 设计的。然而，由于大多数主题仍然与 WooCommerce 兼容，您只需从该插件中添加一些元素，如购物车图标。

WooCommerce Menu Cart - Best WooCommerce Plugins

WooCommerce Menu Cart WordPress plugin

定价

该插件有一个免费版本。高级版起价 27.00 欧元，提供额外的购物车图标、购物车弹出按钮等等。

使 WooCommerce 菜单车成为最佳选择的功能

该插件将“非 WooCommerce”主题转化为功能齐全的在线商店，因为购物车图标对于推动销售和提醒人们购物车非常重要。
只需要几分钟就可以安装插件并在菜单中看到购物车图标。
您可以选择添加购物车图标或只添加商品和价格。
可以设置将购物车图标浮动到导航菜单的不同区域。
自定义 CSS 可以进行更高级的编辑。
专业版增加了一个令人印象深刻的列表，包括更多的购物车图标、弹出按钮、自动更新等等。

谁应该考虑这个 WooCommerce 插件？

如果你当前的 WordPress 主题没有购物车图标，考虑 WooCommerce 菜单购物车插件。这通常发生在你没有计划通过你的网站销售商品的时候，所以你选择了一个没有重要电子商务元素的主题。因此，这个插件解决了这个问题。例如，你可能开始意识到通过你的博客销售商品是个好主意。

11.YITH WooCommerce 比较

众所周知，YITH 的开发者通过使用插件和扩展为 WooCommerce 增加了几个功能。如果你卖的产品的特点可以直接对比，YITH WooCommerce Compare 插件是最重要的插件之一。

本质上，你需要安装插件，设置你想要比较的每个商品的属性，并添加比较按钮供你的客户点击。为您的客户显示一个弹出窗口，将比较的产品放在一起。

YITH WooCommerce Compare

YITH WooCommerce Compare WordPress plugin

定价

YITH WooCommerce 比较插件可以免费使用。然而，你可以升级到 YITH Premium Club 来获得所有 YITH 插件和高级支持。高级订阅的起价为 63.99 美元。

使 YITH WooCommerce Compare 成为绝佳选择的特性

它允许你添加一个快捷的功能，让你的购物者有更好的用户体验。
没有必要搞乱编码，因为插件在几秒钟内就安装好了，你可以把比较按钮放在任何地方。
有一些翻译。
您可以选择在表格中比较哪些特性。
比较模块是一个弹出窗口，所以它不会将客户从当前页面带走。相反，他们看到一个干净的桌子，然后他们可以回去购物。
客户可以直接从比较页面向购物车中添加商品。
有几个字段可用于在比较表中显示。其中包括可用性、图像和标题。它还允许您删除这些内容。
提供了一些简单的设置来调整按钮文本、表格标题和产品图像大小等项目。

谁应该考虑这个 WooCommerce 插件？

如果你的产品有相似的特点，值得并排比较，在你的网上商店添加一个比较是很重要的。比较图形 t 恤不会提供太多信息，但具有标准化规格的产品，如珠宝、电子产品和电器很有意义。

所以，如果你的主题缺少一个比较工具，而你卖的是正确的产品，这是一个可能适合你的插件。

12.woo lentor——元素和古腾堡的 WooComerce 建造者

WooLentor 是 Elementor 和 Gutenberg 的专业易用的 WooCommerce 页面生成器，它将帮助你快速创建漂亮的 WooCommerce 页面，而无需学习编码。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

这个多用途的插件包含了很多特性和选项，可以让你毫不费力地创建一个实用的 WooCommerce 商店。使用 WooLentor，您可以访问许多基本功能，如 WooCommerce 的愿望列表、产品比较、快速查看、Shopify 风格结账、销售通知、WooCommerce 的延期交货、产品 Ajax 添加到购物车、重命名标签等。

WooLentor WooCommerce 页面生成器完全兼容 Elementor 和 Gutenberg，因此您可以立即开始创建独特的 WooCommerce 页面。

WooLentor plugin

WooLentor

定价

该插件的免费版本为您提供了开始使用 WooCommerce 商店的所有要素。根据你的预算和需求，插件提供了各种额外的选项。

如果您想要更多有用的功能，如产品过滤、订单提升、WooCommerce 电子邮件自动化、WooCommerce 电子邮件定制、结帐字段管理器、WooCommerce 预购、产品尺寸图、部分付款、多步结帐、GTM 转换跟踪等，请升级到单个网站每年 39 美元起的高级包。

使 WooCommerce 的 WooLentor 页面生成器插件成为最佳选择的特性

104 个以上的元素或部件，54 个以上的古腾堡模块，23 个以上的模块
与 element or 和 gutenberg 完全兼容
拖放界面可以轻松创建页面，而无需学习编码语言。
定制任何 WooCommerce 页面，如商店页面、产品页面、购物车页面、我的帐户页面、结账页面等。
广泛的定制选项，帮助您创建完美的 WooCommerce 页面。
完全响应的设计确保您的页面在所有设备上都很棒
易于使用，具有用户友好的界面
附带了几个模块，让您能够添加额外的功能，而不必安装更多的插件。

谁应该考虑这个 WooCommerce 插件？

对于那些想创建一个漂亮的 WooCommerce 商店而不必学习编码的人来说，WooLentor 是一个完美的 WooCommerce 插件。对于那些已经熟悉编码的人来说，它也是理想的选择，因为它提供了广泛的功能和选项，使你能够毫不费力地创建令人惊叹的 WooCommerce 页面。如果你正在寻找一个功能齐全的 WooCommerce 插件，那么 WooLentor 是你的最佳选择。

13.WooCommerce 的订单交付日期

WooCommerce 的订单交付日期顾名思义。它让顾客在购买后参与进来，允许他们在结账过程中选择送货日期。这与传统方法不同，传统方法是你的收银台显示几个送货选项以及它们需要多长时间到达。

该插件已被证明减少了购物车废弃，因为客户现在可以选择一个准确的日期，而不是看似随意的运输方法，这些方法并不总是那么准确。相反，客户选择一个确切的日期，并可以期待。

Order Delivery Date for WooCommerce

Order Delivery Date for WooCommerce WordPress plugin

定价

核心插件是免费的。专业版售价 99 美元，有一大堆附加功能，比如次日送达、发货时间选择和时间段锁定。

使 WooCommerce 的订单交付日期成为最佳选择的功能

该插件提供了更多透明度的机会，因为客户可以选择确切的日期。这是相对于传统的选择选项的方法，如美国邮政和 UPS。
您可以选择禁用某些日期和时间。
该插件提供了一些设置来配置运送产品所需的最少天数。例如，你可能想在一两天内完全封锁日期。
您可以限制每天的递送次数。
专业版在功能集上扩展了很多，有与谷歌日历同步、阻止时间段和设置周末交付时间的选项。

谁应该考虑这个 WooCommerce 插件？

WooCommerce 插件的订单交付日期可能适用于所有电子商务商店。这在某种程度上是网上商店的“额外奖励”,但它已被证明可以减少购物车的废弃。它可以帮助你在竞争中脱颖而出。

14.YITH WooCommerce 快速查看

如前所述，YITH 有许多 WooCommerce 插件来扩展基本插件如何为您的商店工作。YITH WooCommerce 快速查看功能增加了一个快速查看弹出窗口，这样你的客户就不必一路走到产品页面。

他们现在可以直接从弹出窗口向购物车中添加商品，然后按“X”退出模块继续购物。快速查看功能的目的是减少客户将商品放入购物车所需的步骤。

YITH WooCommerce Quick View

YITH WooCommerce Quick View WordPress plugin

定价

标准插件是免费的，但是你可以以每年 59.99 美元的价格购买 YITH 会员资格(所有插件)。

使 YITH WooCommerce Quick View 成为最佳选择的功能

YITH WooCommerce 快速查看插件是一种简单的方法，可以加快您的客户的购买过程。
只需几分钟就可以安装插件并查看所有产品的快速查看模块。
将按钮添加到产品循环和收藏库中，以打开包含快速产品信息的窗口。
quick view lightbox 由 AJAX 驱动，因此它可以快速加载，并且不会中断网站上的任何内容。
您可以定制模块的样式，以符合您自己的品牌。

谁应该考虑这个 WooCommerce 插件？

YITH WooCommerce 快速查看插件推荐给那些想让顾客结账过程更快的人。但是，请记住，有时快速查看工具会使顾客的购物体验更加混乱和困难。在网站范围内实施之前，先测试它，并尝试几天从您的客户那里获得反馈。

15.livechat——woo commerce 的高级实时聊天软件

所有在线商店都应该有一个实时聊天工具，为已经浏览网站的人提供客户支持。live chat——woo commerce 的高级实时聊天软件插件是添加实时聊天区并从网站后端管理它的最佳解决方案之一。

你的 WooCommerce 界面结合了相当多的功能，为你的用户提供无缝的客户支持体验。这是一个成熟的聊天套件，而不仅仅是一个快速的开源补丁。它有全面的工具，如访问者跟踪，聊天触发器和反馈。

Livechat – Premium Live Chat Software for WooCommerce

Livechat – Premium Live Chat Software for WooCommerce WordPress plugin

定价

有免费试用，但之后就没有免费计划了。这些计划如下:

入门——每个代理每月 16 美元。
团队——每位代理 33 美元。
商务——每个代理 50 美元。
企业定制定价。

由于增加了更多功能，价格会按计划上涨。我们建议您访问网站，了解您的业务可能需要或不需要什么。

请记住，现在有一些免费的在线聊天插件，但是严肃的在线商店最终需要像 live chat 这样更强大的东西。

使 LiveChat——woo commerce 的高级实时聊天软件成为最佳选择的功能

它在你的网站上提供了一个漂亮的，高度可定制的实时聊天框。
访问者跟踪对于了解你的客户在你的网站上做什么以及他们何时需要帮助是必不可少的。
在您的客户与您的代表进行实时聊天后，收集他们的反馈
实时聊天触发器自动完成联系客户的过程，而不是等着他们问问题。
所有离线通信都存储为支持票证，因此您可以稍后再使用它们来帮助您的客户。
实时聊天记录会被记录在系统中，以供分析，并查看哪个代表最有帮助。
该插件具有多渠道通信功能，因此您可以通过脸书、您的网站等地方联系客户。
我们提供了固定的回答，这样当其他客户已经问过这个问题时，您就不必再键入回答了。

谁应该考虑这个 WooCommerce 插件？

所有的电子商务商店都需要一个实时聊天模块。你可以尝试一个免费的解决方案，看看它是否适合你，但这是一个典型的领域，我们建议为更多的功能支付一点钱。总的来说，这是您最好的客户支持渠道之一。

16.WooCommerce 直接结账

WooCommerce 的直接结账有一个独特且潜在有利可图的目的。它完全覆盖了你的 WooCommerce 网站上的购物车页面，加快了结账速度，让你的顾客更容易到达付款区。

Direct Checkout for WooCommerce

试图找出使结账更简单的方法总是很困难。一些商店不喜欢取消购物车的想法，但对一些人来说这绝对是有意义的。毕竟，如果客户想要编辑某些内容，他们仍然可以返回。

你的电子商务网站需要一个超快的、可靠的、完全安全的主机吗？Kinsta 提供所有这些服务，并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

定价

免费，15 美元就可以升级一些其他功能。

使 WooCommerce 直接结账成为最佳选择的功能

它是免费的。
该插件允许您将单个、成组和可变的产品添加到购物车中，而不必每次添加东西时都重新加载站点。
用户立即被重定向到结帐页面购买商品，而不是将商品发送到购物车。
您还可以删除一些结帐字段，以加快这个过程。
它让你选择一个单页的结帐过程。
“快速购买”按钮可以放在每件商品的下方，让用户带着商品直接去结账。
您可以自定义结帐按钮和文本项目。

谁应该考虑这个 WooCommerce 插件？

这是一个棘手的问题，因为有些顾客可能不喜欢被直接送到收银台。然而，其他人肯定会享受这种便利。同样，最好事先询问你的客户，并在你推出插件时获得反馈。

17.WooCommerce 条纹支付网关

WooCommerce 条纹支付网关是 WooCommerce 比较流行的插件之一。这是因为它是几乎所有主要电子商务平台常用的支付网关。

WooCommerce 本身没有 Stripe 和许多其他支付网关来接受交易。但是，您可以安装这个插件来连接到您的 Stripe 帐户。

WooCommerce Stripe Payment Gateway - Best WooCommerce Plugins

WooCommerce Stripe Payment Gateway WordPress plugin

定价

免费。

使 WooCommerce Stripe 支付网关成为最佳选择的功能

Stripe 是全球顶级支付网关之一。这意味着它是有信誉的，安全的，人们信任它。
安装后，您的网站可以突然接受所有主要的借记卡和信用卡。
通过 Stripe 可以进行本地支付。
Stripe Elements 是一个附带的功能，可以大大加快结账过程，帮助人们输入个人信息。
客户身份认证被认为是业内最好的认证之一。
它让你的网站为谷歌支付和苹果支付等替代支付方式进行了优化。
Stripe 支持定期支付。
你将从 Stripe 获得更好的客户支持，而不是从 PayPal 获得。此外，PayPal 的购买按钮也不太专业。

谁应该考虑这个 WooCommerce 插件？

每个网店都应该考虑 Stripe 增加更多支付方式增加你的转化率。

18.网上商务的预约和预约

WooCommerce 第一次预订和预约是将 WooCommerce 网站转变为预订平台的首选之一。无论是预约美发护理、汽车保养还是洗牙，WooCommerce 的预约系统都能满足所有专业人士的需求。

一旦激活，扩展就会打开一个预约日历，让客户在站点前端预订您的服务。你可以定义选项，设置你有空的日子和时间。如果你的组织里有很多人，你也可以把它分成不同的日历——比如有几个教练的健身房。

YITH Booking and Appointment for WooCommerce

YITH Booking and Appointment for WooCommerce WordPress plugin

定价

有三种方案可供选择:

单一站点——169.99 美元
六个站点——289.99 美元
30 个站点——449.99 美元

使在线预订和预约成为最佳选择的功能

它是由 YITH 制作的，所以你知道它是有信誉的，而且它的构造与你的网站很好地配合。你还可以获得高质量的插件客户服务。
该插件为客户激活一个干净的日历来预订。
您可以定义选项，如游览或约会的时间段。
预订模块在所有设备上看起来都很棒。
多人活动，一对一预约都可以。
为人们创建自定义搜索模块，以找到不同的活动或产品。
您可以设置独特的选项，如根据预约者或时间自动拒绝预约。
为某些团体或日子设定特别价格。
您可以设置为显示客户的时区。
双重预订是不可能的。
为您的在线预订收取费用，并在需要这些费用时激活。
将您的网站日历同步到 Google 日历。
提醒会发送给你和客户，减少失约的次数。

谁应该考虑这个 WooCommerce 插件？

如果你需要一种更好的方式来预订客户和组织所有的约会，可以考虑 YITH 预订和约会插件。

这些行业和职业包括健身房、餐馆、律师、医生等等。

19.WooCommerce 会员

WooCommerce 会员插件在 CodeCanyon 上出售，由一个名为 RightPress 的组织开发。如果你打算把你的 WooCommerce 网站变成一个收取会员费的网站，这个插件是一个很好的选择。

你可以出售或分配会员资格，收取费用，甚至成为无需支付任何费用的会员。WooCommerce 会员插件有很多可能性，从购买俱乐部到你博客上的独家内容。

WooCommerce Membership

WooCommerce Membership WordPress plugin

定价

该插件售价 39 美元，还提供了扩展客户支持的附加选项。

使 WooCommerce 会员成为最佳选择的特性

它把一个看似正常的网上商店变成了一个可以收取会员费并向所有客户分配会员头衔的商店。
这个插件起到了内容屏蔽器的作用，你可以与付费会员分享某些内容。
它具有向公司或更大的人群出售会员资格的功能。
您可以发送自动电子邮件通知成员不同的行动。
将您目前在网站上销售的任何产品转换为会员商品。
授予您想要的任何人访问权限，并删除其他人的访问权限。
激活内容点播源，以确保成员定期收到信息。
创建无限数量的多种费用级别的会员资格。

谁应该考虑这个 WooCommerce 插件？

会员网站有几种类型。如果你想创造源源不断的收入，会员资格可能适合你。

我们推荐会员网站，包括播客、每月俱乐部、独家博客、T2 在线课程以及更多的产品。请务必阅读我们关于通过 WooCommerce 销售套餐的指南。

20.WooCommerce 社交登录

为你的在线商店注册另一个帐户通常不是顾客想要做的。脸书和其他社交网络使得互联网用户可以很容易地利用其他网站的社交登录信息。

因此，这个 WooCommerce 社交登录插件可以减少客户在你的网站上创建自己的账户所需的时间。此外，它还为您分析站点访问者提供了有价值的信息。

WooCommerce Social Login - Best WooCommerce Plugins

WooCommerce Social Login WordPress plugin

定价

39 美元的 CodeCanyon，并提供升级客户支持的选项。

是什么让它成为最好的 WooCommerce 插件之一？

该插件允许使用来自脸书、推特和 Instagram 等地的数据进行社交登录。
您可以将该插件与 BuddyPress 和 bbPress 等其他插件集成在一起。
使用您想要的社交按钮创建您自己的品牌登录表单。
在您的结帐模块中包含这些社交登录按钮。
支持数十种网络，包括苹果、亚马逊和贝宝。
你可以看到统计数据，显示有多少人使用哪个网络登录你的网站。
该插件提供了一个拖放生成器来制作你的表单。

谁应该考虑这个 WooCommerce 插件？

如果你对增加在你的网站上创建账户的人数感兴趣，这个插件应该被考虑。任何类型的在线商店都可以从快速社交登录区中获益。

21.面向 WooCommerce 的增强型电子商务谷歌分析插件

用于 WooCommerce 的增强电子商务 Google 分析插件插件是所有电子商务网站都应该连接到其商店的必备插件之一。你可能知道，谷歌分析是预测、检查网站统计以及了解哪些产品做得最好的首选。因此，不管你卖的是什么，将你的在线商店与谷歌分析整合是有意义的。

谷歌分析和这个插件是完全免费的。它有助于发现哪些销售渠道表现最佳。你也可以找出你的网站的哪些领域最赚钱，哪些领域让你赔钱。总的来说，WooCommerce 的谷歌分析插件是根据数据而不是直觉做出决策的一个不可或缺的部分。

Enhanced Ecommerce Google Analytics Plugin for WooCommerce

Enhanced Ecommerce Google Analytics Plugin for WooCommerce WordPress plugin

定价

免费。

增强的电子商务功能使 WooCommerce 的谷歌分析插件成为一个很好的选择

谷歌分析很容易理解，你需要的大部分功能都是免费的。
该插件将谷歌分析的强大功能带入你的 WooCommerce 仪表盘。因此，您不必一直登录不同的平台。
它可以让你看到哪些领域在漏钱，哪些领域在为你赚钱。
您可以比较您的网页的流量，并找出哪些产品表现最好。
看看你的客户实际上在找什么，他们什么时候决定购买或离开你的网站。
该插件可以让你跟踪用户会话，这样你就可以了解更多关于个人客户的信息。

谁应该考虑这个 WooCommerce 插件？

毫无疑问，每个在线商店都应该有一个谷歌分析的集成。这是对你的店铺做出明智决定的最佳方式之一。

22.WooCommerce 的产品插件

WooCommerce 插件的产品插件是一个通过在产品页面中加入额外功能来提供更独特礼物体验的工具。一些例子包括产品的不同颜色等基本元素，而其他元素包括礼品包装或包装中的额外物品。

您有机会定制您的销售中包含的所有附加内容，并且您可以设置是否希望使用复选框或其他格式样式来展示您的附加内容。您甚至可以选择完全定制您的产品包，允许客户自行定价。

Product Addons for WooCommerce - Best WooCommerce Plugins

Product Addons for WooCommerce WordPress plugin

定价

有一个免费的核心插件。还有两种保费计划可供选择:

单个站点——29 美元。
五个站点——59 美元。

选择终身更新可以节省一点钱。上述计划提供一年的更新。

使 WooCommerce 产品插件成为最佳选择的特性

该插件让您的客户在您的网站上定制他们的产品，而不是必须在文本框中输入详细信息或稍后通过电子邮件发送给您。
您有几个选项供人们选择附加组件，包括文本区域、下拉列表、复选框等等。
基于图像的选择可用。例如，你可以显示不同颜色衬衫的图像。
选择使用固定费用、基于数量或基于百分比来为您的附加组件定价。
客户可以设定自定义价格，例如，如果您想要请求捐赠或让您的客户设定促销价格。
提供了一些优秀的高级功能，如颜色组、图像选择和上传字段。

谁应该考虑这个 WooCommerce 插件？

如果你的主题目前没有提供很多产品定制工具，产品插件扩展看起来是一个很好的选择。我们也喜欢那些销售数字产品或服务的人，他们可能会要求捐款，或者让人们决定他们愿意支付多少钱。我们过去也看到过这种促销活动。

23.WooCommerce ShipStation 网关

WooCommerce ShipStation Gateway 将你的 ship station 账户整合到 woo commerce 中，实现无缝运输过程。简而言之，ShipStation 接管您的运输基础设施，帮助处理订单进口、包装上的定制品牌，并实际发送物品。

ShipStation 的好处在于，无论你在什么平台上销售，你都可以享受运费折扣和优惠。因此，这是一个很好的平台，可以节省您的运输费用，并实现一些流程的自动化。

WooCommerce ShipStation Gateway - Best WooCommerce Plugins

WooCommerce ShipStation Gateway WordPress plugin

定价

免费。ShipStation 确实有自己的费用，但是 WooCommerce 插件是免费供你安装使用的。

使 WooCommerce ShipStation Gateway 成为最佳选择的功能

这个插件在你的 ShipStation 账户之外是免费的。
它将最有效的运输服务之一整合到您的在线商店中。
你可以节省从 WooCommerce、易贝和亚马逊等地方导入订单的时间。
无论是 UPS、USPS 还是其他，您都可以在各种运输方式上省钱。
该插件提供各种类型的定制，从定制运输通知到装箱单。
ShipStation 还有几个链接回你的网站和社交媒体账户的功能。

谁应该考虑这个 WooCommerce 插件？

使用 ShipStation 完全取决于你的企业规模以及它是否物有所值。总的来说，ShipStation 可以帮助任何规模的企业节省资金和时间。但是，我们建议您查看定价计划，看看它对您是否有意义。

例如，ShipStation 的初始计划是每月 9 美元，每月 50 次发货。凭借快速、实惠的运输和品牌包装材料，这对小商店来说似乎是一笔大买卖。

24.WooCommerce 集成中心

WooCommerce 的 HubSpot 插件是一个强大的免费工具，可用于客户关系管理(CRM) 、电子邮件营销、列表分割、废弃购物车跟踪报告等等。

HubSpot for WooCommerce WordPress plugin

这个插件可以让你将你的 WooCommerce 商店与 HubSpot 整合，释放两个平台的能量。通过整合，你可以将访问者转化为潜在客户，通过电子邮件营销培育他们，最重要的是，跟踪他们的活动。

定价

免费。

使 HubSpot 的 WooCommerce 插件成为最佳选择的特性

将你的 WooCommerce 数据同步到 HubSpot。
在 HubSpot 的 CRM 中管理您的潜在客户、订户、客户和订单(对多达 100 万个联系人免费)。
跟踪和回收客户废弃的购物车。
使用拖放电子邮件功能或从免费提供的现成模板中选择一个，创建响应迅速且美观的培育电子邮件。
创建富有洞察力的报告来跟踪您的营销和销售业绩。

谁应该考虑这个 WooCommerce 插件？

这个插件非常适合希望在电子商务营销和集客方法之间架起桥梁的 WooCommerce 店主。您可以使用插件附带的免费 CRM 来跟踪潜在客户和客户。

店主可以设置废弃购物车自动化来跟进并推动更多收入，而不是让顾客丢弃购物车中的商品。与此同时，WooCommerce 商店的店主将会喜欢发送营销电子邮件来吸引客户、访问强大的分析来查看商店的表现以及在一个易于使用的平台上管理一切的能力。

哪个最好的 WooCommerce 插件适合你？

这个问题的答案是你应该看一看他们所有人。偶尔浏览一下插件库和我们的精选插件列表,看看是否有方法可以加速或自动化你的过程。

所有这些 WooCommerce 插件在功能上完全不同。因此，最好先决定你想改善你的商店，找出问题和/或需求，然后选择正确的选项。

你比较喜欢的 WooCommperce 插件有哪些？请在评论中告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WooCommerce 产品过滤插件:哪个最好？

原文：https://kinsta.com/blog/woocommerce-product-filter/

随着你的 WooCommerce 商店的增长，它的产品目录也会增长。商店出售数百种不同的商品并不罕见。由于种类繁多，顾客很难找到他们想要的确切商品。

这就是 WooCommerce 产品过滤器的用武之地。通过添加这种过滤功能，您可以让客户根据他们的喜好浏览您的产品。

本文将介绍 WooCommerce 产品过滤器的工作原理，以及为什么您应该使用它们。然后，我们将回顾一些添加产品过滤的最佳插件。我们开始吧！

查看我们的视频指南最佳 WooCommerce 产品过滤插件

WooCommerce 产品过滤器是做什么的？

每个在线商店都应该包括搜索功能。没有它，你就迫使用户一页一页地浏览产品来找到他们想要的。

根据您销售的产品类型，您可能还希望让客户能够按属性筛选产品。当我们说“属性”时，我们指的是颜色或大小等特征:

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

The Zara online shop attributes

Product attributes in WooCommerce.

WooCommerce 让你可以添加现成的产品属性。您可以根据需要创建任意多个，并将其划分为独特的特性。例如，如果您将颜色属性添加到您的商店，您可以指定不同的颜色:

Adding product attributes in WooCommerce

Adding product attributes in WooCommerce.

但是，您可能希望使用产品过滤器插件来代替。这可以提供更多的定制选项和高级过滤功能。

无论您使用什么工具，您都必须添加任何可用的产品属性。属性是任何合适的产品过滤工具的关键。如果没有全面的产品分类，客户将无法使用您提供给他们的任何过滤工具。

As your WooCommerce store grows, so will its product catalog. 📝 Take a closer look at product filters and why you should use them right here ⬇️Click to Tweet

为什么使用 WooCommerce 产品过滤器？

成功商店的关键要素之一是用户体验(UX)。通过提供愉快的购物体验，你可以帮助提高你的转化率并留住你的顾客。

增强你的商店的一个有效方法是添加产品过滤器。这将使购物者能够根据自己的喜好浏览你的目录。

例如，一些用户可能更喜欢查看特定尺寸或颜色的产品，而不是查看整个目录。使用产品过滤器，他们可以选择自己喜欢的尺寸和颜色，并且只浏览符合标准的项目。

因此，产品过滤器使用户更容易浏览您的商店并找到他们想要的东西。这种效率可以增加销售额,并鼓励购物者再次光顾你的商店以获得更多订单。
T3】

8 款最佳 WooCommerce 产品过滤插件

有很多 WooCommerce 产品滤镜插件可供选择。本节将向您展示高级和免费选项，并讨论是什么使每个插件与众不同。我们开始吧！

1.高级 AJAX 产品过滤器

Advanced AJAX Product Filters plugin

Advanced AJAX Product Filters.

高级 AJAX 产品过滤器是一个插件，使客户能够根据属性、价格、自定义分类和标签过滤产品。该插件增加了一个用户友好的过滤侧边栏，你可以自定义以匹配你的商店的风格。

有了这个插件，你可以为用户提供视觉提示来理解特定类型的产品属性。例如，您可以添加可点按的颜色样本、复选框、图标，甚至价格滑块:

Advanced AJAX Product Filters in action

Different Advanced AJAX product filters in action.

此外，该插件带有多个产品过滤部件，你可以把它们放在你网站的任何地方。您可以混合搭配小部件，并根据您想要优先考虑的过滤器类型来更改它们的顺序。

最后，高级 AJAX 产品过滤器兼容多个页面生成器。这包括 Divi 和【Elementor。

主要特性:

按属性、标签、价格和自定义分类法过滤产品
使用过滤小部件来选择向客户显示哪些选项
在产品过滤器中包含可视元素、复选框、图标和价格滑块
将产品过滤器小部件与流行的页面生成器插件一起使用

价格:基本的高级 AJAX 产品过滤器插件是免费的，包括所有讨论过的特性。还有一个高级版本，增加了新的过滤选项。许可证起价为每年 44 美元。

2.WOOF-woo commerce 的产品过滤器

WOOF - Products Filter for WooCommerce plugin

WOOF – Products Filter for WooCommerce.

WOOF——woo commerce 的产品过滤器(简称 WOOF)是一个开发者友好的产品过滤插件。使用这个工具，您可以为客户提供过滤器，使他们能够按照价格、类别、属性、标签和自定义分类法对产品进行排序。

该插件使您能够使用短代码或小部件来放置您想要的过滤器。您还可以在复选框、单选按钮和下拉菜单中选择过滤器:

WOOF - Products Filter for WooCommerce in action

Different WOOF product filters in action.

免费版缺少的一个功能是为过滤菜单添加图像和其他视觉元素的选项。然而，由于 WOOF 的 API，开发者可以很容易地添加新的过滤器。另外，它提供了一些其他产品过滤插件没有的功能。例如，您可以在用户添加过滤器时动态显示结果的数量。

主要特性:

按价格、类别、标签、价格和自定义分类法过滤产品
使用短代码或小部件放置产品过滤器
使用复选框、单选按钮和下拉菜单来过滤产品
动态显示筛选搜索将返回的项目数

**价格:**WOOF-woo commerce 的产品过滤器是免费的。还有一个高级插件版本，包括额外的过滤器和功能。定价从 39 美元起。

3.YITH WooCommerce AJAX 产品过滤器

YITH WooCommerce AJAX Product Filter plugin

YITH WooCommerce AJAX Product Filter.

YITH 是最大的 WooCommerce 插件销售商之一。它提供了几十种独特的 WooCommerce 工具，包括 YITH WooCommerce AJAX 产品过滤器。这个插件可以让你添加一个高度可定制的产品过滤器工具条(或水平栏)到你的商店。

这个侧边栏可以包括根据属性、类别、标签、价格和评级过滤产品的选项。您还可以让客户对打折商品进行排序，这将有助于您销售更多打折商品:

YITH WooCommerce AJAX Product Filter in action

YITH product filters in action.

因为我们正在讨论一个 AJAX 插件，产品选择将会更新，而不需要客户提交搜索请求或重新加载页面。这使得用户可以更快地运行更多的搜索。

此插件提供了广泛的样式选项，以匹配过滤器到您的商店的设计。您还可以创建多个产品过滤器预设，并使用短码在整个商店中进行特定于地点的配置。

主要特性:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

按类别、标签、价格、评级、属性和折扣状态过滤产品
将产品过滤器侧栏或水平栏放在商店上
自定义产品过滤器的样式
使客户无需更新页面即可查看过滤结果
使用唯一的短代码创建多个产品过滤器预设

**价格:**YITH woo commerce AJAX 产品过滤器插件有免费版，功能有限。我们推荐使用高级版本，每年 89.99 美元起。

4.WooCommerce 产品过滤器

WooCommerce Product Filters plugin

WooCommerce Product Filters

Barn2 的 WooCommerce 产品过滤器插件旨在为 WooCommerce 添加专业级过滤。它的拖放式过滤器构建器使在线店主可以轻松地为他们的产品创建定制过滤器。为了设计这个插件，Barn2 的团队分析了世界顶级电子商务网站的产品过滤器，并首次将这些技术引入 WooCommerce。

WooCommerce Product Filters demo

AJAX filtering or button click filtering

因此，它为提高任何 WooCommerce 支持的商店的产品过滤能力提供了一个强大而灵活的工具。这有助于客户更容易地找到他们正在寻找的产品，从而提高销售额和客户满意度。

主要特征

按任何类型的产品数据过滤产品，包括价格、等级、属性、颜色、大小、类别、标签和自定义分类。
从各种过滤器样式中进行选择，如下拉列表、复选框、单选按钮、可点按图像、色板、文字云以及范围滑块。
2 种过滤模式:AJAX 过滤或按钮点击。
自动或通过短代码或小部件，轻松地向任何列出产品的页面添加过滤器。
与 Elementor 、 Divi 、 Gutenberg 等 WooCommerce 插件集成，如 WooCommerce 产品表、WooCommerce 餐厅点餐等。
来自 Barn2 团队的定期更新和支持。

价格: WooCommerce 产品过滤器许可证起价 79 美元，这取决于网站的数量以及你是想要年度许可证还是终身许可证。他们有 30 天的退款保证。

5.WooCommerce 的产品过滤器

Product Filter for WooCommerce plugin

Product Filter for WooCommerce.

【WooCommerce 的产品过滤器是一个高级插件，它使用 AJAX 过滤让客户能够对你的目录进行分类。该插件为您提供了按价格、类别、可用性、折扣、评级和自定义分类法过滤产品的选项。

使用 WooCommerce 的产品过滤器，您可以使用一个全面的构建器来创建多个过滤器预设。您可以在网站上的任何地方使用这些过滤器，并将每个过滤器配置为具有独特的风格:

The Product Filter for WooCommerce plugin in action

Product Filter for WooCommerce in action.

该插件支持多种类型的过滤元素，包括图标、颜色、图像、复选框、下拉菜单和滑块。顾客可以利用这些元素缩小搜索范围，找到他们想要的东西。

主要特性:

按价格、类别、可用性、折扣、评级和自定义分类法过滤产品
使用户无需重新加载页面即可查看搜索结果
使用生成器创建产品过滤器预设

价格:【WooCommerce 许可证的产品过滤器从开始，六个月19 美元。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

6.JetSmartFilters

JetSmartFilters plugin

JetSmartFilters.

JetSmartFilters 是一个高级插件，设计用于与元素器和块编辑器一起工作。如果您使用的页面生成器不是 Elementor，则可以跳过此条目。

该插件通过向 Elementor 或块编辑器添加新的模块和块来工作。这些元素包括多种类型的过滤器，包括添加日期、标签、类别、属性等等:

JetSmartFilters in action

JetSmartFilters in action.

JetSmartFilters 显示搜索结果，无需客户重新加载页面。它还显示符合每个筛选器标准的项目数，因此用户可以看到哪些选项可用。

该插件与另一个名为 JetStyleManager 的 JetSmart 工具集成，使您能够使用块编辑器配置过滤器样式。使用 JetStyleManager，您可以自定义颜色、字体大小等。

主要特性:

向 Elementor 和块编辑器添加新产品过滤器
使用 JetStyleManager 插件定制您的产品过滤器样式
按字母顺序、添加日期、标签、类别、属性等过滤产品
显示结果，无需用户重新加载页面

价格: JetSmart 插件可通过订阅获得。全包年订阅费130 美元每年，它让你可以使用广泛的插件，包括 JetSmartFilters。

7.WooCommerce 产品过滤器

The WooCommerce Product Filter plugin

WooCommerce Product Filter.

WooCommerce 产品过滤器是一个免费的插件，可以和 Elementor 一起使用。这个插件可以让你访问一个拖放式的构建器，你可以使用任何你喜欢的布局来组合任何你想要的过滤器。

该构建器可以轻松配置您添加到商店的过滤器的外观。如果你使用的是这个插件的高级版本，你可以使用一些元素，比如图像、皮肤和可定制的加载动画:

The WooCommerce Product Filter plugin in action

WooCommerce Product Filter in action.

使用 WooCommerce 产品过滤器，客户可以通过类别、标签、属性、价格、添加日期等过滤产品。放置过滤器很简单，因为插件会为您创建的每个过滤器生成一个唯一的短代码。

主要特性:

使用拖放构建器创建过滤器并设置其样式
使客户能够按类别、标签、属性、价格、添加日期等过滤产品
使用短代码放置过滤器

价格:该插件提供了一个免费版本，包括上面讨论的所有功能。该插件的高级版本提供了额外的过滤器和样式选项。许可证从开始，一个站点 49 美元。

8.过滤一切

The Filter Everything plugin

Filter Everything.

过滤一切不只是让你过滤 WooCommerce 产品。该插件还可以让你选择为任何 WordPress 内容添加过滤器，包括帖子、页面和自定义帖子类型。

使用这个插件，您可以通过属性、类别、标签、自定义分类和字段、折扣状态、运输类别等来过滤产品:

The Filter Everything plugin in action

Filter Everything in action.

您可以根据自己的喜好打开或关闭 AJAX 过滤。关闭该功能后，客户必须重新加载页面才能看到他们的搜索结果。

这个插件的一个缺点是它没有包含广泛的样式选项。滤镜风格默认是极简的，和大部分店铺都很好看。然而，如果你想进一步定制过滤器样式，你需要使用 CSS 。

主要特性:

为 WooCommerce 产品和其他类型的 WordPress 内容添加过滤器
按属性、类别、标签、自定义分类和字段、折扣状态、运输等级等过滤产品
启用 AJAX 过滤

**价格:**这个插件的免费版本包含了我们刚刚提到的所有特性。如果你选择高级许可，你可以兼容大多数 WordPress 页面生成器和增强的搜索引擎优化选项。高级许可证从开始，六个月 40 美元。

Find the best plugins for adding product filtering to your WooCommerce store in this helpful guide ✅Click to Tweet

摘要

产品过滤不是大型在线商店的选项，而是必须的。如果你不给顾客提供工具来帮助他们浏览大量的产品目录，他们可能永远也找不到他们想要的东西。更糟糕的是，他们可能会从你的竞争对手那里购买这些产品。

WooCommerce 为你的产品提供了一个强大的分类系统。但是，你需要使用插件为你的商店添加高级过滤功能。每个插件都提供不同的过滤实现，所以我们建议您查看我们的最佳选择，并测试那些提供您需要的功能的插件。

您对使用 WooCommerce 产品过滤插件有什么疑问吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何建立一个 WooCommerce 分期网站

原文：https://kinsta.com/blog/woocommerce-staging/

与其他类型的网站相比，WooCommerce 网站有着不同且独特的需求。首先，商店在线的时间是需要考虑的最重要的方面之一。对于精明的店主来说，这几乎是一种痴迷。

WooCommerce staging 是一种帮助您保持电子商务商店活力的策略，同时还能增强和更新它。

从一般意义上来说，一个临时站点是一个公众无法访问的实时站点的副本。这是一个过于简单化的想法，但是如果你这样想，你会开始看到它能为你做什么。有了临时站点，您可以进行更新、测试设计选择，并在不影响实时商店的情况下在您的站点上工作。

在这篇文章中，我们将向你展示关于 WooCommerce staging 你需要知道的一切。到最后，你会知道它是否适合你，以及如何把一些东西放在适当的位置。

什么是分期？

Staging 是一种不用向公众展示就可以托管你的站点的方式。这似乎有悖于直觉，除非您明白，在将它们推送到您的实际实例之前，您将对一个临时站点进行更改。在你发布好的修改之前，把它看作是你的站点的一个副本，你将把它作为一个测试平台。

这个概念对整个过程非常重要。在大多数情况下，您不希望对您的实时站点进行更改。这是因为这些调整中的任何一个都可能导致问题，此时你的网站要么不能正常工作，要么完全停止工作，打断你的用户和销售。

一般的过程是克隆你的站点文件和你的数据库。这将转到另一个服务器，您的本地开发环境，或者两者都有，这取决于您的工作流(稍后将详细介绍)。完成工作后，您可以通过这些阶段返回到下一步—从本地设置到您的临时服务器，或者从临时服务器到实时服务器。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

自始至终，您的 live 站点都保持原来的工作状态，不会受到更改的影响。当然，一旦您将这些更改从您的临时环境推送到您的活动服务器，这将更新您的站点。

总的来说，在您进行更改时，暂存是针对站点问题的安全措施。一旦您确定这些更改已经就绪，您就可以将它们发送到您的实时站点。

WooCommerce staging made much easier, thanks to this guide 🛍Click to Tweet

需要 WooCommerce 分期吗？

我们承认这看起来像是一个复杂的工作流程，特别是考虑到大多数网站所有者都不熟悉本地到现场开发的概念。然而，WooCommerce staging 有一个重要的商业意义:正常运行时间。

The Kinsta Uptime webpage, showing a collection of green squares, denoting a full day of uptime.

The Kinsta Uptime page.

公众对电子商务的使用正在增加，在未来它将几乎无处不在。此外，最受欢迎的电子商务市场遍布全球。这意味着你需要准备应对几乎持续不断的交通流量。

换句话说，你会希望维持你的网站的正常运行时间。

WooCommerce staging 可以让你在安全测试变化的同时保持网站的活力。它提供了无数的好处:

你有足够的时间在你需要的网站方面工作，而不用担心停机。
临时站点永远不会影响您的实时服务器，因此您可以避免出错。
您可以测试重新设计和用户界面(UI)更新，而不会影响最终用户。
如果你有一个开发团队，这里有一个自然的分工。他们可以平静地处理您网站的设计和功能，而您可以使用成熟的设计集中精力最大化您的生产力。

WooCommerce staging 有更多的优点，它们都是你自己独特的设置。在任何情况下，如果你把你的站点和开发分成本地的、临时的和实时的站点，你将保持高的正常运行时间和滚滚而来的利润。

何时使用 WooCommerce 分期

我们已经谈到了 WooCommerce staging 的一些用例，但是在一些特定的情况下给你更多的细节是值得的。

从表面上看，对你的网站进行简单的更新和调整似乎不是 WooCommerce 的最佳用途。毕竟，设置它需要一些思考，而且对你的站点进行修改通常更简单。然而，我们认为基本变更是使用分段的最好理由。

这是因为一个 WordPress 核心、主题和插件更新会像白屏死亡(WSoD) 或其他错误一样影响一个网站。这些类型的更新仍然会更改您的文件，如果有不兼容，您将有一个离线的网站。

The MyKinsta dashboard, showing a staging site's Plugins and Themes screen, with updates available.

The MyKinsta Plugins and Themes screen.

在核心更新出错的情况下，损害可能是不可逆转的。这显然比可修复的错误更具灾难性，但即使是后者，您也有一些工作要做。例如:

你需要通过安全文件传输协议(SFTP) 登录到你网站的服务器。
接下来，你会想要找到违规的主题或插件，这通常涉及到禁用一切和进行个别检查。
从那里，你会想整理出主题或插件给你的功能。在前者的情况下，你的网站看起来很可能会崩溃，而后者可能会导致一些基本功能的消失。

虽然这是最容易解决的问题之一，但主题或插件不兼容仍然让人头疼。最重要的是，它引入了停机时间，这将对你的收入和流量数字产生连锁反应。

您也可以将它扩展到插件和主题安装。当然，安装和更新是不同的动作，但是它们都与更改和添加文件有关。因此，不难理解在 WooCommerce 平台上安装一个新的插件或主题会让你在上线之前测试新的插件是否有错误和不兼容的地方。

事实上，当涉及到主题安装时，只有当你想重新设计你的网站时，你才会这么做。这是阶段化的一个核心用例，我们认为重新设计是您可能考虑使用该技术的唯一情况之一。

如你所见，WooCommerce staging 不仅仅是一个设计沙盒环境。

使用分段作为备份

一些用户还会断言，如果您将一个完整的实时站点复制到一个临时环境中，这也构成了您的站点的完整备份。这里的真相更复杂。

一方面，是的，你的整个站点在一个不同的环境中是可用的，以防最坏的情况发生。然而，这个“备份”只是您的站点在一个更早的时间点的快照。

The MyKinsta Environment backups page, showing one created backup, and the sidebar showing other MyKinsta pages.

The Environment backups page within MyKinsta.

在你的网站出现错误之前，让它上线需要惊人的运气。此外，如果您使用 staging，您不会总是使用最新的数据库，因为应用程序并不总是需要更新。事实上，大多数暂存过程都放弃了将数据库从暂存状态推入活动状态，因为数据总是会过时。

对于 WooCommerce 网站来说尤其如此，在那里你可能每分钟经历多次销售。想象一下这样一种情况，你把一个网站拉到 staging，过了一段时间再把它推上 live，结果却抹去了几百个订单。

WooCommerce 分期选项

许多精明的网络企业、主机和开发者都认识到 staging 一般来说对大多数网站所有者来说是重要的。因此，有很多方法来布置你的网站，如果你使用 WordPress，你会很熟悉这些方法:

您的主机可能有办法设置 staging，尽管不是所有的都有。这是一个很好的选择，因为您不需要导航到另一个仪表板和界面。
WordPress 插件是存在的，比如 WP Stagecoach 和WP stage。许多建议建议使用插件，比如复制器，但是这不能复制一个分段解决方案所能复制的功能。
还可以选择设置一个手动中转站点。这将是一项技术工作，你需要很多专业知识来完成它。对大多数人来说，这可能不是最好的选择，但它将是最强大的。

首先检查一下你用当前的工具和软件已经可以实现什么总是一个好主意。因此，您的主机是您应该首先寻找的地方。

为什么要考虑内置暂存的主机

尽管手动方法有很多好处——它功能强大，适应您的需求，并且在您的控制之下，但它可能不是最佳解决方案。我们相信你的主机提供了特性、功能、可用性等的完美结合，来帮助你建立 WooCommerce staging 。

使用你的主机有很多好处:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

您不需要担心将您的暂存解决方案与您的服务器连接起来，因为它已经是生态系统的一部分。
你的主机知道如何设置服务器，所以他们将会是一个好的临时服务器的专家。
此外，您可以使用主机的基础设施更好地复制您的活动服务器。在许多情况下，这些服务器将具有相同的规格、软件和优化。
将没有额外的仪表板或界面来提供内容，这从可用性的角度来看是很重要的。许多主机都提供了一个简单的分段选项，能够选择在服务器之间拉取和推送的内容。

因为我们非常相信分期付款的力量，所以 Kinsta 有自己的解决方案，以最少的麻烦来设置它。在下一节中，我们将看看它提供了什么。

为什么 Kinsta 是 WooCommerce Staging 的完美主持人

在 Kinsta 提供的众多功能中,是健壮的，为每个 WordPress 安装一个 prime 的集成 staging 这包括 WooCommerce 网站。事实上，Kinsta 有 42，070 个正在使用的中转站点！

您可以在这里获得功能全面的解决方案。这包括设置、刷新、删除和管理暂存环境的能力。您和暂存站点之间的点击次数最少，在实时环境和暂存环境之间推送和提取数据和文件只需几秒钟。

此外，如果您将 DevKinsta 作为流程的一部分，您可以创建一个完整的工作流。

The logo for DevKinsta, showing a purple and caucasian hand in front of a computer showing the Kinsta logo.

The DevKinsta logo.

DevKinsta 是一个免费的工具，它可以让你将自己开发的本地站点推到一个临时环境中。这意味着您可以在不浪费任何服务器资源的情况下工作，然后在您的临时服务器上测试这些更改。

在我们的知识库中，我们有大量关于金斯塔的舞台如何运作的信息。然而，在本文的其余部分，我们将向您展示一些基础知识。

Kinsta 还允许你利用他们的高级登台环境插件，这允许你添加多达 5 个高级登台环境到你的 WordPress 站点。高级阶段环境是资源密集型站点测试或开发的理想环境，如 WooCommerce 网站。

如何设置 WooCommerce Staging(使用 Kinsta 和 DevKinsta)

在接下来的几节中，我们将向您展示如何使用 Kinsta 的功能和 DevKinsta 作为本地环境来设置 WooCommerce staging 。

然而，在你启动控制面板之前，计划一下你希望你的流程如何流动是个好主意。

1.规划你的工作流程

这是我们在本文其他地方会触及的主题，但是 WooCommerce staging 不仅仅是在不同的服务器上托管来测试变化。把它看作是网站开发的一个整体方法。因此，在做其他事情之前，您需要决定这个工作流程。

我们的意见是对您的开发工作流程采取三管齐下的方法:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

本地:你将在自己的电脑上的沙盒环境中工作，这提供了大量的时间，也没有压力。然而，您不会经常在本地设置和实时服务器之间获得完全的对等。
Staging: 这将提供一个在线环境，在一个更好地代表您的实时站点的服务器上，测试您从本地设置所做的更改。
Live: 这(当然)是你面向公众的网站，这意味着在你进行设计变更和更新时，保存它是最重要的。

这个工作流程让你按照自己的步调工作，不占用任何主机资源，然后在接近生产级设计时扩展站点。但是，除此之外，您还需要考虑以下几个方面:

**数据库同步:**这是 WooCommerce 筹备过程中最重要的考虑因素之一。您通常会将一个活动的数据库移动到本地和临时环境中，但不会将该数据库完整地推回。这就是好的试运行解决方案和迁移工具之间的区别。
**同步文件:**与您的数据库类似，您需要考虑如何将您正在处理的文件同步回您的实时网站。这可能是你不推一切，只有改变的文件。然而，如果有意义的话，完全同步也没什么不好。

对于一些开发人员来说， Git 是准备过程的重要中间人。事实上， Git 非常适合用“推送部署”的方式托管你的主题和站点文件。这允许您在本地服务器上工作，将文件推送到 Git，并设置一个宏或脚本来将这些文件部署到临时或活动服务器上。

如果您能够永远不接触任何一台服务器，那么在工作流程的每一步中，您遭受“损害”的可能性就会更小。在我们看来，这是分期付款的另一个好处。

2.设置登台环境

我们可以缩短这一部分，因为在 Kinsta 中启用 staging 是如此简单！这里有三个你想要遵循的一般步骤。首先，登录您的 MyKinsta 仪表盘，前往您想要展示的网站:

The Sites screen in MyKinsta, showing basic details and SFTP/SSH information for an individual site.

The MyKinsta dashboard, showing the basic details for a site.

接下来，将环境从现场改为舞台。您可以从屏幕右上角的下拉菜单中完成此操作

A MyKinsta Sites page, showing a partial Basic details panel, and an open dropdown menu showing Live and Staging options.

The Environment actions menu.

一旦你点击按钮来实现 staging，Kinsta 就会施展它的魔法，把事情设置好。你可能要等大约 15 分钟左右才能一切就绪。然而，您还会发现您的安全套接字层(SSL) 设置被转移，这为您节省了一个额外的步骤。

3.对 WooCommerce 暂存进行更改

Kinsta 的 staging 功能非常棒，几乎可以在所有开发环境中使用。然而，如果你选择使用 DevKinsta 应用程序，你可以访问一些额外的(和酷的)功能，使你的 WooCommerce 分期体验更容易。

您将希望从 DevKinsta 的导入过程开始。一旦你点击添加站点按钮——你将从可用选项中选择从 Kinsta 导入，这是一件轻而易举的事情:

The DevKinsta Create new Site screen, showing three options: New WordPress site, Import from Kinsta, and Custom site, in front of a macOS desktop background image.

The Create new Site screen.

从这一点上你知道该怎么做:开发你的网站！

当然，在 DevKinsta 中工作时，无论您选择承担什么任务，我们都没问题，但是当您准备好了，您会希望将这些更改返回到您的登台环境中。

4.将变更从暂存状态推送到实时状态

就像将您的站点导入 DevKinsta 一样，将这些更改推回到您的服务器是轻而易举的事情。如果你点击进入 DevKinsta 中的站点信息面板，你会看到按下准备按钮:

这看起来太简单了，但是这是让你的站点重新回到你的服务器所需要做的。然而，在将这些阶段变更投入使用之前，您还需要检查一些任务。

首先，对你的网站进行一次彻底的测试，因为它已经在服务器上了。这将捕获您的本地环境没有突出显示的任何不兼容性。

当你完成这些，是时候让你的改变生效了。

您将从 MyKinsta 仪表板中完成此操作。在屏幕上显示您的试运行环境后，请看右侧。你会看到一个环境动作下拉菜单。如果您从该菜单中选择按键激活，明显的情况会发生:

The MyKinsta dashboard showing a partial settings panel, and the full Environment action dropdown menu, with the Push to Live option highlighted.

The Push to Live option within the Environment action menu.

借助 Kinsta 出色的暂存功能，您还可以做更多事情，我们的知识库涵盖了您需要了解的一切，包括我们的选择性推送功能。

Want to keep your ecommerce store live, while still enhancing and updating it? 🛍 Enter, WooCommerce staging 😌Click to Tweet

摘要

网站的正常运行时间很重要——可以说对 WooCommerce 网站来说，这比你考虑的任何其他功能都重要。因此，您需要找到尽可能延长正常运行时间的方法，以便最大化您向客户销售的时间。WooCommerce staging 是寻找额外正常运行时间的最佳方式之一，同时还可以扩展、扩充、重新设计和优化您的商店。

在这篇文章的过程中，我们讨论了 WooCommerce staging 以及你为什么想要实现它。虽然有很多方法可以设置这一点，但使用您的主机无疑是最佳选择。Kinsta 既提供标准登台，也提供附加高级登台环境，它们与本地 DevKinsta 环境相结合。这意味着你可以在基于 Kinsta 的应用程序中保持整个网站的生态系统，并从高启动时间中受益。

你认为 WooCommerce 分期对你的生意有好处吗？如果有，你认为它对你有什么帮助？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何销售 WooCommerce 订阅(+ 7 个可靠的备选方案)

原文:# t0]https://kinta . com/blog/woocommerce-subscriptions/

虽然订阅是一种常见的支付模式，但 WooCommerce 不支持开箱即用的重复支付。这就是 WooCommerce 订阅发挥作用的地方。

这使得提供会员资格、付费内容订阅和其他持续服务(如网站维护)变得难以实施。

幸运的是，WooCommerce 确实提供了一个扩展，可以让你轻松地为你的产品或服务创建订阅。如果您正在寻找一个低成本的工具来创建基于订阅的网站，还有几个可供选择的解决方案。

在本帖中，我们将深入在线订阅的世界。我们会告诉你关于 WooCommerce 订阅扩展你需要知道的一切，带你完成设置，并分享一些你可以尝试的其他插件选项。

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**我们开始吧！

WooCommerce 销售套餐简介

网上赚钱有很多方式，包括通过 WooCommerce 销售产品或服务。然而，你网站上的个人销售并不构成稳定的收入流。这就是为什么转向订阅定价模式可能是明智之举。

这里有一个你可能很熟悉的例子。如果你曾经购买过 WordPress 插件，你可能已经注册了月费或年费。您将支付这一经常性费用，以便持续获得插件更新和支持。

订阅的另一个常见例子是订阅盒。诸如 Stitch Fix 、 Birchbox 、 HelloFresh 和 Dollar Shave Club 之类的服务按月或按周向客户发送策划好的套餐，费率统一:

Birchbox subscription site

Example of a subscription-based company

类似地，在线出版物，如《纽约客》( New Yorker )( T1)和《T2 》( Harvard Business Review )( T3)也需要订阅才能无限制地访问它们的内容。随着越来越多的杂志搬到网上，他们找到了一种通过控制一些内容来维持经常性收入的方法。

会员网站是在线零售商产生经常性收入的另一种方式。你可以想到这些像好事多会员但在线。用户可以通过支付月租费来获得对某些产品、特殊促销、折扣或其他独特优惠的独家访问权。

正如你所看到的，有很多方法可以在你的网站上实现订阅式的产品或服务。它们中的每一个都是为你的企业创造更可靠的收入来源的简单而有效的方法。

此外，这种模式可以为您的客户提供便利的好处，以及随着时间的推移分期支付的小额款项。

如何向 WooCommerce 添加订阅

有几个 WooCommerce 扩展可以用来给你的 WooCommerce 网站添加订阅选项。如果你已经在使用这个流行的电子商务插件，你可以放心地投资它的专用工具之一，并知道新功能将很容易与你的现有内容集成。

值得注意的是，虽然基本的 WooCommerce 插件是免费的，但一旦你开始添加扩展，它就会变得昂贵。请记住，我们在本帖中使用和建议的工具需要每年超过 100 美元的年度续订，因此使其符合您的预算是关键。

有两个扩展可供选择: WooCommerce 订阅和 WooCommerce 会员。前者是在线杂志、软件即服务(SaaS)提供商以及任何想要收取重复费用的人的理想选择。后者最适合收取一次性注册费。

下面，我们将更详细地探讨这两个扩展及其特性。

WooCommerce 订阅扩展解释道

如果你已经是一个 WooCommerce 零售商，在你的网站上设置订阅的最简单的方法是使用 WooCommerce 订阅扩展:

The WooCommerce Subscriptions extension

使用官方 WooCommerce 扩展市场的插件是确保你的订阅工具与你现有网站无缝集成的最简单方法。此外，该解决方案包括各种功能，使您能够创建您希望在您的店面中使用的任何类型的订阅服务。

WooCommerce 订阅的主要特点包括:

使您能够为物理和虚拟产品或服务创建订阅。
包括设置注册费用、免费试用期和到期日期的选项。
集成了二十多个支付网关。
提供手动和自动续订选项和通知。
让客户能够根据需要升级或降级他们的计划。
在详细报告中汇总订阅信息和客户数据。

WooCommerce 本身是完全免费的，但 WooCommerce 订阅是一种付费扩展。在一个网站上使用的价格从每年 199 美元起。

虽然这个价格确实很高，但请记住在你的 WooCommerce 网站上加入一个经常性收入流的好处。如果你计划实现这样一个模型，这个插件可能非常值得投资。

如何设置和使用 WooCommerce 订阅扩展

如果你认为 WooCommerce 订阅适合你，只需采取几个步骤就可以开始在你的网上商店使用它。让我们概述一下基本情况。

步骤 1:购买并安装 WooCommerce 订阅

你需要做的第一件事是获得 WooCommerce 订阅扩展。为此，点击绿色的立即购买按钮:

buy woocommerce subscriptions

The WooCommerce Subscriptions purchase options

然后，系统会提示您登录您的WooCommerce.com账户或创建一个新账户:

woocommerce com account

The WooCommerce Login form for the purchase process

完成注册或登录过程，以及您的购买。然后，您将看到一个确认页面，在这里您有两个如何继续的选项。

首先，你可以点击紫色的下载按钮来获得一个*。WooCommerce 订阅扩展的 zip* 文件。然后，在你的 WordPress 仪表盘中，导航到插件>添加新的>上传插件:

upload plugin

The plugin upload page in the WordPress dashboard

在这里你可以上传你的*。zip* 文件。之后，点击立即安装和激活插件按钮，完成添加 WooCommerce 订阅到你的网站。

或者，不下载*。zip* 文件，您可以将您的 WooCommerce.com账户直接连接到您的商店。

首先登录你的 WordPress 仪表盘并导航到 WooCommerce >扩展>WooCommerce.com 订阅:

connect woocommerce account

The WooCommerce Subscriptions Connect button

然后，点击紫色的连接按钮。系统会提示您授权连接:

authorize woocommerce connection

Authorizing the WooCommerce extension connection

选择批准按钮。然后你应该可以在【WooCommerce.com】标签中看到 WooCommerce 的订阅列表。

从那里，你可以点击下载按钮，然后将开关切换到激活，以便在你的网站上安装并激活插件。

如果你的商店还有其他 WooCommerce 扩展，这种方法特别有用。您可以从同一个区域更新、更新和停用所有这些功能。

步骤 2:创建新的订阅产品

您现在可以开始使用 WooCommerce 订阅了。您可以从设置您的第一个订购产品或服务开始。这个过程非常类似于创建一个常规的 WooCommerce 产品。

首先导航到产品>在仪表盘中添加新的。然后，向下滚动到产品数据部分。现在与通常的 WooCommerce 产品编辑器有一些关键的不同。

首先，在常规选项卡中有两种新产品类型:

**简单订阅。**这个工作起来就像一个简单的产品。客户可以以固定的价格注册一个订阅选项。
**可变认购。**或者，这种选择让您可以提供几个订阅选项，类似于的可变产品。这意味着您可以创建定价层级或提供侧重于不同功能的多个计划。

您还需要填写以下字段来设置您的订阅的定价模式:

**价格:**订阅的费用。
**计费间隔:**向客户收费的频率(每一、二、三、四、五或六个周期)。
**计费周期:**向客户收费的频率(每日、每周、每月或每年)。
**时长:**套餐在到期前保持有效的时间。
**注册费用:**注册时所需的额外费用。
**试用期:**在需要注册之前，客户可以免费测试订阅服务多长时间。

最后，您可能希望访问高级选项卡来限制订阅。此设置防止客户购买同一产品或服务的多个订阅。

如果您选择对可变套餐启用限制，您可能还希望让客户能够升级或降级他们的计划。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

你可以通过导航到 WooCommerce >设置>订阅>切换来实现。在那里，使用下拉菜单启用切换并指定您的相关费用首选项和按钮副本。

步骤 3:选择和配置您的支付网关

为了接受您的订阅付款，您需要使用 34 个付款网关中的一个，这些网关与 WooCommerce 集成，并且还支持定期付款。在您的站点上启用这些网关的扩展从 0 美元到 199 美元不等。

您的一些选择包括:

每一个都有不同的特性，当你选择在你的网站上提供时，你可能要考虑，例如:

**暂停订阅:**允许客户暂停订阅，而无需完全取消订阅。
**取消订阅:**给予客户随时取消订阅的权力。
**订阅重新激活:**允许用户重新激活暂停的订阅。
**多个订阅:**使客户能够一次购买多个订阅服务。
**修改:**使您能够更改您所提供套餐的经常性费用或付款计划。
**付款方式更改:**使您的客户和/或您能够更改他们首选的付款方式。

您希望启用哪些支付网关可能取决于您认为哪些功能对您的客户最重要。例如，如果你想鼓励客户注册多个订阅，PayPal 和 Amazon Pay 可能不适合你。

不要忘记考虑每个支付网关的扩展成本。如果您选择提供多个高级网关，您将需要一个能够支持这些购买的预算。

第四步。根据需要更新您的订阅

随着时间的推移，您可能会决定以多种方式更改您的套餐。您可能会提高或降低价格，增加新产品或服务，或者为您的客户调整各种其他选项。

幸运的是，用 WooCommerce 扩展更新你的订阅就像在你的 WordPress 仪表盘中导航到 WooCommerce >订阅一样简单。在那里，单击您想要编辑的订阅。

编辑器打开后，您可以进行任何必要的更改，然后单击蓝色的保存订阅按钮。

最后，如果您使用的是支持自动续订的支付网关，您可能无法进行影响您的订阅经常性总额的更改。

你可以查阅 WooCommerce 的支付网关对照表来确定你的是否支持修改。

如何将 WooCommerce 订阅与 WooCommerce 会员一起使用

经常与 WooCommerce 订阅一起使用的扩展是 WooCommerce Memberships :

woocommerce membership extension

The WooCommerce Memberships extension

虽然这两个工具有许多相似之处，并且彼此集成得很好，但是有一些和您想要了解的一些关键差异。

与 WooCommerce 订阅不同，您不能使用 Woocommerce 会员扩展来收取定期付款。此功能只能在注册时收取一次性会员费。

你的电子商务网站需要一个超快的、可靠的、完全安全的主机吗？Kinsta 提供所有这些服务，并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

此外，WooCommerce 会员资格不支持免费试用，也不允许用户升级、降级或取消自己的会员资格。

要创建定期会员付费，您需要一起使用这两个扩展。由于单个 WooCommerce 会员许可证每年的起价为 149 美元，所以对于一个网站来说，使用这两种扩展的总费用大约为每年 350 美元。

需要注意的最重要的一点是，这些扩展不提供相同的功能。你不想为了在 WooCommerce 订阅上节省 50 美元而购买 WooCommerce 会员资格，因为你将无法访问相同的功能。

WooCommerce 订阅与 WooCommerce 会员

如果你还不确定哪一个 WooCommerce 扩展适合你，看看这两个扩展的总结:

| | 网络商务订阅 | 网络商务会员 |
| 经常性付款 | 是 | 不 |
| 固定长度条款 | 是 | 是 |
| 免费试用 | 是 | 不 |
| 同时会员资格 | 是 | 是 |
| 用户可以升级、降级和暂停他们的计划 | 是 | 不 |

虽然这两个扩展之间的差异很微妙，但会对您的订阅定价模式产生重大影响。当然，请记住，您也可以将它们相互结合使用，以创建重复的会员资格。

WooCommerce 订阅的替代方案

如果你没有使用 WooCommerce 来支持你的电子商务商店，不要担心。有几个插件可以给你的 WordPress 站点添加订阅，不管你用的是什么工具。

例如，考虑 MemberPress :

memberpress home

MemberPress WordPress plugin

这个高级插件提供了一些甚至 WooCommerce 订阅都没有的功能。除了受限制的内容、会员论坛和优惠券之外，您还可以使用内容滴漏和 MemberPress 报告来跟踪您的收入。许可证每年起价 149 美元。

付费会员 Pro 是另一个可靠的选择:

paid memberships pro

Paid Memberships Pro WordPress plugin

这个插件的免费版本提供了与 WooCommerce、 BuddyPress 、Constant Contact 等的集成。

您还可以访问六个不同的支付网关。高级许可证每年起价 297 美元，包括 60 多个附加组件。

另一个竞争者是 S2Member ，除了你的帖子之外，它还包括音频和视频流的内容保护:

s2member plugin

S2Member WordPress plugin

免费的 S2Member 插件涵盖了所有的基础知识。然而，你需要付费插件来使用 PayPal 之外的支付网关，以及访问无限付费会员等级等等。单个网站的终身许可起价为 89 美元。

你也可以考虑一些低成本的替代品。相扑订阅费普通许可证的价格仅为 39 美元，包括 WooCommerce 订阅的许多功能:

sumo subscriptions

Sumo Subscriptions WordPress plugin

最大的区别是，Sumo Subscriptions 只提供两种支付网关选项: PayPal 和 Stripe 。您可能还需要购买额外的插件来设置功能，如捐款和会员订阅。

也有一些免费的插件你可以看看，虽然他们更多的是面向会员，而不是产品订阅或正在进行的服务。

付费会员订阅就是这样一种选择:

membership content restriction

Paid Member Subscriptions WordPress plugin

如果你想创建一个内容订阅网站，如在线杂志，这个插件可以帮助你做到这一点。付费会员订阅将对没有登录的访问者隐藏内容，所以你的努力工作会得到回报。

另一个受欢迎的选择是终极会员:

ultimate membership

Ultimate Member WordPress plugin

这个插件专注于通过网站会员创建在线社区，而不是建立订阅计划。然而，它确实与 WooCommerce 集成在一起，你可以用它来限制内容和设置条件导航。

最后，你也可以试试简单会员:

simple membership

Simple Membership WordPress plugin

这个插件可以让你创建免费或付费的 Stripe 或 PayPal 会员。您还可以限制内容，设置不同的会员等级，并跟踪用户的付款情况。

Wouldn't you love to make money while sleeping? 🛌🏽 Well, you should sell WooCommerce subscriptions so... Get started with this in-depth guide! 🔁💵Click to Tweet

摘要

如果你打对了牌，出售订阅可以获得很高的利润。然而，在你开始从月费中获取利润之前，你需要弄清楚如何在你的 WooCommerce 网站上设置一个循环支付选项。

最简单的方法是使用 WooCommerce 订阅扩展，只需要三个步骤:

购买并安装 WooCommerce 订阅扩展。
创建新的订阅产品。
选择和配置您的支付网关。

当然，这些步骤会帮助你在你的商店上实现订阅。但是你还需要为你的页面带来正确的流量类型，并创造出你的潜在订户会为之付费的 T2 完美内容。

关于 WooCommerce 订阅或在你的 WordPress 网站上提供定期付款，你有什么问题吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

30+最佳 WooCommerce 主题，装扮 2022 年的电子商务网站

原文:# t0]https://kinta . com/blog/woocommerce-themes/

我们都知道并喜欢 WordPress 的博客功能。

但是如何将 WordPress 网站转变成更多的东西呢？那么通过 WordPress 销售实物或数字物品呢？

正如你们中的许多人可能知道的，没有必要去用另一个平台来启动一个电子商务商店，这一切都要感谢 WooCommerce 插件。这是一个将你的网站变成在线商店的不可思议的解决方案，而且你通常不需要为许多 WooCommerce 扩展付费。唯一的缺点是有太多的 WooCommerce 主题可供选择。

这就是为什么我们要报道最佳 WooCommerce 主题,让你减少搜索量，花更多时间建立网站！

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**## 在哪里购买和下载最好的 WooCommerce 主题

有些人可能会严格寻找免费的 WooCommerce 主题。其他人只对最好的优质主题感兴趣。你属于哪一类并不重要，但是如果你想避免不可重复的主题，你应该知道正确的网站。

Themes Marketplace

像这样的文章是寻找精选列表以开始搜索的绝佳选择。然而，我们也想给你一些最好的 WooCommerce 主题的市场和图书馆，考虑到你可以随时回到这些，看到未来主题的评级和评论。

要找到最好的免费 WooCommerce 主题，请访问:

要找到最受欢迎的 WooCommerce 主题，请访问:

在最佳 WooCommerce 主题中寻找什么

所有的开发工作都是不同的，所以找到涵盖其中大多数的主题很重要。你越少参与定制编码工作越好。那么，在研究最佳 WooCommerce 主题时，你应该找出哪些主要特征呢？

演示页面和设计，让你削减了大部分的编码和设计工作。例如，一些主题有大量的演示，可以立即启动不同行业的主页。你也可以看到关于我们的页面和联系方式的演示。
一个简单的 WooCommerce 集成工具，为您配置大部分在线商店。WooCommerce 为你做了大部分的工作，但是还有许多主题在这个过程中增加了一些额外的步骤。
基于电子商务的设计元素，如动画购物车图标和产品收藏馆。
当您的客户在较小的设备上购物时，可以使用移动界面。
一个视觉定制器或拖放界面，用于以更加视觉化的方式设计你的网站。你也想有一个区域来定制 HTML 和 CSS ，以防万一。
与其他电子商务和页面构建插件的集成。有这么多的电子商务插件和扩展。请务必检查您的收藏夹是否受支持，或者自己测试一下。
Translation 当您计划将商店扩展到其他市场时，或者如果您已经有说不同语言的客户时，您可以使用的工具。
Megamenu 支持，以防你开始获得越来越多的产品，需要一个菜单把顾客送到所有这些产品。
高质量的客户支持，或者至少是某种在线论坛。顶级的客户支持对网上商店来说是至关重要的，因为问题会对你的生意造成真正的伤害。
一定要查看用户对你考虑的所有主题的评论、评分和评论。
不同的产品页面样式和格式。
多种列表格式，以便您可以按照自己的方式组织产品展示区。
您还需要检查博客区域，以确保开发人员没有在该区域偷工减料。

请记住，免费主题几乎永远不会有和高级主题一样的功能。对于较小的公司和博客来说，这并不重要，但寻求更快发展的企业几乎总是需要一个优质的主题。

作为一名开发人员，拥有高级主题也很好，因为你通常知道编码是可靠的，并且你可以随时求助于客户支持团队。

哪些 WordPress 主题最适合 WooCommerce？

这是一个有趣的问题，不常被问到。我们很多人认为所有的 WordPress 主题都与 WooCommerce 兼容。然而，情况并非总是如此。当然，你总是可以在 WordPress 上安装 WooCommerce ，但是它可能会因为与主题或其他插件冲突而导致你的网站崩溃。

此外，你可能会发现这个主题并不是用来处理 WooCommerce 的。例如，有些主题没有任何区域来展示您的产品系列。其他的没有购物车图标或者滑块来显示你的新商品。你仍然可以抓住一个简单的博客主题，在那个网站上开一个小商店，但更多的时候，你会因为跳过实际的 WooCommerce 主题而给自己造成伤害。

那么，有哪些规则可以确保你的主题与 WooCommerce 配合良好呢？

确保主题销售页面确实提到了一些关于与 WooCommerce 整合的内容。
测试演示以查看是否有任何页面被配置为在线商店。
考虑付费主题，有更好的客户支持和更高的电子商务集成潜力。
跳过大多数没有多少评论或评级较低的主题。
向开发者询问这个主题在 WooCommerce 中的表现如何。
查看其他用户的评论和问题，看看是否有人提到了 WooCommerce。在这里，你通常会找到关于集成的公正观点。

如何安装 WooCommerce 主题

安装 WooCommerce 主题就像安装任何其他 WordPress 主题一样。主要的区别是在 WooCommerce 配置中进行运输和定价等设置。

让我们走一遍这个过程，以确保每个人都知道如何正确地启动他们的网站。请记住，你还必须在开店前找到一个高质量的 WooCommerce 主持人。

步骤 1:上传并安装你的 WooCommerce 主题

在这个简短的教程中，我们将选择一个免费的主题并上传到一个空白的 WordPress 安装中。我们将使用免费商店主题,因为它很容易设置，也可以选择升级到付费版本。

要么下载你的主题的 ZIP 文件，要么在你的 WordPress 仪表盘中搜索免费的主题。您可以在仪表板中转至外观>主题来完成此操作。

如果主题在仪表板上，你可以点击安装按钮，然后在你的站点上激活它。如果你使用的是高级主题，你也可以在这个区域上传 ZIP 文件。

Using a WordPress theme

请随意单击“定制”按钮来使用可视化构建器。这允许你上传一个标志，调整字体，在主页上添加横幅。所有最好的 WooCommerce 主题都有不同的设置，所以一定要测试这个区域，了解你有什么能力。

例如，商店岛主题已经在主页上有了一些图片标题和横幅。你只需要把图像换成你自己的。在其他主题上，您可能会发现这些演示内容都不包含在内，因此您可能很难在开发者的产品页面上复制您已经看到的内容。

Customizing a WordPress theme

第二步:安装 WooCommerce

转到 WordPress 仪表盘上的插件>添加新插件。

在搜索栏中输入“WooCommerce”。

点击“立即安装”按钮，然后激活插件，使其开始在网站上工作。

install woocommerce

Installing WooCommerce

步骤 3:完成 WooCommerce 的配置步骤

激活 WooCommerce 后，会弹出一个新页面，这样你就可以从一开始就完成所有的设置。

WooCommerce wizard page

它从一个页面开始，在那里你输入商业信息，比如地址和你计划销售的产品类型。之后，您将完成以下步骤:

支付
船舶
赋税
WooCommerce 管理设置
MailChimp
脸谱网

我们已经有了激活和设置 WooCommerce 的教程，所以请随意查看那篇文章，深入了解这个过程是如何进行的！

之后，我们建议添加你的主题附带的任何演示，并创建产品。然后你可以收集一些你的产品，在你的主页和网站的其他地方展示。

同样重要的是在需要的时候更新 WooCommerce】，所以请保持关注。

最佳免费 WooCommerce 主题

当开始做小生意或博客时，考虑一个最好的免费 WooCommerce 主题并不是一个坏主意。这可能是为了削减成本，或者只是在没有任何财务义务的情况下测试主题。之后，你可以决定你所需要的是一个免费的主题，或者你可以考虑升级到该主题的高级版本以获得更多的功能。

我们喜欢测试用的免费主题，所以这里有一些我们喜欢的免费 WooCommerce 主题可供选择。

博特加

Botiga 是一个优雅的主题，可以让你的网上商店更上一层楼，尤其是如果你想要一个简约的外观。它拥有现代、简洁的设计，几乎适用于任何品牌。你可以用它来轻松展示你的产品，引人入胜，引人注目。

Botiga 还提供定制选项。这包括多种列表样式、各种产品购物车定制选项、不同的结账样式、三个产品页面库设计以及产品推荐和过滤功能。它还提供多种徽章样式，可以帮助您促销某些商品、特价商品和限时优惠。

为了进一步帮助您突出您的产品，Botiga 让在您的在线商店中添加博客变得轻而易举，并提供了六种存档布局供您选择。由于代码简洁，这个电子商务主题还针对性能进行了优化。

boti ga免费下载使用。它的 Pro 计划起价为每年 69 美元，带有产品样本、更多标题样式、侧边栏位置、愿望列表功能等等。

Botiga free woocommerce wordpress theme

Botiga

WP.org 评分:5 分中的 5 分
下载量:7000+
整合:WooCommerce
简易多语言支持:是

覆盖物

Overlay 为建立您的在线商店提供了灵活的设计。经典的布局是专业的，适合所有想让自己的品牌给人留下深刻印象的小企业。这是一个轻量级的快速解决方案，可以处理从简单的博客到成熟的在线商店的任何事情。我们最喜欢的是那些喜欢宽敞空间和柱子的人，他们可以清理杂物，确保顾客在购物时不会感到困惑。

Overlay 无疑是最好的 WooCommerce 主题，因为它的快速集成、提供漂亮的博客帖子的能力以及部件的各种位置。页脚是完全可定制的，你可以进入颜色设置，以确保你的品牌是正确的。这是一个完全响应的 WooCommerce 主题，它还拥有一些令人印象深刻的社交媒体图标，这些图标通常只会在高级主题中找到。总的来说，我们建议你把 Overlay 作为你的第一个 WooCommerce 选择。

overlay - best WooCommerce themes

Overlay theme

WP.org 评分:5 分中的 5 分
下载量:1000+
集成:WooCommerce，Elementor，以及更多。
简易多语言支持:是

赫斯缇雅

赫斯缇雅是一个 WooCommerce 主题，有着令人印象深刻的评分和评论，以及漂亮的界面。这个主题是由 ThemeIsle 上友好的人们制作的，它提供了一个标准在线商店的现代版本。我们最喜欢小企业和公司使用它，但是 ThemeIsle 也建议创意人员、公司、投资组合和自由职业者使用它。

所有这些类型的企业都可以利用电子商务功能，特别是因为它无缝集成，并允许您在您的网站上立即获得购物车。请记住，赫斯缇雅是一个单页的网站主题，这是另一种方式，它让事情变得简单，给你的客户一个更容易的购买途径。

除了视差滑块、照片库和旅游地图模块，赫斯缇雅 WooCommerce 主题一定会提高你的转化率。

hestia - best WooCommerce themes

Hestia theme

WP.org 评分:5 分中的 5 分
下载量:10 万+
集成:Elementor、WooCommerce、平面视差滑块、照片库和旅行地图。
简易多语言支持:是

从不

Neve 是 ThemeIsle 提供的另一个免费 WooCommerce 主题。从高级设计师到完全的初学者，这对于所有技能水平都是一个有用的选择。该主题也有一个漂亮的前端，明亮的颜色和可定制的项目，如字体和颜色。Neve 与 AMP 兼容，考虑到如今有如此多的人通过手机在线购物，它采用了移动优先的方式。

有了 ThemeIsle，您总能获得可靠的更新和可靠的客户支持。此外， Neve 主题是快速和轻量级的，这样你所有的产品页面都可以快速加载。您可以随意在页眉和页脚中添加自定义设计，并利用布局选项进行宽度调整等等。

由于许多集成，内容编辑很容易，一键导入按钮可以从提供的预制模板中获得您需要的所有内容。

WooCommerce theme: Neve

Neve theme

WP.org 收视率:5 比 5
下载量:5 万+
集成:WooCommerce、Visual Composer、SiteOrigin、Divi 和许多其他页面生成器。
简易多语言支持:是

堤喀

堤喀提供时尚诱人的造型，有深色主题选项和独特的按钮。该主题支持任何页面上的滑块内容，并且有许多列可供使用，因此您可以组织您的文本、图像和其他内容。这是我们最喜欢的免费 WooCommerce 主题之一，原因有很多。

首先，默认的布局包括漂亮的产品集合，您可以利用小部件列出“最想要的产品”和“最新产品”

堤喀是市场上鲜为人知的免费 WooCommerce 主题之一，但它以可靠性和速度而闻名。其他一些优势包括页脚小部件、自定义徽标和菜单，以及为那些计划通过博客支持业务的公司提供的漂亮的特色图像。

tyche - best WooCommerce themes

Tyche theme

WP.org 评分:4.5 分(满分 5 分)
下载量:4000+
整合:WooCommerce
简单的多语言支持:似乎不是这样

阿斯特拉

Astra 是最受欢迎的 WordPress 主题之一，下载量超过一百万次。它可以定制和个性化，以适应任何网站，包括电子商务商店。

使用 Astra 构建网站非常简单，因为它预装了 150 多个模板，适用于各种行业，如时装设计师、电子商务商店、产品公司、健身工作室等。这些模板是用流行的页面生成器构建的，比如 Elementor、Beaver Builder 和 Gutenberg 。你可以在 Astra 的网站上查看所有这些模板。

最重要的是，Astra 与 WooCommerce 合作得非常好，是 WordPress 最受推荐的电子商务主题之一。

Astra 的一些值得注意的电子商务特定功能包括 SEO 优化的产品列表、减少购物车放弃的转换就绪结账、100%安全交易、产品分页和无限滚动、产品搜索过滤器、无需离开页面即可预览产品的快速视图、下拉购物车窗口和高度可定制的结账流程。

Astra 可以免费下载和使用。它的高级计划起价 59 美元，包括额外的 100 多个入门模板、一对一支持、无限制的网站使用和其他功能。

Astra theme WooCommerce store template, screenshot.

Astra theme

WP.org 评分:4.9 分(满分 5 分)
下载量:100 万次以上
集成:WooCommerce，Beaver Builder，Elementor，Gutenberg，LifterLMS，LearnDash 等等。
简易多语言支持:是

activelle

Activello 来自 Colorlib 的开发团队。这是一个简单的博客主题，能够与 WooCommerce 集成，或者转换为在线商店，或者只是向用户提供一个小商店。多用途主题在许多方面是灵活的。首先，你可以很容易地为你的生活方式或旅游品牌制作一个漂亮的博客。

这是一个干净的主题，充满了空白和许多图像选项。您还可以找到许多小部件，例如关于我的信息和最近的帖子。

Activello WooCommerce 主题提供了一个最小化的设计，但它也提供了必备的响应特性、 JetPack 集成，以及完整的 SEO 支持。全屏滑动条肯定会吸引注意力，内容定制工具可以用来改变颜色和字体。

其他一些亮点包括无限滚动功能，翻译就绪功能，和字体真棒图标。再加上无限的颜色选项，您就拥有了所需的全部定制能力。

activello - best WooCommerce themes

Activello theme

WP.org 评分:5 分中的 5 分
下载量:10000+
集成:WooCommerce、Jetpack、Yoast SEO、Gravity Forms 和 W3 Total Cache 。
简易多语言支持:是

忠实的

Allegiant 引入了广泛的功能，使其成为一个多用途的主题，并且能够在线销售。你可以从一页的布局开始，制作从作品集到标准商业网站的任何东西。我们特别喜欢小企业使用这个，因为它很轻便，当你计划在网上销售时，你可以随时添加 WooCommerce。

Allegiant 的伟大之处在于它包括几个预构建的内容模块。其中一个是用来展示团队成员的，而另一个是用来展示你的客户标志的。我们喜欢的另一件事是，你可以毫无问题地列出证明和服务。

在 Allegiant 主题中，一切都被很好地格式化了。更不用说，响应式设计在所有移动设备上看起来都很棒。再加上 WooCommerce 的支持，你就找到了一台时髦的销售机器。

allegiant - best WooCommerce themes

Allegiant theme

WP.org 评分:5 分中的 4 分
下载量:8000+
整合:联系方式 7 、WooCommerce、Yoast SEO、WPML
简易多语言支持:是

闪烁的

闪亮的 WooCommerce 主题被描述为一个简单的主题，拥有一些流行的颜色和美丽的自由空间，让你的内容有一些呼吸的空间。乍一看，这似乎是一个令人惊叹的博客主题。您可以添加带有社交媒体按钮、关于我的信息和下载按钮的边栏。

然而，你也可以与 WooCommerce 整合，开始销售你的电子书、课程或软件。总的来说，对于那些有兴趣开始写博客的人来说，这个闪闪发光的主题看起来很便宜。

这是一个完全免费的主题，主题的响应性确保了你的所有客户都能在较小的设备上看到你的博客文章和产品页面。这个滑块令人印象深刻，因为它有一些重叠的文本和一个快速上传按钮，可以将一些高分辨率照片放在主页上。这是 Colorlib 的另一个主题，所以你可以看到公司创建了多少免费主题。Colorlib 的伟大之处在于，如果您对更多特性感兴趣，它们可以提供高质量的支持和高级升级。

sparkling - best WooCommerce themes

Sparkling theme

WP.org 评分:5 分中的 5 分
下载量:4 万+
集成:WooCommerce、Jetpack、Contact Form 7、bbPress 等等。
简易多语言支持:是

耀眼的

眼花缭乱的主题在名字里说的相当多。这是另一个免费的 WooCommerce 主题，为小型博客和小型企业创造了奇迹。你可以利用扁平的基本设计，因为它很容易改变颜色和在边栏中放置小部件。我们还喜欢内容滑块，用于突出显示您最近的博客文章和上传可能引起注意的图像。

闪亮主题的奇妙之处在于，从技术上讲，你可以将它用于任何类型的业务。这是一个高度通用的免费 WooCommerce 主题，具有博客的外观和应用程序开发人员、设计师、艺术家和旅游公司等公司的专业性。闪闪发光的主题有很好的插件支持，你可以收到从字体到无限的颜色选项。

dazzling

Dazzling theme

WP.org 评分:5 分中的 5 分
下载量:4 万+
集成:WooCommerce、Contact Form 7、bbPress、Jetpack 等等。
简易多语言支持:是

时尚天后

对于时尚和生活方式博主来说，时尚天后是一个很好的起点。考虑到默认的颜色和风格是为了迎合时尚行业，我们不会推荐它做其他事情。这是一个女性化的主题，漂亮的粉红色和顶部的社交媒体按钮。您可以利用图像滑块来突出显示博客文章，同时还可以链接到投资组合和在线商店项目等内容。

请记住，是绽放时尚主题的子主题。因此，你需要这两者来使你的网站正常工作。除此之外，这个主题是为那些花大量时间在 Instagram 上发布图片的时尚人士打造的。你可以在自己的网站上分享这些帖子，并使用 20 个小工具根据自己的喜好定制风格。

fashion diva - WooCommerce themes

Fashion Diva theme

WP.org 评分:5 分中的 5 分
下载量:1000+
整合:WooCommerce 和主要社交网络
简单的多语言支持:支持尚可，但不是最好的

Di 电子商务

Di eCommerce 拥有你在建设传统在线商店时通常会想到的设计。它有亚马逊的氛围，但更干净，有大菜单，顶部有社交媒体按钮，无论顾客在哪个页面，购物车总是可见的。图像滑块是一个很好的附加功能，多列非常适合在列表中展示您的功能或产品。

Di eCommerce 主题作为一个响应性的 WooCommerce 主题，你还可以拥有一个漂亮的 WordPress 博客。总的来说，Di 电子商务具有许多现代设计元素，大型菜单可以帮助你使你的导航变得简单而强大。

除了社交资料、粘性菜单和侧边栏布局，Di 电子商务主题还能让电子商务商店的价格更低。

di - WooCommerce themes

Di eCommerce theme

WP.org 评分:5 分中的 5 分
下载量:1000+
集成:WooCommerce、PDF 发票、MailChimp 的简易表单、Elementor 等等
简单的多语言支持:有点儿

购物者

Shoptimizer 是 CommerceGurus 推出的一个专注于性能的 WooCommerce 主题。太多的主题忽略了速度对于转化的重要性。如果你的商店多花一秒钟加载，页面浏览量就会惊人地下降 11%。

Shoptimizer 是最快的主题之一，在谷歌页面速度洞察上，该演示网站在移动设备上的得分高达 96%。

商业大师们还在主题中内置了许多以转化为中心的功能，例如:

即时 AJAX 搜索结果。
鼓励销售的可视化库存计量栏。
购买过程中关键阶段的信任徽章。
产品和结账页面倒计时。
不受干扰的结账。
提醒顾客商品何时有货的等待列表。
Shoptimizer 每年花费 49 美元，这包括 12 个月的更新和快速支持。如果你想从一个真正专注于。
WooCommerce 性能和转化率，Shoptimizer 是一个去！

Shoptimizer WooCommerce theme.

评分:5 分中的 5 分
下载量:6000+
简易多语言支持:是
价格:49 美元

闪光

Flash 有高级 WordPress 主题的功能，但没有价格标签。是的，你可以升级到付费版本，但许多公司会发现这是最好的免费 WooCommerce 主题之一。它不仅提供了一个拖放构建器，还提供了一些漂亮的小部件区域来定制内容模块。

事实上，有六个区域可以放置你的小部件，扩展了你通常从免费主题中得到的东西。当你选择专业主题时，你甚至可以升级到更多的部件区域。

当你使用这个主题时，你会很快意识到小部件对它的设计有多重要。六个小部件区域很不错，但是您还可以访问一个自定义小部件区域生成器和 18 个自定义小部件。其中一些小部件非常适合共享独特的列表、内容和菜单。

通过从颜色选择器中选择，可以使用高级颜色选项。您可以使用此区域从各种各样的颜色中挑选，将颜色与您的徽标和其他设计相匹配。除了高级的“关于我们”部分、我们的团队小部件等等，Flash 主题还在许多层面上提供了帮助。

Flash WooCommerce theme

Flash theme

WP.org 评分:5 分中的 5 分
下载量:30，000+
集成:WooCommerce、SiteOrigin 和 Flash Toolkit
简单的多语言支持:有限的

购物热

购物狂潮是一个免费的多功能网络商务主题。专为页面生成器爱好者打造(古腾堡、 Elementor 、Divi、Brizy 或其他任何你喜欢的 WordPress 页面生成器)。它附带了 premade 准备导入入门网站。只需点击几下，您的网站就可以使用了。

不需要编码技能。你可以创建任何类型的电子商务网站，因为你喜欢的主题是一个完全可定制的，快速，搜索引擎优化的主题。主题也兼容几乎所有插件。对于商店网站制作者来说，这是真正的一站式解决方案。

TH Shop Mania theme

TH Shop Mania

免费多用途主题
下载量:不适用
集成:WooCommerce、Elementor、Divi、Brizy 等等。
简易多语言支持:是

购物岛

ShopIsle 来自 ThemeIsle，所以如果你选择这个 WooCommerce 主题，你知道你会得到高质量的服务和一个下载并不陌生的主题。这个主题是基于 bootstrap 的，你会看到书中所有的集成。

使用 ThemeIsle 主题的好处是它们中的大部分可以很好地与其他插件一起工作，并且客户支持是可靠的。这样，你就不会祈祷你宝贵的网上商店会崩溃或给你的服务器带来问题。

优雅的 ShopIsle WordPress 主题是严格为在线商店设计的，因此，如果你主要是在建一个博客，而不是考虑一个电子商务商店，我们建议你放弃它。除此之外，ShopIsle 中的 live customizer 非常适合拖放一些最重要的站点元素。

这个主题也适用于你最喜欢的页面生成器，比如 Beaver Builder、SiteOrigin 和 Divi。我们在列表中有一些 ThemeIsle WooCommerce 主题，我们强烈建议您在商店中试用其中的大部分。

ShopIsle

ShopIsle theme

WP.org 评分:4.5 分(满分 5 分)
下载量:4 万+
集成:WooCommerce，Contact Form 7，Meta Slider，SiteOrigin，WPML 等等。
简易多语言支持:是

奥尔费奥

《奥菲欧》是《ThemeIsle》中赫斯缇雅的儿童主题。它不一定是一个在线商店，但它确实有一个很好的 WooCommerce 集成。Orfeo 的一些建议领域包括医疗、博客、体育和时尚。

基本设计看起来适合大多数小型企业，因为你会收到一个坚实的标题图像/滑块和一些伟大的行动呼吁按钮在图像的顶部。您还可以更改页面上的列数，允许您添加产品列表，甚至是功能和服务的比较。

所有好的网上商店都有电子邮件营销工具。Orfeo 的伟大之处在于它有一个 SendInBlue 集成，用于收集这些客户电子邮件，并发送您可以设计的最佳简讯和自动化活动。其他一些集成包括旅游地图、Elementor 和照片库，它们都有自己的在线商店用途。

Orfeo

Orfeo theme

WP.org 评分:5 分中的 4 分
下载量:20，000+
集成:WooCommerce、旅行地图、SendInBlue、平面视差滑块、照片库等等。
简单的多语言支持:有限的

你还好吗

如果你正在寻找一个更传统的设计，标题中有大量的菜单和购物车图标，那么 WooCommerce 主题是必不可少的。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

这个 ThemeGrill 产品是网上最受欢迎的 WooCommerce 主题之一，尤其是考虑到这么多用户喜欢你不仅可以与 WooCommerce 集成，还可以与 YITH WooCommerce 愿望列表插件集成。

eStore 主题包括几个类别颜色可供选择，您可以利用独特的集合模板，这有助于在单个页面上突出显示产品集合。

响应式设计对于想在较小设备上购物的人来说是一个加分项，而超过 10 个小部件区域肯定会让你在设计商店时更容易。更酷的是，超过 12 个定制小部件可以放在这些位置。搭配一些优秀的速度优化，WPML，和一个惊人的滑块，为一个令人印象深刻的解决方案时，建立一个在线商店。

estore WooCommerce theme

eStore theme

WP.org 评分:45 分(满分 5 分)
下载量:10000+
集成:WooCommerce，YITH WooCommerce Wishlist 插件，以及其他一些插件
简单的多语言支持:有限的

易商店

轻松商店与我们上面谈到的主题相对相似，具有经典的电子商务网页设计布局。该主题可以在主页上展示一系列产品，你也可以有像类别下拉菜单、大型菜单和交互式购物车按钮这样的项目。对于那些想要看起来有点像亚马逊的品牌来说，这是一个结构优美的主题。它不仅与 WooCommerce 兼容，而且它的移动设计也为你的用户带来了购物体验。

考虑到您可以利用 YITH Wishlist 插件和其他一些流行的插件为您的客户提供更多在线选择，一些集成肯定会改善您在线做生意的方式。神秘主题公司是这个主题的幕后推手，从我们的经验来看，在线客户支持是高质量的。除此之外，从页脚小部件到自定义菜单，从翻译选项到多列，你可以期待一切。

Easy Store WooCommerce theme

Easy Store theme

WP.org 评分:5 分中的 4 分
下载量:3000+
整合:WooCommerce 和 YITH WooCommerce 愿望清单
简易多语言支持:是

电子商务宝石

电子商务宝石是另一个最好的 WooCommerce 主题，特别是因为它提供了大的图片空间和在你的网站上放置各种横幅的选择。这是一个多用途的 WooCommerce 主题，可以用于许多类型的商店。例如，将电子商务宝石用于珠宝店和宠物店并不奇怪。与这个列表中的所有主题一样，电子商务 Gem 与 WooCommerce 整合得很好。没有列出其他集成，但从我们的测试来看，你应该没有任何第三方插件的问题。

此外，电子商务 Gem 主题有多个部分，用于重新组织主页上的内容，并插入滑块和横幅等内容。当您有多个促销或新产品要谈时，特色产品转盘也很有用。客户可以按类别进行搜索，或者过滤到特定的标签。用户也将享受自定义徽标、自定义菜单和全幅模板，以便在您需要制作一些登录页面时使用。

ecommerce gem WooCommerce theme

ECommerce Gem theme

WP.org 评分:5 分中的 4 分
下载量:5000+
整合:WooCommerce
简易多语言支持:否

购物车

对于一个明亮、有效的电子商务网站设计，考虑来自主题小苍兰的 ShoppingCart 解决方案。它充满了小部件区域，你可以在主页上张贴各种大小的横幅。

让所有正确的模块都位于主题上需要一点工作，但最终，你可以呈现从产品列表到过滤器，从收藏库到搜索栏的一切。你可能还会在截图中注意到，社交媒体按钮和联系信息可以放在主题的标题中。

用 ShoppingCart WordPress 主题创建一个令人惊叹的电子商务网站相当简单。有相当多的特性需要解包，但是这些组件可以帮助您尽可能好地组织您的站点。这就是为什么我们如此喜欢网上商店甚至作品集的主题。

许多行业都可以利用这样的主题，尤其是如果你在销售科技产品或服装。此外，有几个集成可用于添加面包屑、联系表单和设计导航工具。您还会偶然发现一些优秀的模块模板，如联系人表单、侧栏和图库。

Shopping cart WooCommerce theme

Shopping Cart theme

WP.org 评分:5 分中的 5 分
下载量:5000+
集成:WooCommerce，bbPress，Contact Form 7，Jetpack，Breadcrumb NavXT，WP-PageNavi 等等
简易多语言支持:是

WP 商店

WP 商店来自 8 度主题的民间。该设计是最好的免费 WooCommerce 主题之一，具有极简风格和巨大的横幅区域。

该主题有一个展示所有新产品的图像滑块，而标题模块包括徽标、联系信息和购物车按钮的选项。您还会收到一个实体搜索栏，这样客户就可以找到他们喜欢的产品，而不必在画廊中筛选。

WP 商店 WooCommerce 主题是一个为小型企业精心制作的解决方案。如果你打算快速扩大规模，我们不建议你这么做，但是博客和小企业在推出高质量的在线商店时应该不会有任何问题。

简单的设计对你的公司和用户都很好，你也可以利用全幅模板、多列和自定义背景的特性。这不是最受欢迎的 WooCommerce 主题，但它对小企业来说很有吸引力。

WP Store

WP Store theme

WP.org 评分:5 分中的 5 分
下载量:2000+
整合:WooCommerce
简易多语言支持:否

最好的 WordPress 主题

通常，一个严肃的在线商店需要的不仅仅是一个免费的 WooCommerce 主题。这并不是说免费主题不好，但你通常需要更高级的功能，如社交媒体工具、演示和更好的图库。

我们喜欢高级 WooCommerce 主题的第一个原因是，它们通常不会花那么多钱。其次，您可以获得高级支持，这通常是必备的。最后，高级主题通常会附带演示，这比空白的白板更容易使用。

说到这里，请继续阅读，了解最佳 WooCommerce 主题(高级版)。

波尔图

Porto 主题是一个专业的电子商务解决方案，在 ThemeForest 上被列为最佳 WooCommerce 选项之一。目前的价格标签是 59 美元，你可以得到 30 多个网站演示和一个巨大的布局库。一些演示包括网上商店、公司网站和作品集的设计。

如前所述，主题提供了一个完整的拖放设计元素库。我们最喜欢的包括 FAQ 、行动号召和手风琴。你也可以在你网站的任何地方放一份产品清单。你也可以考虑像投资组合或倒计时区。

至于主要的设计功能，用户体验到一个简单的界面和一个快速演示导入区。当您需要匹配品牌时，您还可以从无限数量的颜色中进行选择。您将看到几个高级插件与 Porto 主题很好地集成在一起。

除了可选的集成，你还可以免费获得一些高级插件。其中之一是滑块革命，使美丽的图像和视频滑块。另一个叫 WPBakery，一个很棒的页面构建工具，有拖拽元素。总之，如果你需要一个最好的 WordPress 主题，这是一个完整的包。

Porto WooCommerce theme

Porto theme

评分:4.91 分(满分 5 分)
下载量:32000+
集成:MailPoet，WooCommerce，WooCommerce 产品过滤器，GeoDirectory，YITH，WPML，等等
简单的多语言支持:如果你安装了一个插件

零售商

零售商主题拥有一些时尚的设计，以及 59 美元的合理价格。你可以享受经典的电子商务设计，在右上角有收藏库、缩略图和完整的购物车模块。

众所周知，该开发人员的客户支持处理得很好，主题本身包含了各种元素，这些元素对于加速开发过程非常有用。我们喜欢这样一个事实，即您可以制作无限数量的独特页面，尤其是当您需要制作各种各样的登录和产品页面时。

零售商主题支持 WordPress 块编辑器，但是你也有机会选择自己的页面构建器，比如 Elementor、Visual Composer 或 WPBakery。WooCommerce 集成的一些优势包括支持可发货的产品和可下载的商品。

如果这更符合你的风格，你也可以配置直运业务。灵活的商店布局让你可以在边栏和柱子间自由移动。一些公司喜欢把过滤器放在边上，而另一些公司把它们放在页面的顶部。除此之外，我们需要一整篇文章来介绍零售商主题的全部特性。

WooCommerce theme: The Retailer

The Retailer theme

评分:4.63 分(满分 5 分)
下载量:14000+
集成:WooCommerce、WPBakery、Gutenberg、Visual Composer 等等
简易多语言支持:是

红利

Divi 是你可以使用的最流行的 WordPress 主题之一，主要是因为优雅主题团队在迎合开发者和客户方面做得非常好。总的来说，优雅主题可以让你注册一个年度会员，让你访问所有的在线资源、插件和主题。这个 Divi 主题带有一个页面生成器，可以让你找到一些最简单的设计。

需要一个一流的，快速，安全的主机为您的新电子商务网站？Kinsta 提供超快的服务器和来自 WooCommerce 专家的 24/7 世界级支持。查看我们的计划

不仅如此，Divi builder 还有数百个用于在线销售的拖放元素。其中包括行动号召、滑块、图库、产品页面项目等等。此外，还有几个 Divi 布局包专为电子商务商店制作。例如，一些布局包包括时装、照片市场和电子书在线商店的完整演示。

安装布局包后，您可以自定义漂亮的页面，如博客帖子、关于我们的页面和联系页面。

一个许可证每年花费 89 美元，你还可以花 249 美元获得终身访问权。总的来说，从优雅的主题来看，定价是合理的，而且你也获得了一些可靠的客户服务。论坛和知识库区域充满了愿意帮助您的信息和支持代表。

WooCommerce theme: Divi

Divi

评分:无评分页面
下载:没有这方面的信息
集成:WooCommerce、主要电子邮件营销工具等
简易多语言支持:是

清醒的

Sober 主题用可视化编辑器插件开始你的设计。这样，您可以拖放元素，而不是在大多数情况下处理代码。美丽的产品页面是高度可定制的，可以根据您正在使用的产品而有所不同。

Sober 还带有几个独特的标题样式，向客户介绍社交媒体按钮、菜单等。内置的 live 搜索会在用户输入字母时推荐产品。

该主题提供了一个产品快速视图，其中显示了一个添加到购物车按钮，而不必转到产品页面。WooCommerce 与 Sober 结合得很好，而且众所周知在这个主题上运行得非常快。您甚至可以利用产品组合功能，建立一个您喜欢的产品的漂亮画廊，供客户筛选。

这个博客也很时尚，漂亮的边栏和大量的空白使阅读过程更容易。

我们真正喜欢的其他元素包括翻译工具、完整的排版库和强大的搜索引擎优化工具。这是一个针对移动设备的全面优化设计，一键演示安装意味着您的设计可以在几分钟内启动。

您还会注意到，有超过 12 个预定义的主页可供您选择，无论您喜欢现代布局还是乡村风格。这一切都包装在一个漂亮，整洁的最终设计主题。

WooCommerce theme: Sober

Sober theme

评分:4.77 分(满分 5 分)
下载量:4000+
集成:WooCommerce、EasyCart、WPBakery、Visual Composer 等等
简易多语言支持:是

Rara 电子商务专业版

Rara 电子商务专业版提供无限的颜色选择、1000 多种谷歌字体和排版灵活性，帮助您创建一个反映您品牌的独特商店。这个多功能的当代主题还侧重于潜在客户生成功能，如意愿列表、快速查看、产品比较、CTA 部分和新品部分，这些功能将帮助您将更多访客转化为客户。

此外，它是翻译就绪，RTL 脚本支持允许您开发您的网站在多种语言同时进行。与 Rara 电子商务专业主题，你得到吨的布局选项，包括，14 个主页部分，5 个标题布局，3 个滑块布局，4 个横幅类别布局，3 个博客页面，等等。

如果您需要帮助开始，他们的初学者友好的文档和专家支持总是可用的。

Rara ecommerce pro theme homepage demo

Rara eCommerce Pro

收视率:还没有收视率
下载量:200+
集成:WooCommerce，Gutenberg，Elementor 等等。
简易多语言支持:是

WoodMart

WoodMart 为“woodsy”商店提供了独特的风格。很难弄清楚这到底意味着什么，但从表面上看，大多数演示对于家具、酒类和户外用品店来说都是不错的。当使用 WoodMart 构建时，还有许多其他选择，但是当您使用主题时，这种“woodsiness”肯定是普遍的。

话虽如此，WoodMart 还是为 WPBakery 和 Slider Revolution 等许多优质插件提供了支持和集成。超过 60 个演示对于构建网站和使你的产品目录看起来更专业是非常棒的。这个响应式主题提供了无限的标题布局和外观。

完整的 AJAX 商店和分页区域对于基于产品变量的过滤非常有用。例如，客户可以访问网站，根据颜色、尺寸等进行过滤。搭配一些优秀的高级可变产品，你会发现自己是一个无可匹敌的产品展示。

WooCommerce theme: WoodMart

WoodMart theme

评分:4.95 分(满分 5 分)
下载量:10000+
整合:WooCommerce，Revolution Slider，WPBakery，WPML，MailChimp，等等
简易多语言支持:是

店主

在 WooCommerce 主题市场上，店主已经成为一个家喻户晓的名字，建立了大量的评分和评论，并为用户提供了一个巨大的演示库。这是你能找到的最令人印象深刻的 WooCommerce 主题之一，拥有几十个产品页面布局、漂亮的默认配置和产品图像缩放功能。

您的产品页面画廊也支持 YouTube 视频。

这确实是一个无忧无虑的主题，因为你可以通过快速的演示上传和漂亮的拖放界面来节省大量的时间。在整个网站上创建令人惊叹的产品目录，并利用多种工具来调整购物车的外观。

无限制的标题样式非常适合改变顾客首先看到的内容，灵活的商店布局包括无限滚动、加载更多按钮和经典分页等选项。最后，响应式设计看起来很棒，与这个列表中所有的 WooCommerce 主题相比,“掌柜”拥有最好的博客布局之一。

WooCommerce theme: Shopkeeper

Shopkeeper theme

评分:4.62 分(满分 5 分)
下载量:27000+
整合:WooCommerce、EasyCart、WPBakery、WPML 等等
简易多语言支持:是

北

WooCommerce 主题拥有漂亮的现代布局，适合时尚和科技品牌，以及其他愿意定制的品牌。这个响应式主题有几个可以在几秒钟内安装的演示。

这些演示的伟大之处在于，它们没有任何特定于行业的设计。这样，你就不会受限于你对网站的定制程度。

例如，提供了产品登录页面，以及快照和滚动主页模块。这些对所有类型的公司都很好。除此之外，North 主题有多种产品页面样式和列表样式。这些可以让你的产品和分类页面更加独特。博客风格也相当有趣和有创意。

画布外过滤工具具有您的客户需要的功能，但它也不会占用网站太多空间。我们还喜欢标题样式足够健壮，能够覆盖主页上的大量空间，让用户点击关于新产品的信息。

WooCommerce theme: North

North theme

评分:4.47 分(满分 5 分)
下载量:1000+
整合:WooCommerce、WPBakery、WPML、Gravity Forms 等等
简易多语言支持:是

扁平的

Flatsome 是 ThemeForest 上最畅销的 WooCommerce 主题之一。它售价 59 美元，你几乎可以建立任何类型的电子商务商店。可视化构建器具有广泛的元素，如视频、文件夹和地图。您可以将所有这些拖到适当的位置，甚至在同一个步骤中调整字体和颜色。

该主题针对速度和销售进行了优化，因此您知道客户体验将会比以前有所改善。Flatsome 库中包含数百种预定义的布局，这使得几乎不可能不制作出绝对独特的东西。

只需点击几秒钟即可安装演示内容，您可以找到几乎任何行业的设计。

最后，Flatsome 主题提供了一个定制的产品页面生成器，可以完全控制每一个产品页面。这样，你就不必拘泥于一种格式。相反，一个产品页面可能看起来与其他页面完全不同。

WooCommerce theme: Flatsome

Flatsome theme

WP。评分:4.80 分，满分 5 分
下载量:106000+
集成:WooCommerce、Yoast Breadcrumbs、Ubermenu、Sensei 等等。
简易多语言支持:是

电子商店

电子商店主题的标价是 59 美元。考虑到主页看起来已经准备好支持成千上万的产品，这让你在你的在线商店后面获得了相当多的力量。Electro Electronics Store 旨在看起来类似于亚马逊或阿里巴巴，那里随时列出大量商品，客户可以从主页上搜索或浏览类别。

这是一个适合宽屏的主题，它也有一些令人印象深刻的移动页面，以便您的所有产品页面在移动设备上显示时都有评论和评级等信息。包括几个主页演示供您测试，megamenu 非常适合在菜单中显示您的所有产品和类别。

Electro Electronics Store 的一个有趣的部分是它与多供应商插件很好地集成在一起。这个插件可以让你运行一个完整的多供应商市场，类似于 Etsy 或亚马逊。你可以要求其他供应商销售产品，并从所有销售额中提成。

然后，所有支出被分配给正确的供应商。总的来说，我们喜欢电子商店的这个主题，但是你可以在这里卖任何东西。

WooCommerce theme: Electro Electronics Store

Electro Electronics Store theme

评分:4.83 分(满分 5 分)
下载量:10000+
集成:WooCommerce、Visual Composer、Slider Revolution 和 YITH
简易多语言支持:是

拉巴博巴

Labomba 在 ThemeIsle marketplace 上的标价是 49 美元。这是最好的 WooCommerce 主题之一，因为它有超过 20 个独特的主页变体，允许你为自己的行业定制主题，并为任何公司打造良好的品牌。

Ajax 购物车快速且用户友好，集成的愿望清单帮助人们记住他们想买的东西。

Labomba 主题提供了一个带有电子商务元素的拖放页面生成器。不仅如此，很高兴看到 Labomba 是多语言就绪和响应。默认情况下，这个 WooCommerce 主题有光滑的白色和黑色，非常适合服装店和其他需要大胆而专业外观的商店。

脱离画布的导航肯定会改善用户界面，而无限的颜色选项使每个人都可以轻松地进行品牌推广。我们还喜欢与 Revolution Slider 的集成，因为这是用视觉横幅展示新产品的最佳方式之一。

WooCommerce theme: Labomba

Labomba theme

评分:4.29 分(满分 5 分)
下载量:3000+
集成:WooCommerce、Visual Composer、WPBakery 等等
简单的多语言支持:不是真的

克劳埃

Claue 售价 60 美元，仅在线商店就有广泛的集成。例如，你可以安装 WooCommerce，但真正的力量来自名为 AliDropship 的 dropship 集成。如果你对直运感兴趣，这绝对是一个值得关注的主题。你还可以获得一些插件的集成支持，比如 WooCommerce Bookings extension 和 WP EasyCart。

所有这些集成都很好，但是内置特性和设计呢？好吧，Claue 包括社交分享来宣传你的产品。还有一个产品细节生成器，如果你想制作最好的产品页面，这是必备的。我们还喜欢即时的产品搜索,这样客户在输入信件时就可以获得关于你产品的建议。

除了 Instagram 商店、lookbook 系列和产品捆绑功能，Claue 主题还将其很大一部分功能贡献给了电子商务。这就是为什么它是最好的 WooCommerce 插件之一。

claue - best WooCommerce themes

Claue theme

评分:4.96 分(满分 5 分)
下载量:2000+
集成:WooCommerce，AliDropship，YITH，Contact Form 7 等等。
简易多语言支持:是

电子商城

电子邮件商店售价 39 美元，它提供了一个全面响应的在线商店设计，有大量的横幅位置和收藏点。这是那些严格意义上的在线销售的主题之一，但是你仍然可以有一个博客来支持你的商店并促使人们购买。

如果你购买了主题，会提供相当多的演示，包括女装、有机和医药商店的选项。提供了超过 15 个主页演示，所有这些都可以在移动设备上很好地运行。此外，你还会得到一个产品图片滑块，用来展示你最好的商品。

我们喜欢购物互动购物车图标，快速添加到购物车按钮肯定会提高转化率。移动导航是 EmallShop 主题的亮点之一，因为它可以很好地显示在屏幕上，但你不会完全屏蔽掉实际的网站。

很高兴看到 EmallShop 主题提供了一个大小调整向导图标和一个供客户切换过滤器的区域。

emallshop - best WooCommerce themes

EmallShop theme

评分:4.88 分(满分 5 分)
下载量:2000+
集成:WooCommerce、Visual Composer 和 Revolution Slider
简易多语言支持:是

Eventica

Eventica 有一套强大的工具来帮助你建立网上商店。这是最好的 WooCommerce 主题之一，这是有原因的，这一切都始于这样一个事实:你可以设计一个活动日历，甚至出售这些活动的门票。

所以，这个主题肯定更像是一个利基产品，因为并不是每个设计师都想做一个活动网站。

预制的设计模板可让您立即启动活动列表、联系页面和主页等页面。博客平台也很漂亮，在移动设备上观看效果更好。内置的活动滑块是让用户购买你的活动门票的最简单的方法之一，翻译工具可以将这个词传遍世界。

Eventica theme

评分:4.39 分(满分 5 分)
下载量:2000+
集成:WooCommerce、活动滑块、WPBakery、活动日历等等
简易多语言支持:是

采购员

Merchandiser 包括简单和风格，创造了一个美妙的前端界面。你可以使用各种自由空间来访问主题。一些默认的布局实际上看起来类似于一个作品集，其中主要的焦点是你的收藏库。通过这种方式，所有用户的目光都会直接投向最重要的东西，即产品。

Merchandiser 不仅是一个看起来整洁的主题，而且它是快速和轻量级的。它也能很好地与大多数主流插件兼容。轻松定制器令人耳目一新，您可以随时与市场上更好的页面生成器集成。

一些销售功能包括客户评论、数字产品支持和优惠券。产品分类和过滤看起来整洁有序，让您的客户能够找到他们想要和需要的产品。

best WooCommerce themes - merchandiser

Merchandiser theme

评分:4.29 分(满分 5 分)
下载量:2000+
整合:WooCommerce 和 WPBakery
简易多语言支持:是

肾上腺素

不管你在为哪个行业做网站，肾上腺素都会给你的电子商务设计注入一些特别的东西。默认情况下，它有更多的户外外观，但所有这些都可以通过对字体、颜色和图像的一些调整来改变。然后，您可以为餐馆、旅行社和电子商店等公司激活一个预制的演示。

奇妙的主题选项可以确保你永远不会弄乱任何代码。但是如果你想进一步定制，你可以访问一个光滑的 CSS 区域。包括一些集成，如 WPBakery 和 Layerslider。更不用说，你的商店有一些漂亮的工具，如快速查看选项，让人们快速查看产品的有限细节，并从弹出菜单中直接购买。

Adrenalin theme

评分:4.83 分(满分 5 分)
下载量:2000+
整合:WooCommerce、WPBakery 和 LayerSlider
简易多语言支持:是

手工制的

手工制作为你的网站提供了一个质朴的结构，有更粗糙的纹理和字体。这并不意味着它缺乏优雅，因为手工制作确实融入了大量耀眼、跳跃的线条和字体。事实上，根据您所在的行业，您有大量的主页演示可供选择。

如果你卖的是手工制品，如蜡烛、木工制品或工艺品，我们建议你这么做。从本质上说，对于那些通常会在 Etsy 上出售自己作品的人来说，这是最好的 WooCommerce 主题之一。由于 Etsy 从你的销售额中抽取一定比例，你应该总是有一个网站从客户那里获得大部分收入。

包括几个 PSD 文件，用于进一步定制设计，您还可以访问高级插件，如 Visual Composer 和 Revolution Slider，它们都可以为您的网站添加一些流行元素，而不会使空间变得杂乱。

WooCommerce 在移动界面上看起来很棒，一键演示安装几乎可以为您发布网站。除了字体令人敬畏的图标，大型菜单和无限的颜色，创意人员不会错手工制作的主题，所有这些都是 60 美元的低价。

Handmade theme

评分:4.24 分(满分 5 分)
下载量:2000+
集成:WooCommerce、Visual Composer 和 Revolution Slider
简易多语言支持:是

Planning to launch a new #ecommerce site soon? Check out this curated list of the 30+ best WooCommerce themes (free and paid) to find your perfect fit!🤵🧥Click to Tweet

你应该选择哪个最好的 WooCommerce 主题？

这是一个棘手的问题，但在一点指导的帮助下可以回答。毕竟网上这么多主题，哪些是最好的 WooCommerce 主题？即使这个列表很长，你也很难做出决定。

如果是这样的话，在扣动扳机之前，看看我们最后的一些建议。

寻找有免费版本和高级升级的主题。这样你就可以提前测试它们，或者继续使用免费版本，或者以后再升级。
尽管用免费主题来省钱很诱人，但大多数合法公司都是从高级主题或完全定制的网站设计开始的。其原因是支持的质量、更好的特性以及高级主题的低定价。
在安装 WooCommerce 主题之前，列出你需要的功能。然后，滚动你最喜欢的主题的功能列表，看看哪些有你想要的。
尝试找到包含多个演示的主题。这样，您可以利用可能已经为您的行业设计的演示。
购买前，请查看下载页面上的评论和问题。您可能会注意到一些用户在使用某些功能时遇到了问题，或者评级可能没有反映用户的真实想法。这也是一个很好的机会来看看一个开发者的反应有多快。
如果你担心将来会切换主题并丢失内容和设计元素，考虑一个带有框架的子主题。

这就是我们最好的 WooCommerce 主题！如果你有任何问题，或者你想提到一些你最喜欢的 WooCommerce 主题，请在下面的评论中告诉我们。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WooCommerce 教程——如何在你的网站上设置它

原文：https://kinsta.com/blog/woocommerce-tutorial/

在某种程度上，WooCommerce 是最受欢迎的电子商务解决方案。它拥有超过 400 万的活跃安装量，在 WordPress.org 上的用户评分为 4.6，以及一大批快乐忠诚的数码商店店主。

此外，截至 2019 年 6 月，WooCommerce 为大约 7%的在线商店和 22%的前 100 万电子商务网站提供支持。电子商务销售正在蓬勃发展，所以如果你想在 WordPress 支持的网站上开店，选择 WooCommerce 是你能做出的最佳决定之一。

剩下的唯一问题是:如何让 WooCommerce 上线并运行你的网站？为了回答这个问题，我们整理了一个广泛的 WordPress WooCommerce 教程。

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**让我们直接跳进来吧！

WooCommerce 可以免费使用吗？

WooCommerce 是一个开源购物车插件，可以在 WordPress 网站上免费下载和使用。然而，经营一家网上商店不是没有成本的，因为至少会有与主机和域名费用相关的成本，还有定制、设计、品牌、营销和广告成本。

Support

如何安装和设置 woo commerce(7 个步骤)

自然，你需要从安装并激活 WooCommerce 插件开始。你可以在一个新的或现有的 WordPress 网站上这样做。在接下来的步骤中，我们将带您完成设置插件和配置其设置的过程。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

重要的

为了保持最新并提供最佳体验，WooCommerce 3.7 和更高版本现在要求最低版本为 WordPress 4.9 和 PHP 5.6。

步骤 1:安装插件

你需要做的第一件事是在你的网站上安装 WooCommerce。你可以从 WordPress 知识库免费下载，然后上传到你的网站。更简单的是，你可以通过你的 WordPress 仪表盘安装它。

The WooCommerce WordPress plugin

为此，访问你的 WordPress 网站，导航到插件>添加新的。使用搜索栏找到“woocommerce”，找到合适的插件后点击立即安装。插件作者应该被列为 Automattic:

Installing WooCommerce

给插件一点时间安装。然后，点击激活按钮:

Activating WooCommerce

此时，插件将在您的网站上启动并运行！

步骤 2:访问安装向导

安装 WooCommerce 后，系统会提示您完成安装向导。这是可选的，但我们建议您浏览一下，以便配置一些关键设置。

WooCommerce 安装向导的第一页应该是这样的:

The WooCommerce Store setup page

在这里，WooCommerce 提示您输入一些关于您的商店的基本信息。这包括它的地址，你想用什么货币，你是打算卖数码产品还是实物产品(或者两者都卖)。

请记住，您在这里(或在安装向导的其余部分)所做的任何设置都可以在您的 WooCommerce 设置中进行更改。目前，我们的 WooCommerce 教程 2019 的下一步是选择 Let's Go 。

第三步:选择你的支付处理器

在下一页，你可以决定为你的在线商店启用哪些付款方式。默认情况下，你可以使用 Stripe 和/或 PayPal ，以及支票和现金等离线支付:

The WooCommerce Payment page

只需选择你想使用的选项，WooCommerce 就会为你设置。你也可以使用扩展来为你的商店添加更多的支付处理器，我们稍后会谈到这一点。在 Kinsta，我们是 Stripe 的忠实粉丝。

推荐阅读: 如何利用条纹雷达预防和减少 98%的信用卡诈骗

用方形代替？查看我们的深度对比博文:条纹 vs 方形。

第 4 步:配置您的运输选项

接下来，您将看到发货屏幕:

The WooCommerce Shipping page

在这里，您可以决定向客户收取多少运费。您可以为您的首选区域设置一个费率，为其他位置的客户设置另一个费率。如果你喜欢，你也可以提供一个或两个团体免费送货。

第 5 步:查看可选附加组件

至此，您已经为您的在线 WooCommerce 商店配置好了所有的基础。安装向导的下一页为您提供了一些可选的附加组件:

The WooCommerce Recommended page

所有这些工具都可以派上用场，虽然没有一个是运行你的网上商店所必需的。我们建议至少检查一下店面。这是一个专门为 WooCommerce 设计的 WordPress 主题，可以让你更快更容易地建立你的商店。

步骤 6:安装 Jetpack 插件(可选)

以下屏幕还提供了一个可选附件:

The WooCommerce Activate page

Jetpack 是一个方便的 WordPress 插件，提供了广泛的功能。这包括安全功能、各种分析等等。它可以是你的 WooCommerce 商店的一个有用的补充，但不是必需的——所以你是否想安装它取决于你自己。

步骤 7:完成设置过程

您的 WooCommerce 商店现已准备就绪:

The WooCommerce Ready page

你可以在这里找到一些有用的链接。您可以将产品导入您的商店，返回到您的 WordPress 仪表盘，或者编辑您刚刚配置的设置。

然而，最有可能的是，你现在想做的是开始添加产品。要继续关注我们的 WordPress WooCommerce 教程，请选择立即创建产品。
T3】

在 WooCommerce 中添加和管理新产品

安装 WooCommerce 后，你会在仪表盘的侧边菜单上发现两个新标签。这些被称为 WooCommerce (你的一般设置区)和产品(你的产品设置区)。

要开始设置您的在线商店，您可以点击设置向导末尾的链接，或者转到产品>添加新品。不管怎样，这将使你能够使用熟悉的 WordPress 编辑器添加你的第一个产品:

New WooCommerce product example

你要做的第一件事是为产品创建一个标题和简短的描述。以下是标题和描述在实时预览中的样子:

WooCommerce product title and description

完成这些后，你还会想把你的新产品的信息添加到 WordPress。在接下来的几节中，我们将看看如何做到这一点。

为您的产品添加关键细节

如果你在帖子编辑器下面向下滚动，你会看到两个在普通帖子或页面上找不到的新部件。首先是产品数据部分:

WooCommerce Product data section

在这里，你可以添加关于你的产品的各种细节。在顶部，您可以选择产品是否是虚拟的(这将删除发货标签)以及是否可以下载。然后，在常规选项卡中，您可以输入常规价格和销售价格(销售可能对时间敏感)。

如果你正在销售数码产品，你还必须上传要购买的文件，定制下载限制(留空以将其标记为无限制)，并设置下载到期时间(留空以使其永久可用):

WooCommerce Downloadable product options

接下来，在库存选项卡中，您可以通过输入产品数量、库存状态(有货/缺货)以及是否允许延期交货来管理您的库存:

WooCommerce Inventory tab

此外，您可以将产品标记为单独出售，这意味着在一个订单中只能购买一个。如果您有产品的 SKU(识别号)，也可以在这里输入。

这里还有许多其他有用的选项卡。运输部分将允许您输入物品的重量、尺寸和运输等级。在关联产品选项卡中，您可以添加追加销售和交叉销售，而属性使您能够描述产品的特性。

最后，在高级选项卡中，您可以输入定制的购买说明，在菜单中给产品一个固定的位置，并启用或禁用评论。如果你愿意，你也可以在获取更多选项屏幕下查看推荐的扩展。

创建属性和可变产品

正如你所看到的，有很多选项可以为你的 WooCommerce 产品添加细节并完全定制它们。让我们仔细看看产品数据部分中最有用的两个选项——属性和可变产品。

属性是你产品的关键描述符，它们告诉潜在客户关于产品的重要信息。这可能包括物品的颜色、材料、尺寸或类型等等。如果您在属性选项卡中为您的产品添加这些细节，它们将出现在产品页面上:

WooCommerce product with attributes

无论你销售的是什么类型的产品，属性对于以简洁的方式传达重要特征都是有用的。然而，如果你也出售有多种选择的商品呢？为此，您可以选择可变产品选项:

The WooCommerce Variations tab

这将给你一个新的变体标签，在这里你可以使用你已经分配的属性创建你产品的多个版本。例如，假设你提供一件红色、绿色和紫色的衬衫。您可以为每种颜色添加一个变体，然后给每种颜色一个独特的描述、价格等等。

您的客户将能够在产品页面上看到所有可用的变体:

WooCommerce product with variations

这使得访问者很容易一目了然地看到你所提供的一切。此外，这意味着您不必为同一商品的细微变化创建单独的产品页面。

定制您的产品简短描述

在产品数据小部件下，您还会发现一个标签为产品简短描述的部分:

The WooCommerce product short description widget

在这里，您可以创建一个出现在产品标题下的简洁标语。您可以使用此描述来突出产品的主要优势，并加入一个或多个关键字来帮助客户在搜索中找到它。

在定制产品的数据和描述之后，不要忘记查看产品页面上的其他选项。您可以为您的产品添加标签，将其放在一个类别中，并包括一个特色图像，甚至整个图像库。

您的最终产品在前端可能是这样的:

A sample product in WooCommerce

一旦你的产品准备好了，点击发布让它出现在你的网站上。然后，您可以根据需要重复此过程来创建其他产品。

管理你的网络商务产品

你可能会在你的 WooCommerce 商店中包含一些商品，这意味着你需要一种简单的方法来管理它们。幸运的是，您可以通过仪表板中的产品选项卡来完成这项工作。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

例如，您可以选择所有产品来查看您商店中当前列出的所有商品。您可以根据需要在此添加、编辑和删除产品:

WooCommerce products

在产品部分下的其他页面中，您可以查看您的产品类别、标签和属性。这些页面中的每一个看起来都像标准的 WordPress 帖子>分类页面，可以帮助你保持你的整个库存井然有序。

如何定制你的网上商店

在我们的 WooCommerce 教程的前面，您为您的在线商店配置了一些基本设置。然而，你可以在新的 WooCommerce 标签中找到更多选项。

在这里，您可以查看订单、优惠券和报告，以及自定义设置和添加新的扩展。让我们逐一浏览每个屏幕。

命令

首先， Orders 页面显示了您商店最近购买的商品列表:

The WooCommerce Orders page

如果你卖数码产品，除了查看最近买了什么，这里没什么可做的。但是，如果您销售实物商品，您可以在这里找到您需要运送的产品以及订单的状态。

优惠券

WooCommerce 有几个有用的选项，可以为你的电子商务商店添加新的优惠券。在优惠券选项卡中，您可以选择创建您的第一张优惠券进入编辑界面:

Creating a WooCommerce coupon

您可以在此添加优惠券代码和描述。然后， General 选项卡使您能够编辑其基本信息:优惠券的类型(百分比折扣、固定购物车折扣或固定产品折扣)、其价值、免费送货选项以及有效期:

The Usage restriction screen

在使用限制下，您可以设置客户为使优惠券生效而必须进行的最低消费。如果您不想让顾客将优惠券与其他优惠同时使用，也可以勾选仅限个人使用复选框。

您可以在此设置优惠券是否仅适用于非销售商品，还可以选择优惠券适用的产品和产品类别。最后，你甚至可以禁止某些电子邮件地址使用优惠券。

最后一个选项卡使用限制，使您能够确定优惠券可以使用的次数，包括总次数和每位客户的使用次数。然后，只需发布您的优惠券以激活它，并让您的客户知道他们需要的代码。

报告

WooCommerce 还提供强大的内置追踪功能。在报告选项卡中，您可以查看不同时间段的销售、订单和运输成本的图表:

The WooCommerce Reports tab

每个图表可以被限制为特定产品、类别或优惠券的销售。在客户子选项卡中，您还可以查看相同时间段内的客户获取情况。

最后但同样重要的是，您可以在库存子选项卡中查看您的低库存、缺货和库存最多的产品。如果需要，所有这些数据都可以导出为 CSV 表单。

设置

这就是 WooCommerce 令人印象深刻的地方。在设置屏幕中，你可以定制你的电子商务商店的方方面面。诸如“千位”分隔符的位置、整个结账过程、电子邮件选项等元素都可以根据您的需求进行定制。

在此部分中， General 选项卡涵盖了您商店的基本信息，包括货币、销售地点和展示选项:

WooCommerce General settings

这里另一个值得注意的选项是启用税率和计算。如果您选中此框，您将可以访问之前隐藏的税选项卡:

WooCommerce Tax settings

在这里，您可以让平台知道您输入的产品价格是否含税。在后一种情况下，你可以让 WooCommerce 根据你的商店地址、客户的送货地址或客户的账单地址为你计算税率。

需要一个一流的，快速，安全的主机为您的新电子商务网站？Kinsta 提供超快的服务器和来自 WooCommerce 专家的 24/7 世界级支持。查看我们的计划

您还可以配置如何将税收应用到运输成本，甚至决定是否将它们四舍五入。然后，您可以自定义价格和税款在前端和结账过程中的显示方式。

您的产品数据，包括尺寸、评论、库存详情、下载方法，甚至添加到购物车按钮，都可以在产品选项卡中进行定制:

WooCommerce Products settings

运输是您配置运输区域和价格的地方:

WooCommerce Shipping settings

您也可以自定义运费的计算方式，并选择默认的运输目的地。将您的商店仅限于特定国家也是可行的。

支付选项卡显示了您的商店中有哪些可用且活跃的支付处理器:

WooCommerce Payments settings

在这里，您可以启用和禁用任何您喜欢的支付选项。此外，您还可以找到为特定处理器定制设置的便捷链接。

接下来，账户&隐私控制着您客户体验的各个方面:

WooCommerce Accounts & Privacy settings

您可以设置隐私和结帐策略，配置客户数据的存储和保留方式，等等。

此外，对于如何处理客户结账，您有多种选择。在客人结账和账户创建部分，您可以决定访客是否能够以客人身份下单(即无需登录账户)。

然后，您可以决定他们是否可以在结账过程中选择登录和/或创建新帐户。您甚至可以为他们提供自动生成的用户名和密码，以加快注册过程。

在电子邮件选项卡中，您可以定制客户支持的所有内容:

WooCommerce Emails settings

在该屏幕的顶部，您会发现一个电子邮件通知列表，这些通知是通过 WooCommerce 发送的，以响应特定的触发条件(如订单被下或取消)。您可以点击这些电子邮件中的任何一封来启用/禁用它们，并自定义它们的内容:

Customizing WooCommerce emails

如果你习惯使用 HTML，你甚至可以在这里找到编辑电子邮件模板的说明。您可以将电子邮件的文件复制到您的主题文件夹中，然后进行您喜欢的任何更改。或者，您可以创建自己的定制电子邮件模板。

在此之下，你可以为你的 WooCommerce 商店发送的所有邮件配置一些全局设置。这包括“发件人”的姓名和地址、页脚文本，甚至颜色和背景。

最后，在高级选项卡中，您可以启用 REST API，配置密钥、应用程序和 webhooks，并执行其他低级任务:

WooCommerce Advanced settings

所有这些设置都可以根据您的喜好进行定制和更改，并且您的商店将会自动更新。

状态

接下来，让我们简要检查一下状态选项卡:

The WooCommerce Status tab

你所有的后台信息都可以在这里找到，比如你的woo commerce/PHP/MySQL/等等。版本、大小限制、日志记录等等。

在同一页面的工具子选项卡中，你可以清除网站的多个变量的缓存，清除旧数据，甚至将商店的设置恢复为默认设置。

扩展ˌ扩张

使 WordPress 成为这个星球上最受欢迎的内容管理系统(CMS) 的属性之一是它背后的社区。有成千上万的主题和成千上万的插件你可以用来定制你的网站。更何况近 100%都是用户贡献的。

这也适用于 WooCommerce，尽管规模较小。您可以在扩展选项卡和其他地方找到许多工具来扩展您的商店，添加新的选项和功能，并定制其外观:

The WooCommerce Extensions tab

例如，虽然你可以用任何主题来使用 WooCommerce，但它可以帮助你选择一个为插件设计的主题。店面是一个很好的起点，但是在目录中还有很多其他的选择，比如主题森林:

A selection of WooCommerce themes

您还可以查看 WooCommerce 扩展商店，它包括开发者创建的和第三方选项:

The WooCommerce extension store

有一些扩展可以为你的商店添加新的运输选项，启用订阅，定制结账流程，整合电子邮件和社交媒体营销，等等。你还可以找到免费和付费的扩展，让你为客户提供额外的支付处理器，如广场和亚马逊支付。

最后，你还会发现很多以各种方式扩展 Woocommerce 的插件。仅举一个例子，用于 WooCommerce 的 brain tree插件使你能够在你的商店上接受各种付款:

Braintree For WooCommerce plugin

换句话说，如果你想改变你的 WooCommerce 商店的工作方式，你可以通过简单地找到合适的工具来实现。

编辑 WooCommerce 模板

在 WooCommerce 的内置设置和许多可用的扩展和插件之间，你可以非常灵活地管理你的商店。然而，如果你是一个更高级的用户，并且想要执行你自己的定制，那么编辑 WooCommerce 的模板文件是一个很好的起点。

这将使您能够调整关键功能的工作方式，例如客户购物车和结账流程。请注意，这是一个有风险的过程，尤其是如果你是一个直接使用主题和插件文件的新手。在开始之前，你需要备份你的站点，以防任何意外的变化。下面是如何安全删除主题。

然后，你需要使用一个安全文件传输协议(SFTP)客户端比如 FileZilla 来访问你的网站。找到你网站的根文件夹(通常叫做 public_html 或者以你的域名命名)，然后导航到WP _ content/plugins/woo commerce:

The WooCommerce folder in FileZilla

在这个目录中，您会发现一个名为 templates 的文件夹。打开它，您会看到当前对您的商店有效的所有模板列表:

WooCommerce templates in FileZilla

此时，你可以打开任何你喜欢的模板，然后开始修改。例如，如果你想修改顾客下订单后出现的“感谢”页面，你可以打开结帐文件夹，找到【thankyou.php】的文件。然后您可以下载它，编辑或添加您认为合适的元素，并将其重新加载到您的服务器上。

网络商务托管

当你经营一家网上商店时，时间就是金钱。这就是为什么拥有一个快速可靠的 WordPress 主机很重要，以确保更长的正常运行时间，更高的转化率，以及更好的投资回报(ROI)。

众所周知，WooCommerce 会降低 WordPress 网站的速度，尤其是那些有很多产品的大型商店。幸运的是，有了 Kinsta 作为你的主机提供商，你就不需要担心这个问题了。我们提供托管服务，以及高度优化的 WooCommerce 托管服务，专门针对的性能而设计:

WooCommerce hosting plans at Kinsta

由于我们在谷歌云平台上的可扩展基础设施，以及最新的技术，如 PHP 7 、 Nginx 和 MariaDB ，我们可以确保迁移到 Kinsta 将有助于增加您的销售额！

“首席运营官用一个实际的解决方案联系了我，而不是我从别处得到的许多‘相信我们’的废话。他诚实直率，令人耳目一新。迁移后，支持由首席执行官负责，他提出了一些出色的建议和调整，极大地提高了性能。”

凯勒·沃姆，Swagway.com

The ecommerce world is booming. 💥 Set up your #WooCommerce store today with our comprehensive guide and start selling in no time! 🏪Click to Tweet

摘要

毫无疑问，WooCommerce 是 WordPress 最好的免费电子商务解决方案。从外表上看，这个插件有着惊人的统计数据。然而，只有当你深入挖掘插件的众多选项时，它真正的力量才会显露出来。

我们也有很棒的东西给你！我们花了几个月的时间编写了这本 18 章的 WooCommerce 优化指南。它包括大量的课程和免费工具，在 WooCommerce 的帮助下优化和发展你的百万美元公司。

在我们的 WooCommerce 教程中，我们有没有漏掉什么重要的东西？如果是这样，请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

更新 woo commerce:2022 年安全深入指南

原文：https://kinsta.com/blog/woocommerce-update/

更新你的 WooCommerce 商店是一件严肃的事情，因为你可能会破坏一些功能，这可能会对你的底线或你的网站的工作方式产生负面影响。

当 WooCommerce 更新时，店主们有四种想法:

牛仔:这些店主不假思索地点击了“更新”。然后他们的商店在他们周围轰然倒塌。
沙发土豆:那些完全忽视更新的人，视其为不存在。
这些店主有这么多过时的插件和主题，因为他们害怕尝试更新会发生什么。
**特立独行的人:**最后，这些店主会定期进行备份，在临时网站上测试 WooCommerce 的新版本，然后毫无问题地更新他们的实时网站。

理想状态下，每个人都应该特立独行。还好，做一个不难！有了合适的工具、可靠的测试清单和一些自动化，您就可以开始让您的 WooCommerce 网站保持最新并始终平稳运行。

在这篇文章中，我们将从头到尾向你介绍如何执行一个安全的 WooCommerce 更新，包括使用什么工具和一个大的测试和更新清单。

请记住，你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**， 10 种提高你的网络商务产品页面转化率的方法。**

**准备好开始了吗？那就让我们开始吧！

现在投资一点时间，为以后节省大量时间(和焦虑)

在我们开始之前，最佳实践告诉我们，在没有彻底测试任何新版本之前，永远不要更新你的站点，尤其是 WooCommerce。这适用于主要版本、次要版本和补丁版本——没关系。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

你必须愿意现在花一点时间来节省以后的大量时间。

你不需要马上点击“更新”按钮。给你自己一些时间，确保你明白将会发生什么变化，最重要的是，它们会如何影响你网站上的其他东西。只要仔细阅读你想更新的 WooCommerce 版本中的新功能，就能帮助你了解你需要准备些什么。

为了客观地看待事物，并理解事物有多容易崩溃，请从插件或主题开发者的角度考虑一下:因为 WooCommerce 核心和 WordPress 核心都需要向后兼容。现在，想想你或者你的客户站点正在使用的插件数量。WooCommerce 更新破坏某些功能的可能性有多大？嗯，我想你已经知道答案了:极有可能。

这就是为什么在 WooCommerce 更新公告之后，在更新 WooCommerce 之前回顾一下变更日志和WordPress.org 支持论坛总是有好处的。如果某个更新有问题，99%的情况下会是别人先发现这个问题，这样可以节省你大量的时间，也省去了你自己处理问题的麻烦。

在你更新你的网站之前，不立即将 WooCommerce 更新推送到你的网站并等待插件/主题作者发布他们自己的 WooCommerce 相关产品的更新也是很常见的。所以耐心并花时间检查兼容性真的会有回报。

说到更新你的 WooCommerce 网站，你的操作方式如何🤠牛仔，🥔电视迷，🙀受惊的猫，或者😎特立独行的人？点击查看你是哪种类型的店主👇 点击推文

开始使用您的 WooCommerce 更新

接近 WooCommerce 更新有四个基本阶段，每个阶段都有自己的步骤。我们保证，当你完成一次后，每一次都会变得更快更容易！我们将带您经历更新 WooCommerce 的以下四个阶段:

更新 WooCommerce:获得正确的工具

让我们面对现实吧:手动测试 WooCommerce 既繁琐又耗时。正是因为这些原因，很多人根本不这样做，或者当他们这样做时，他们没有正确地测试，并且错过了他们网站上的错误。

幸运的是，有一些工具可以帮助加速测试过程，让测试变得不那么无聊。经过多年来无数次测试 WooCommerce 更新，这些是我们推荐的工具。让我们仔细看看每一个。

暂存站点

这是没得商量的。你不应该在 WooCommerce 新版本发布后立即更新你的 live 站点。

暂存站点提供了一个安全的测试环境，在这里您可以自由地破坏东西(通常没有任何后果)。在那里，你可以运行 WooCommerce 更新，测试新版本，并在更新你的 live 站点之前看看你的站点会有什么反应。

如果你没有中转网站，Kinsta 可以帮助你——我们为每个网站提供免费的中转环境,如果一个不够，还可以提供多达五个附加的高级中转环境。

视觉比较工具

你如何知道你的网站在 WooCommerce 更新后是否发生了变化？如果你运行一个有几十个页面的大型网站，跟踪格式上的小变化，甚至是已经停止显示的小部件都需要时间。

有了像 WP Boom 这样的视觉比较工具，我们将在本教程中使用，你可以给你的网站拍一张快照，点击“更新”，然后拍第二张快照，这样你就可以很快看到有什么变化:

wp boom

WP Boom

需要指出的是，视觉上的改变并不一定意味着你的网站的某些功能被破坏了，只是它可能会被破坏。

端到端测试工具

虽然视觉比较工具可以帮助您快速发现网站的格式和设计的变化，但端到端测试工具走得更远。他们测试你的网站的实际功能，并在某些东西不工作时提供更多的确定性。

点击你的站点来完成测试，像添加一个商品到购物车和检查，需要时间。如果你之前已经测试过上百次 WooCommerce 更新，这些任务很快就会过时。

借助端到端测试工具，您可以自动完成这一过程。

随着机器人忍者关闭，我们将在本教程中向你展示如何使用两种不同的工具。

第一个是幽灵探长:

ghost inspector

Ghost Inspector

您可以尝试的第二个端到端测试工具是 Usetrace :

usetrace website

Usetrace

这是 WooCommerce 的另一个自动化端到端测试工具，你可以在舞台和现场使用。我们将在本文的后面介绍如何设置这两者。WooCommerce 也有一些 E2E 测试，如果你是一个更像的开发者，你可以通过这些测试。

备份工具

你应该定期备份你的网站。如果你对数据库备份感兴趣，我们推荐 WP Migrate DB Pro ，或者简单地使用 WP-CLI 运行快速导出。

如果您使用 Kinsta，我们为您的所有计划提供自动每日备份、手动备份点和备份保留:

MyKinsta backups

一旦你准备好了合适的工具，就该做些准备了。

更新 WooCommerce:准备(7 步清单)

如果你想让你的 WooCommerce 更新顺利进行，你需要做一些准备。这需要做一些工作，但是在你做了一次准备之后，下次你更新的时候会更容易填充空白并且做得更快。下面是我们推荐的七个准备步骤。

第一步:重新熟悉你正在更新的网站

如果你不确定你的网站应该如何运作(例如，如果它是一个新客户的网站)，做些笔记。这将有助于减轻你的焦虑，如果你在更新后对网站的工作方式感到困惑的话(这比你想象的更经常发生)。

我还建议列出你网站(和客户)的关键网址和功能。这应该包括你网站上的重要页面，比如你的主页、类别和产品、【我的账户】、购物车和结账页面。

步骤 2:验证您的备份是最新的

如果您的备份不是最新的，现在是运行另一个备份的时候了。重新熟悉您的备份工具。最重要的是，检查它是否正常工作，并确保你知道如何恢复到你的站点之前的快照。

第三步:安装 WP 吊杆

安装这个工具只需要一分钟。如果你的记忆和笔记不好(我们都可能犯错误)，WP Boom 可以通过你的网站截图来帮助填补空白。把它们想象成减肥宣传中的“之前”照片。

您需要从拍摄第一个站点快照开始，这样您就有了一个临时站点更新前的可视基线记录。

它通常不能对结账(你的购物车中需要一些产品)和受保护的页面进行截图，但这是下一代工具可以帮助的地方。

**注意:**在这篇文章的后面，我们将带你了解如何设置和使用 WP Boom。

步骤 4:设置您的自动化测试工具

如果你手动测试 WooCommerce，这是你需要列出一系列测试场景的部分:比如，打开你的网站，把一个产品添加到购物车，去结账，输入支付信息，等等。

幸运的是，Ghost Inspector 和 Usetrace 都可以自动为您完成所有这些工作。我们稍后将解释如何设置这两个工具。

步骤 5:确定你的站点中你想要测试的任何其他部分

下一步是根据您之前创建的关键 URL 和功能列表，确定您的站点中您想要测试的任何其他部分。这可能是像联系人表单和弹出窗口这样的功能，或者是像幻灯片和图库这样的元素。

您可以手动测试这些东西，或者如果您更注重技术，您也可以尝试自动化这一步骤。

第六步:看看你正在升级的 WooCommerce 版本有什么新内容

查看您正在更新的 WooCommerce 版本中有哪些新的更新和功能也是一个不错的主意。更具体地说，检查你的插件和主题是否与之兼容。

还是那句话，不如现在花点时间给自己省点时间，省得以后焦虑。我们建议查看 WooCommerce.com 的发布公告、变更日志、GitHub 问题以及 WordPress 支持论坛。

步骤 7:将您的实时站点克隆到您的临时环境中

如果你正在使用任何以分期模式为特色的插件，比如 WooCommerce 订阅，打开它们或者干脆禁用它们。同样，你会想要禁用电子邮件。

然后，仔细检查以确保您的试运行环境尽可能地模拟您的实际站点。我们还建议在这一点上启用 WordPress 调试模式,以帮助以后解决问题。

**重要提示:**在你把你的网站推向试运行后，你不想失去任何可能到来的订单。为了避免这种情况，我们建议将你的 WooCommerce 商店设置为维护模式。这将确保在您执行更新和测试时不会下订单。

更新 WooCommerce:更新和测试你的筹备网站(7 步清单)

现在，您已经准备好了，接下来是有趣的部分:更新您的登台站点。分期网站最棒的一点是，即使你的网站崩溃了也没关系，因为它只是一个副本。让我们来看看这部分流程涉及的步骤。

第一步:用 WP Boom 给你的网站拍快照

你要做的第一件事就是用 WP Boom 给你的网站拍一张快照。这将为您提供临时站点更新前的直观基线记录。

步骤 2:运行您的测试工具，并确保您的测试通过

正如我们前面提到的，您可以使用一个端到端的测试工具，比如 Ghost Inspector 或者 Usetrace 来自动化您的测试。在本文的后面，我们将带您了解如何使用这两种工具运行测试，并检查以确保测试通过。

步骤 3:更新你的插件和主题

在准备阶段，我们提到要检查你的插件和主题是否与你升级到的最新版本的 WooCommerce 兼容。如果你发现你的插件或主题已经过时，不再与 WooCommerce 的最新版本兼容，现在是时候把它们更新到一个兼容的版本了。

步骤 4:在你的暂存站点上更新 WooCommerce

一旦你更新了你的插件和主题，确保不会有任何兼容性问题，你就可以把你的临时站点更新到 WooCommerce 的最新版本了。更新你的临时站点可以让你在把 WooCommerce 更新推送到你的实时站点之前，发现任何潜在的错误。

步骤 5:检查日志中的错误

更新完你的插件、主题和 WooCommerce 后，明智的做法是检查你的日志，寻找这些更新导致的任何错误。快速浏览一下，确保你仍然可以访问你的主页和管理区。

如果你得到一个白屏死机或者陷入其他一些不可恢复的情况，现在是一个好时机恢复到你的站点以前的快照。你可以自己解决问题，也可以寻求帮助。

步骤 6:拍摄第二个快照来比较更改

如果到目前为止一切顺利，再次运行 WP Boom 并获取第二个快照。比较前后的快照，查看有哪些变化。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

WP Boom 的伟大之处在于，它会告诉你自上次快照以来，你的网站发生了多大的变化。

例如，两组快照之间可能有 7%的视觉变化。虽然这并不一定意味着你的网站崩溃了，但这可能意味着你需要 T2 调整一些风格。

第 7 步:运行 Ghost Inspector 或再次使用 trace 来确保一切正常工作

接下来，使用 Ghost Inspector 或 Usetrace(或您选择的任何端到端测试工具)运行另一个测试，以确保您的结账流程处于正常工作状态。您还可以对网站上的任何其他功能执行手动或自动检查，例如联系人表单。

如果有任何事情不像你预期的那样工作，现在是时候报告和/或修复它了。

如果您的站点上运行了自定义代码(即不是由第三方插件/扩展开发者维护的代码)，您将需要修复它，并确保在运行更新之前或之后将修复应用到您的活动站点(取决于问题)。

版本控制，**比如让你的站点在 Git 中，可以帮助你更好地管理变更。**您在哪里报告错误将取决于您使用的插件和您的支持安排。从这里开始，你要么等待你的插件/主题的新版本，然后再次尝试这个过程，要么自己动手修复并更新你的代码。

好消息是，你的 live 网站没有被破坏，你的客户仍然可以购买。另外，你可以根据需要花时间重复这个过程，直到你觉得一切都如预期的那样顺利。

更新 WooCommerce:更新和测试你的网站(8 步清单)

一旦您更新了您的临时站点并使其顺利工作，修复了任何损坏的功能并排除了所有错误，您就可以更新您的实时站点了。

让我们来看看更新你的在线 WooCommerce 站点的步骤，其中许多步骤与你在测试你的临时站点时执行的步骤相似。

步骤 1:备份您的实时网站

第一步是备份您的实时网站。确保你不会错过这一步很重要。如果您是 Kinsta 用户，您有多种备份选项可供选择。不过，你也可以使用一个备份插件。

第二步:给你的网站再拍一张快照

接下来，你会想用 WP Boom 给你的网站再拍一张快照。这为你提供了一个可视化的基线记录，你的现场，更新前。

步骤 3:运行 Ghost Inspector 或 Usetrace，并确保您的测试通过

同样，您可以使用 Ghost Inspector 或 Usetrace 来完成这项工作，这取决于您是希望使用 Chrome 扩展还是在线工具来记录您的测试。这为您的站点预更新提供了另一个基线。

步骤 4:同步并实时推送您的更改

接下来，根据您的临时和实时环境的工作方式，您可能只需要在临时和实时站点之间同步更改。或者，你可能不得不再次更新你的插件和代码。

如果你和 Kinsta 在一起，你可以一键推送实时更改:

The MyKinsta push staging to live option

记得首先将你的 WooCommerce 商店退出维护模式。

步骤 5:检查日志中的错误

完成更新同步后，请再次检查错误日志，了解可能因此而出现的任何问题。验证您仍然能够访问主页和管理区。

与暂存站点一样，如果您出现白屏死机或遇到另一种不可恢复的情况，最好恢复到您站点之前的快照，并进行一些故障排除或寻求帮助。

第六步:用 WP Boom 再拍一张快照

接下来，再次运行 WP Boom，这样你就有了第二组快照。比较之前和之后的快照，查看是否有任何更改。

第 7 步:再次运行 Ghost Inspector 或使用 trace 来确认站点工作正常

同样，您可以使用您的自动化工具运行另一个测试，并确保一切正常工作。此时，您还可以对站点上的其他功能执行任何其他手动(或自动)检查，例如联系人表单。

如果您在更新您的登台站点时处理并修复了任何问题，例如冲突的插件代码和您自己的自定义代码，那么在此阶段应该不会有太多问题(如果有的话)需要修复。

你的电子商务网站需要一个超快的、可靠的、完全安全的主机吗？Kinsta 提供所有这些服务，并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

第八步:做最后的目视检查

你差不多完成了。剩下唯一要做的就是仔细检查你的关键 URL 列表和功能，确保一切正常。

如果一切顺利，那就这样吧！您的 WooCommerce 更新现已上线。

WP Boom 入门

WP Boom 是为 WordPress 打造的可视化测试和比较工具。设置完成后，您可以比较网站更新前后的屏幕截图，并在自动更新导致网站发生视觉变化时收到提醒:

wp boom 1

WP Boom

要开始使用 WP Boom，请注册一个免费帐户。输入您的电子邮件和密码后，会弹出一个模式，要求您连接一个新站点:

wpboom new site

The WP Boom sign-up form

一旦您输入详细信息并点击创建网站，WP Boom 将开始拍摄您网站的第一张快照。这将需要一两分钟的时间，取决于您的站点包含的页面数量:

wpboom first snapshot

A WP Boom snapshot

完成此过程后，页面将会刷新。当您点击您的网站名称时，您将看到您的快照的概述，包括拍摄时间和您的网站上有多少页面:

wpboom latest snapshot

A WP Boom latest snapshot

当您准备好拍摄第二张快照时，只需返回 WP Boom 仪表板，选择您想要拍摄快照的站点，然后单击拍摄选定站点的快照。

WP Boom 包括的其他一些不错的功能是可以安排每周快照和电子邮件报告，详细说明你网站上的任何视觉变化。如果你管理大量的网站并且有自动更新功能，这是很有用的。

自动化测试工具:Ghost Inspector 和 Usetrace

重要的是，在更新后，测试并确保整个 WooCommerce 网站的功能正常工作，而不仅仅是你的结账过程。

毕竟，如果一个客户填写了一份联系表或者试图使用实时聊天，而这些功能都被破坏了，如果你没有测试过，你怎么知道呢？

运行手动测试很容易:只需点击你的站点，填写表格，使用你的实时聊天窗口。

为了帮助自动化这一过程，您可以首先列出关键功能的列表，以及如何手动执行测试的说明(例如，“打开网站，导航到联系页面，填写表格等。”).这将确保您在进行手动测试时不会遗漏任何东西。

如果您更喜欢自动化这个过程，希望对您的自动化测试有更多的控制，或者有一个高度定制的站点或功能，我们建议您查看 Ghost Inspector 和/或 UseTrace。

如果你不熟悉 PHP，也不想乱搞脚本和代码，这两个都是很好的选择。这些选项为自动化您的检验测试提供了相似的特性。

最终，你选择哪一个将取决于你是想使用一个 Chrome 扩展还是一个在线工具来记录你的测试。或者，如果你是一名开发人员，并且喜欢弄脏自己的手， Codeception 对开发人员来说是一个很好的选择。

Ghost Inspector 入门

Ghost Inspector 是一个工具，你可以用它来自动测试你的 WooCommerce 网站，并确保它正常工作。最好的部分是，你不需要任何编程或测试经验来使用它。

Ghost Inspector 的工作原理是在你的浏览器中添加一个 Chrome 或 Firefox 扩展。然后扩展记录你的站点并自动运行测试。

要开始，请访问 Ghost Inspector 网站并点击开始您的免费试用。在表格中输入您的信息，然后选择创建账户:

ghost inspector account

The Ghost Inspector sign-up page

这将把您重定向到欢迎页面。在底部，点击安装测试记录器按钮:

install test recorder

Installing the Ghost Inspector test recorder

这将在一个新的浏览器标签中打开 Chrome 网络商店。选择添加到 Chrome :

ghost inspector extension

Adding the Ghost Inspector Chrome extension

Ghost Inspector 扩展将自动添加到您的浏览器中，显示在右上角。第一次单击它时，它会要求您使用您的凭据登录:

ghost inspector login

Logging in to the Ghost Inspector Chrome extension

刷新您的浏览器。当你准备好运行测试时，访问你的 WooCommerce 网站(确保你已经退出)，然后点击浏览器扩展。

在下拉菜单中，选择“创建新测试”选项，然后点击开始记录按钮:

ghostinspector start recording

The Ghost Inspector ‘start recording’ button

当您运行和测试您的网站，鬼督察将记录您的所有行动。完成后，再次点击扩展，然后点击我已完成录制:

ghostinspector finished recording

The Ghost Inspector ‘finished recording’ button

然后，您可以命名并保存您的测试。如果您选择查看我的测试，它会将您带到 Ghost Inspector 仪表板:

ghost inspector dashboard

The Ghost Inspector dashboard

在这里您可以查看测试的所有细节。您将看到所涉及步骤的列表，并可以选择编辑它们。它会告诉你测试是否通过，如果没有，哪些步骤需要你的注意。更多详细信息，请查看 Ghost Inspector 文档。

Usetrace 入门

如果你想使用一个不特定于任何浏览器的自动化测试工具，你可能想使用 Usetrace。使用此工具，您可以通过使用在线编辑器记录您的工作流程来创建“跟踪”。然后你可以用它们来自动测试你的站点。

要开始，请访问use trace 网站并点击注册并立即开始测试。创建帐户后，您将被重定向到 Usetrace 仪表板。选择开始创建新的轨迹:

usetrace create new

The Usetrace dashboard

左边的窗口是您的跟踪步骤和设置。右边是您正在测试的站点。首先，点击记录步骤:

usetrace record steps

Recording trace steps

该计划将开始记录您的网站互动。每当你采取一个动作，比如添加一个商品到你的购物车或者填写一个联系表单，它会在左边的跟踪步骤中添加一个检查点。

完成后，点击保存步骤按钮:

usetrace save steps

A Usetrace test

要运行整个跟踪以确认一切正常，选择左下角的运行跟踪:

usetrace run trace

The Run Trace button in Usetrace

完成后，您应该会看到一条成功消息:

usetrace success message

A Usetrace success message

您可以点击详情了解每个步骤的更多信息，或者如果您完成了，选择确定。如需更详细的指导和说明，请随意参考 Usetrace 文档。

Do the words 'WooCommerce site update' make you nervous? 😅 Learn how to complete the process safely and easily with this guide!Click to Tweet

摘要

有了正确的工具、一些准备时间和一份可靠的清单，测试和实现 WooCommerce 更新应该没有问题。为了消除对更新 WooCommerce 的焦虑，重要的是揭开这个过程的神秘面纱，我们在这里已经做到了。希望这个指南为你的 WooCommerce 网站保持最新提供了一个坚实的基础。

我们还应该强调，测试你的商店的交易电子邮件也很重要，但这是一个完全不同的旅程。

现在，回到你的问题:你在更新 WooCommerce 和 WordPress 时使用可视化或截图工具吗？您还使用哪些其他工具和工作流程进行更新？在下面的评论中与我们分享吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何在 WooCommerce 中创建可变产品

原文：https://kinsta.com/blog/woocommerce-variable-product/

当你第一次推出一家网上商店时，你可能会专注于一些基础工作，比如添加新产品、设置你的购物车，以及简化的结账流程。但是，设置一个 WooCommerce 变量产品对你来说可能有点神秘。

或者说，至少，这不是当务之急。但是当你遇到一个有很多变化的产品时，它突然变得非常紧迫。

查看我们的视频指南，在 WooCommerce 中创建可变产品

幸运的是，在 WooCommerce 中添加产品变化非常简单，不需要太多的技术知识。但如果你是电子商务平台的新手，在选择时有点迷失方向是正常的。

我们今天的目标是在这方面提供帮助。我们将讨论什么是可变产品，变量和属性之间的区别，如何创建 WooCommerce 可变产品，以及如何使用插件更好地优化您的产品变化。

让我们开始吧。

什么是 WooCommerce 可变产品？

WooCommerce 可变产品可以很容易地定义为几种不同类型、风格或变化的产品。变化的例子包括:

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

颜色
大小
风格
材料

这与 WooCommerce 中的产品过滤器不太一样。即使在筛选产品时，您仍然需要选择变量。

当客户访问包含变量的产品页面时，他们需要在将商品添加到购物车之前进行某种选择。许多类型的商店和企业利用不同的产品。以下是一些流行的例子:

提供各种尺寸和颜色选择的服装店。
一家比萨店，允许顾客在将商品添加到购物车之前，从下拉菜单或复选框式菜单中选择浇头。
一位艺术家出售各种材料的定制印刷品，如帆布或木头，有多种尺寸可供选择。
家居用品销售商需要顾客为家具选择材料和/或面料。

这样的例子不胜枚举。事实上，每种类型的商店在某些时候都需要产品的变化。

好消息是 WooCommerce 可以创造内置的可变产品。而且配置起来也没那么难。但是在我们进入如何做到这一点的逐步教程之前，我们需要首先对变体和属性进行本质上的区分。

Is setting up a WooCommerce variable product may be a bit of a mystery to you? 🤔 Read this 📚Click to Tweet

属性与变化

在 WooCommerce 中，变化和属性之间最重要的区别是，变化可以被客户交互，而属性不能。

首先，属性是定义变化的东西。这些是不同的款式，如颜色、图案等。你也可以在 WooCommerce 中根据这些属性进行排序。但是它们仅仅是信息性的，没有任何功能。

属性也用于定义特定产品的特性。一个钱包的产品页面可能会列出尺寸、使用的织物和把手的材料作为属性。这些是关于产品的陈述事实——它的属性——客户不能基于这些属性做出选择。

另一方面，变体通过不同的产品使用不同的属性，并允许用户购买某种属性的商品。变体还包括这些属性的不同组合，这可以创建单独的产品选项。

例如，假设您有产品的颜色和徽标属性。在这种情况下，这些可以组合成不同的变化，即带有蓝色海豚标志的帽子，带有绿色火蜥蜴标志的帽子，等等。

这里的要点是顾客可以在结账前选择变化作为转换过程的一部分，而属性不能。

但是，如果您在设置任何变体之前已经建立了属性，这将会有所帮助。但是，在你出于完全的困惑而奔向群山之前，不要担心:这个过程相当简单。

如何创建 WooCommerce 可变产品

现在我们来到了文章的教程部分。在我们开始之前，我们假设您已经安装了 WooCommerce，并且已经在您的商店中添加了一些产品。

1.创建产品属性

在这里，您的首要任务是创建一些产品属性。你可以在 WordPress 仪表盘中进入产品>属性。

Adding a new attribute to WooCommerce.

在这个部分中，您可以为您的在线商店创建一个新属性。第一次安装时，WooCommerce 会添加一个默认属性“Color”。

我们在这里添加了一个额外的属性“大小”只需键入属性(大小)的名称，一个相关的 slug(大小)，然后在完成后点击蓝色的添加属性按钮。

Attributes in WooCommerce.

在这里，您可以单击您刚刚创建的属性旁边的链接，上面写着配置术语。

Adding the “Medium” term to the “Size” Attribute.

在这个部分中，您可以添加尽可能多的术语来与您的新属性相关联。对于“大小”，我们在这里添加了术语“中等”。这与添加属性遵循相同的过程。只需键入名称(在我们的例子中，我们使用了“Medium”)、一个 slug (medium)和一个描述(如果您愿意的话)。完成更改后，按蓝色的添加新尺寸按钮。

Adding the term “Green” to the “Color” Attribute.

我们还为“颜色”属性添加了额外的术语。你可以看到上面显示的“绿色”。

你可以用这种方式在 WooCommerce 中为每个属性添加尽可能多的属性和相关术语。哪些属性和术语以及每种属性和术语的数量取决于您经营的商店类型和您销售的产品类型。

2.创建一个可变的 WooCommerce 产品

下一步是创建一个产品页面，在这个页面上可以应用您的属性。为此，你需要去产品>添加新的。

给你的产品起一个名字和描述，添加任何你喜欢的图片，或者以你认为合适的方式编辑它。然后，向下滚动到产品数据部分。

在顶部，点击下拉菜单并选择可变产品。

Creating a variable product.

接下来，您可以在 General 选项卡下填写定价等所有相关详细信息。

3.分配属性

将您的产品设置为可变产品后，您现在可以将之前创建的属性添加到其中。点击属性选项卡，选择一个您创建的属性。然后点击添加按钮。

将出现一个名为 Value(s) 的部分，在该部分下，您将看到之前分配给该属性的所有术语。选择适用于该特定产品的任何条款(或点击全选，如果适用且更简单)。

如果您希望这些属性可供客户选择，请确保您选中了“在产品页面上可见”旁边的复选框。

如果您希望从这些属性中创建变体，也请选中“用于变体”旁边的框。

Assigning attributes to a product.

点击保存属性完成本部分。

4.添加变体

这里您的最后一项任务是将变体本身添加到您的产品页面。点击变化选项卡。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Adding variations in WooCommerce.

在这个部分，您应该会看到一个下拉菜单，上面写着 Add variation 。点击旁边显示开始的按钮。

当您可以选择适用于该特定产品的属性时，一个新的下拉菜单将会出现。请根据产品选择合适的选项。

在每个变体下，您也可以调整设置，例如为每个变体设置价格、销售价格、 SKU 号、库存状态、重量和尺寸。然而，只需要价格。

当您完成对变体的更改后，单击蓝色的保存更改按钮。

然后，您可以重复该过程来创建您想要的任何其他变体。

优化 WooCommerce 产品变化

现在你知道了什么是可变产品，以及如何在 WooCommerce 中创建它们，你可以更深入地研究如何让它们真正发光。这里有几个 WooCommerce 插件和扩展选项，可以让你的产品页面和提升转化率发挥到极致。

查看我们的视频指南，优化 WooCommerce 产品变化

1.样本

Variation Swatches for WooCommerce plugin.

Variation Swatches

我们在这里讨论的第一个插件是 WooCommerce 的变体样本。它提供了一种简洁美观的方式来展示产品属性和变化。这个插件还以色块样本、标签和无线电图像的形式，为客户如何选择这些选项提供了更多的选项。这是一种全方位展示产品变化的时尚方式，完全消除了下拉菜单。

这些选项在产品快速查看和产品页面中都有效。您甚至可以选择样本的形状–圆形或圆形。其他功能包括悬停工具提示和自定义 CSS 功能。

WooCommerce 的变化样本是免费的。

2.附加变体图像

Additional Variation Images Gallery for WooCommerce plugin.

Additional Variation Images Gallery

接下来，我们为 WooCommerce 提供了额外的变体图像库，这使得为产品变体显示多个图像成为可能。默认情况下，WooCommerce 允许你为每个产品变体显示一张图片，但是这个插件扩展了这个功能，允许你为每个变体显示一个图库。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

毕竟，让顾客更多地了解你的产品可以促进销售。因此，当客户在产品页面上切换不同的产品时，他们将看到一组不同的图像。更多信息=更好地了解你在卖什么。这可以让你对自己的品牌更加信任。

WooCommerce 插件的附加变体图片库是免费的。

3.产品属性过滤器

Product Filter by WooBeWoo plugin

Product Filter by WooBeWoo

WooBeWoo 的产品过滤器是另一个非常值得一看的插件选项。这样一来，你的在线商店的访问者就可以根据更广泛的因素对你的产品进行分类，包括类别、标签、分类、价格和属性。

这里包含的主要功能是根据任何标准进行过滤，如销售状态、评级或商品是否有货。它还允许您使用多个选项在网站的前端显示过滤器，包括下拉菜单、复选框列表、单选按钮列表和图标。它还支持 AJAX live search，并与 Elementor 协同工作。

WooBeWoo 的产品过滤器是免费的。

4.自定义产品源

Product Feed PRO plugin.

Product Feed PRO

另一个要检查的插件是 Product Feed PRO ，它可以为的营销目的创建产品 Feed。有了它，您可以使用 100 多个不同的模板为各种在线营销场所创建无限数量的产品和提要。它包括对谷歌购物、脸书再营销、Pricerunner、必应广告、Skroutz 等的支持。

其他特性包括字段映射、类别映射、过滤和对产品变量的支持。你也可以使用这个插件添加一个脸书像素到你的网站，一个谷歌动态再营销像素，和脸书转换 API。

产品饲料亲是免费的。

5.添加更多产品选项

Extra Product Options for WooCommerce plugin.

Extra Product Options

这个插件附带了 17 个不同的自定义字段供使用，包括文本、密码、隐藏、电子邮件、数字、 URL 、电话、文本区域、选择、单选按钮、复选框、复选框组滑块、日期选择器、颜色选择器、标题和段落。

WooCommerce 插件的额外产品选项是免费的。还有一个高级选项，增加了 7 个产品选项，包括时间选择器、HTML、调色板、文件上传、多选、数据和时间范围选择器以及图像组。高级版本的单站点许可费用为 39 美元。

6.为变化添加动态定价

Advanced Dynamic Pricing for WooCommerce plugin

Advanced Dynamic Pricing for WooCommerce

高级动态定价插件对许多卖家来说也有一席之地。它的工作原理是为你的 WooCommerce 商店添加动态定价或折扣功能，你可以随时打开或关闭这些规则。

使用它，您可以为单个产品或产品组设置金额、百分比和固定产品。其他功能包括批量定价和基于角色的价格。因此，您可以为整个类别的产品设置折扣，并建立特殊交易，如果客户购买一定数量的商品，他们可以获得一定比例的折扣或建立 BOGO 交易。

这些选项非常灵活，让你在定价和销售上更有创意。WooCommerce 的高级动态定价是免费的，但有一个附加规则和功能的高级版本。高级定价从每年 50 美元开始。

7.在表格中显示变体

Screenshot of Product Variations Table for WooCommerce extension.

Product Variations Table for WooCommerce

WooCommerce 扩展的 Product Variations Table 是手头上另一个可靠的工具，尤其是如果你销售的产品喜欢复杂和并发的变化。客户可以通过过滤和分类每个产品页面上的变化来使用这个插件。

它允许您以表格的形式显示产品变化，客户可以通过排序和 Ajax 过滤功能与之交互。客户甚至可以通过该表格格式中的变化来搜索产品。它还包括表中每个商品旁边的添加到购物车按钮，提高了转换的机会。客户甚至可以将变体信息导出为 PDF、Excel 或 CSV 格式的下载文件。

您创建的所有桌子都可以定制，以匹配您商店的品牌，并包括一个短代码以方便应用。WooCommerce 扩展的产品变化表每年花费 49 美元。

8.YITH WooCommerce 颜色和标签变化

YITH WooCommerce Color and Label Variations plugin

YITH WooCommerce Color and Label Variations

最后，还有 YITH WooCommerce 颜色和标签变化，它提供了一种在你的产品页面上显示产品选项的简单方法。它以一种吸引人的方式做到这一点，旨在更有效地转化。

这里的想法是将你所有的产品选项放在你的客户手边，以便准确地知道他们有哪些选项，他们可以得到什么。每种产品变化都可以通过您选择的图标或自定义图像来显示。

YITH woo commerce Color and Label Variations 是一款超值产品，定价为每年 89.99 美元。

Adding product variations doesn’t require a lot of technical know-how... but if you’re new to WooCommerce, it’s normal to be a bit disoriented. 😅 This post is here to help. 💪Click to Tweet ## 摘要

就这样了。在 WooCommerce 中创建可变产品现在并不那么令人望而生畏，不是吗？一旦你清楚地了解了变量是什么以及它们是如何工作的，你就可以相对容易地创建它们。

今天，我们讨论了什么是可变产品以及它们是如何工作的。我们已经讨论了变化和属性之间的区别，以及如何创建可变产品及其相关属性。

我们已经编译了几个插件，在形式和功能方面增强了可变的产品特性。这里有适合每个人的东西。希望你现在可以创造各种各样的产品，让它们为你的网上商店服务。

如果你需要更多关于促进网上商务销售的建议，我们有完整的指南。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WooCommerce 与 Easy Digital Downloads:你应该使用哪一个？

原文：https://kinsta.com/blog/woocommerce-vs-easy-digital-downloads/

从市场份额来看，WordPress 是创建电子商务商店最受欢迎的方式。尽管 WooCommerce 大受欢迎，但实际上你可以通过多种方式使用 WordPress 来创建一个电子商务商店，轻松的数字下载是另一个重要的选择。

这可能会让你想知道…当谈到 WooCommerce 和 Easy Digital Downloads 时，你应该使用哪个插件来建立你的商店？

嗯，简单的答案是，WooCommerce 是针对实体产品的，而 T2 的 Easy Digital Downloads 是针对数字产品的。

虽然上面这句话大体上是对的，但它也有点过于简单了。也就是说，你仍然可以使用 WooCommerce 来销售数字产品，也可以销售易于数字下载的实体产品。

因为答案并不总是那么简单，所以在这篇文章中，我们将对 WooCommerce 和 Easy Digital Downloads 进行全面的比较。

最后，你应该知道哪一个是你的 WordPress 电子商务商店的正确选择。

woo commerce vs Easy Digital Downloads
每台机器能卖什么？
您可以使用哪些支付网关？
有哪些插件和主题可用？
一个插件比另一个更容易使用吗？
定价差异
电子商务表现

WooCommerce 和简单的数字下载

毫无疑问，WooCommerce 是 WordPress 电子商务领域的巨头。2015 年被 Automattic 以**~ 3000 万美元**收购，WooCommerce 在互联网上所有电子商务网站中占有 ~8%的市场份额。当你看到排名前 100 万的网站时，这个比例高达 21%。

WooCommerce 最初是用来处理实体产品的，不过现在你也可以用它来处理数字产品。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

它的受欢迎程度，加上它由 Automattic 支持的事实，意味着:

WooCommerce extensions 有一个巨大的市场，你可以用它来为你的商店增加额外的功能。WooCommerce 主题也是如此。
它得到了持续的支持和发展。基本上，它不会很快消失。
如果你遇到任何问题，很容易找到帮助或专家支持。

容易数字下载，通常缩写为 EDD，没有 WooCommerce 那么受欢迎。根据数据，它只为最富有的 100 万人中的 0.2%提供电力。但这没什么可嗤之以鼻的，它在销售数码产品的电子商务商店中很受欢迎。

顾名思义，Easy Digital Downloads 是为处理数字产品而建立的，尽管它现在确实为实体产品提供了基本的支持。比如 WooCommerce:

轻松数字下载拥有官方和第三方扩展的市场。2017 年，Easy Digital Downloads 将其托管市场内部化，但你仍然可以找到大量第三方插件。
虽然 EDD 背后的公司沙丘发展公司没有 Automattic 那么大，但它仍然很有名气。除了 EDD，它还有像 Restrict Content Pro 和 AffiliateWP 这样的插件。

Google trends - WooCommerce vs Easy Digital Downloads

Google trends – WooCommerce vs Easy Digital Downloads

你能用 WooCommerce 和简单的数字下载卖什么？

好的，尽管我们一开始给你的是简化版，你可以使用 WooCommerce 和 Easy Digital Downloads 来销售实体和数字产品。

也就是说，有一个原因仍然是一个很好的经验法则:

虽然你可以使用简单的数字下载来销售实体产品，但它仍然是以数字产品为中心构建的，所以对实体产品的支持永远不会像你从 WooCommerce 获得的那样详细。
WooCommerce 有很多明显不适用于数码产品的功能。基本上，一个纯数字商店有很多你不需要的多余的东西。
虽然两者都支持软件许可密钥，但大多数开发者似乎更喜欢简易数字下载的许可密钥和订阅方式。EDD 的软件许可模块定期更新。

关键要点:

如果你的商店销售的大多是数字产品，只有少量的实体产品，那么简单的数字下载可能是你最好的选择。
如果你的商店销售的大部分是实体产品，你可能会想要 WooCommerce，因为简单的数字下载只意味着基本的实体运输。如果你决定在未来销售一些数码产品，你仍然会很好，因为 WooCommerce 确实支持数码产品。请务必查看我们关于 WooCommerce 订阅的深入指南。

您可以使用哪些支付网关？

当谈到大牌支付网关时，你可能不会注意到 WooCommerce 和 Easy Digital Downloads 之间的任何区别。也就是说，这两个插件都支持大牌，比如:

贝宝
条纹
Authorize.net
2 结账

话虽如此，我们想强调的是，WooCommerce 和 Easy Digital Downloads 都免费提供了 Stripe 和 PayPal 的网关(过去，EDD 使用 Stripe 要收 89 美元)。

使用方形？查看我们的深度对比博文:条纹 vs 方形。

此外，如果你需要一个不同的支付网关——比如一个特殊的本地支付网关——woo commerce 因其受欢迎程度而拥有更广泛的扩展。

你可以找到一个很大的列表，上面列有方便数字下载的第三方支付网关，但是其中很多都没有得到很好的维护。

关键要点:

两者都支持所有主要的支付网关。
WooCommerce 免费为您提供更多支付网关。
由于 WooCommerce 的流行，它对较小的本地网关有更好的支持。

有哪些可用的附加组件和主题？

由于其受欢迎程度，WooCommerce 有更大的插件和主题选择。例如，一些快速搜索会出现:

WordPress.org 大约有 5600 个 WooCommerce 插件，相比之下，轻松数字下载只需 600 英镑
CodeCanyon 上大约有 2，700 个 WooCommerce 插件，相比之下，轻松数字下载只有大约 300 个插件

当然，你不需要成千上万的插件——你只需要几个关键的插件，或者从这个精选列表中挑选出最好的 WooCommerce 插件。所以这两个数字之间的差异不应该影响你的决定。

这里的想法只是为了说明 WooCommerce 有一个更大的扩展市场，如果你需要一些特殊的利基功能，这可能会有所帮助。

也就是说，Easy Digital Downloads 拥有销售数字产品所需的所有重要功能的扩展，以及大量好看的主题。

关键要点:

WooCommerce 有一个明显更大的附加产品和主题市场。
这在现实生活中可能并不意味着任何区别，因为你可能只需要几个关键插件——你需要检查自己是否每个解决方案都可以通过核心功能或附加功能提供必要的功能。

一个插件比另一个更容易使用吗？

这两个插件都使创建电子商务商店变得容易，并且在可用性上没有很大的区别。如果你能使用 WooCommerce，那么使用简易数字下载应该没有问题(反之亦然)。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

如果你想比较一下用每个插件创建商店的效果，我们已经为每个插件编写了详细的教程:

这两个教程都将带你经历创建电子商务商店的整个过程，这将让你对这两个插件的易用性有所了解。

关键外卖:

这两个插件都使得用 WordPress 创建电子商务商店变得容易。

WooCommerce vs 简易数字下载:定价

最后，我们来谈谈价格…

虽然这两个核心插件都是免费的，但不管你选择哪个插件，你都需要购买至少几个额外的插件。

不幸的是，哪辆车更便宜并没有统一的规则——这有点像问“红色的车比蓝色的车便宜吗？”。答案是，看情况…

由于 2016 年末 Easy Digital Downloads价格上涨，个人 WooCommerce 扩展通常会便宜一点，或者有时价格相对合理。例如:

WooCommerce 的付费网关通常售价 79 美元，但对于简单的数字下载，售价 89 美元。
WooCommerce 软件授权 129 美元，定期支付 199 美元。在简易数字下载上，软件许可起价为 99.50 美元，定期支付为 199 美元。

不过，简易数字下载也出售捆绑包，这可以帮你省下一大笔钱。例如，你可以在第一年花 499.50 美元(之后是 999 美元/年)获得的所有扩展，用于无限制的网站，这为你节省了一大笔钱，尤其是在多个网站上:

Easy Digital Downloads bundles (billed annually)

虽然有几个 WooCommerce 捆绑包，但没有什么比得上 Easy Digital Downloads 捆绑包的价值。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

因此，如果你需要使用大量的扩展，特别是在多个网站上，简易数字下载的捆绑方式实际上可能会让它更实惠。

关键要点:

对于网络商务和简单的数字下载哪个更便宜，没有硬性规定。
个人 WooCommerce 扩展似乎通常会便宜一点。
简易数字下载捆绑包可能会让它更实惠，尤其是如果你需要大量的扩展或经营多个商店。

电子商务绩效

要记住的一个非常重要的方面是性能。电子商务 WordPress 网站要求非常高,会产生大量绕过缓存的动态页面负载。它们的功能很像会员网站，为此我们有一整篇文章专门讨论在主办时的注意事项。

因为轻松数字下载的方法更集中，它通常具有更好的开箱即用性能。例如，这里有一个经过优化的简易数字下载商店，在 Kinsta 上加载不到 600 毫秒。

Easy Digital Downloads load times

Easy Digital Downloads load time example

如果我们看一下新安装的 WooCommerce 和 Easy Digital Downloads，我们也可以看到不同之处。我们建立了一个包含单一产品购物车的商店页面，并运行了一些测试。

全新安装 WooCommerce

我们最新的未优化的 WooCommerce 安装在 774 ms 内完成。以下是商店页面加载的八个 WooCommerce 脚本:

/plugins/woocommerce/assets/css/woocommerce-layout.css
/plugins/woocommerce/assets/css/woocommerce-smallscreen.css
/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js
/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js
/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js
/plugins/woocommerce/assets/js/frontend/woocommerce.min.js
/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js
/?wc-ajax=get_refreshed_fragments

WooCommerce 网站，尤其是大型网站，有时会遇到/?wc-ajax=get_refreshed_fragments脚本的加载时间问题。WooCommerce 中的 cart fragments 特性和/或 AJAX 请求用于在不刷新页面的情况下更新购物车总数。问题是这个请求不能被缓存，并且有时是有代价的。

您必须改进的一个选项是让脚本出列。你甚至可以在特定的页面上这样做，比如你最重要的页面，主页。当然，这不是必须的，但可以提高速度。你可以在 GitHub 上看到这个问题，以及一个你可以使用的出列函数的例子:

add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_cart_fragments', 11); function dequeue_woocommerce_cart_fragments() { if (is_front_page()) wp_dequeue_script('wc-cart-fragments'); }

一些其他的选择是使用一个性能插件,它允许您轻松地禁用购物车片段特性或 JavaScript 购物车解决方案。如果你好奇的话，当 WooCommerce 启用时，上面的八个脚本也会加载整个站点的。

全新安装轻松的数字下载

我们全新的未经优化的简易数字下载安装程序在 717 毫秒内完成加载。与 WooCommerce 相比，总加载时间减少了 7.36%。商店页面上还加载了仅有的两个简单的数字下载脚本:

/plugins/easy-digital-downloads/templates/edd.min.css
/plugins/easy-digital-downloads/assets/js/edd-ajax.min.js

因此，虽然没有很大的区别，但就商店页面上的内容而言，EDD 的分量绝对较轻。当启用 EDD 时，上述两个脚本也会在站点范围内加载。

优化电子商务性能

如果优化得当，轻松数字下载和 WooCommerce 都能快速加载。然而， WooCommerce 通常需要更多的调整和 WooCommerce 优化托管。我们的 WordPress 团队每天都在优化高流量的 WooCommerce 和 EDD 网站。我们都看到了。以下是我们进一步寻找性能和功能之间完美平衡的几种方法:

我们有快速的服务器级页面缓存和规则来确保 WooCommerce 和 EDD 的正常运行。
默认情况下，某些不应该被缓存的页面，如购物车、我的帐户和结帐，被排除在缓存之外。
当检测到woocommerce_items_in_cart cookie或edd_items_in_cart时，用户会自动绕过缓存，以确保结账过程平稳、同步。

在 Kinsta，你还可以选择一个拥有更多 PHP 工作人员的计划。PHP 工作人员本质上处理所有不是来自缓存的请求。

你应该使用 WooCommerce 还是 Easy Digital Downloads？

最后，它仍然回到我们在简介中设置的简单区别:

对于一家主要销售实体产品的商店来说，WooCommerce 可能是最好的选择。
对于一家主要销售**数字产品的商店来说，**尤其是那些需要软件许可的商店，轻松数字下载可能是最好的选择。

你的商店的独特需求可能会与趋势背道而驰，使一个插件成为比另一个更好的选择，但以上是大多数商店的经验法则。

你呢——你用过这两个插件吗？你会推荐哪一个，为什么/什么时候？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WooCommerce vs Shopify:你的网店哪个更好？

原文：https://kinsta.com/blog/woocommerce-vs-shopify/

随着全球电子商务销售额达到 4.28 万亿美元，现在是推出网上商店的最佳时机。然而，在 WooCommerce 和 Shopify 之间选择最佳电子商务平台并不总是那么简单。

这就是为什么我们创建了这个 WooCommerce vs Shopify 指南来比较这两个流行的电子商务平台。然而，它们之间有一些显著的差异。

在本帖中，我们将帮助你决定 WooCommerce 或 Shopify 是否是你完美的电子商务合作伙伴。我们将讨论这些平台的易用性、功能以及非常重要的定价。

我们开始吧！

查看我们的视频指南，观看 WooCommerce vs Shopify

Shopify 如何开展电子商务？

成立于 2006 年， Shopify 是由 Tobias Lütke 和 Scott Lake 创建的一个完整的电子商务解决方案。创始人在建立了滑雪板设备在线商店后开发了这个平台。他们对现有的电子商务平台不满意，因此决定创建自己的平台。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

开箱即用，Shopify 拥有您启动在线商店并开始接受支付所需的一切:

The Shopify online store.

Shopify.

由于这是一个托管解决方案，你不必担心运行你的网上商店的技术方面。您也不必购买单独的托管包。

作为一个平台，Shopify 强调易用性。它还提供了您启动在线商店所需的一切，可能只需几分钟。

这些因素使得 Shopify 成为任何想要快速创建电子商务商店的人的绝佳选择。如果你不需要控制你商店的每个方面，Shopify 也是一个不错的选择。

With global ecommerce sales reaching $4.28 trillion, there's never been a better time to launch an online store 📈 Learn how to choose the right platform here ✅Click to Tweet

WooCommerce 如何开展电子商务？

相比之下， WooCommerce 是一个开源插件，你可以添加到 WordPress 内容管理系统(CMS) 中。WordPress 主题开发者 WooTheme 最初创建了它，然后在 2015 年被 Automattic 收购:

The WooCommerce ecommerce platform.

WooCommerce.

如果你是 WordPress 数百万用户中的一员，你可以像其他 WordPress 插件一样安装并激活 WooCommerce。如果你没有网站，你首先需要采用 WordPress 作为你的 CMS 并创建一个网站，然后才能考虑安装插件。

不像 Shopify，你需要购买你的电子商务主机。虽然你可以在内部服务器上运行 WooCommerce，但许多店主会购买单独的虚拟主机包。

你对虚拟主机的选择至关重要。权利提供者可以通过处理许多技术任务来减轻你的工作量。

例如，在 Kinsta，我们确保您的 WooCommerce 商店始终得到完全备份并针对性能进行了优化。这些功能使您能够专注于重要的事情，从而推动更多销售:

Kinsta's WooCommerce hosting.

WooCommerce hosting from Kinsta.

WooCommerce 的建立和运行可能更复杂，但它也让你对商店的各个方面有了更多的控制。这使得该平台非常适合有特定目标的技术用户。

各平台各有什么利弊？

它们可能是世界上最知名的两个电子商务平台。然而，正如我们之前提到的，WooCommerce 和 Shopify 之间有一个巨大的区别:

自托管:如果你选择 WooCommerce 作为你的电子商务解决方案，你需要自己托管它，使用 WordPress 作为你的 CMS 。
托管 : Shopify 为你托管和管理软件，所以你不需要购买单独的托管包。

在这方面，Shopify 似乎更有优势。然而，有一个权衡。作为托管平台，您只能进行 Shopify 允许的更改。在 WooCommerce 中，你根本不会遇到这些限制。

考虑到这一点，WooCommerce 相对于 Shopify 的主要优势在于它的灵活性。如果你想提供独特的客户体验，这个因素变得尤为重要。

例如，你可能想设计一个定制的结账流程或者实现一个多层次的定价结构。

然而，这种灵活性也是有代价的。WooCommerce 更难配置，设置过程更长。

假设你计划销售变化最小的简单产品或少量商品。在这种情况下，您可能不需要这种级别的灵活性。Shopify 的易用性和内置主机使其成为这种情况下更有吸引力的选择。

如果想快速开店，Shopify 也是不错的选择。只要你不打算销售复杂的产品或设计定制的购物体验，Shopify 应该能满足你的核心需求。

WooCommerce vs Shopify:各平台市场份额如何？

Shopify 和 WooCommerce 是世界上最大的两个电子商务平台。虽然仅仅根据受欢迎程度来选择一个解决方案是不明智的，但是比较每个平台有多少人使用是很有趣的。

当我们查看排名前 100 万的电子商务网站时，其中 21%的网站使用 Shopify。相比之下，这些顶级网站中有 27%信任 WooCommerce 来驱动他们的在线商店。

WooCommerce 可能在更高权威的网站上更受欢迎。然而，在企业空间中，这两个平台仍有很大的发展空间:

WooCommerce vs Shopify market share.

当我们把目光投向企业市场之外时，WooCommerce 更受欢迎。它在超过 500 万个在线网站上使用，而 Shopify 为超过 300 万个在线网站提供支持。

看看过去五年的谷歌趋势，我们可以看到 Shopify 一直比 WooCommerce 吸引更多的搜索兴趣。有趣的是，Shopify 在 2020 年经历了搜索兴趣的激增:

WooCommerce vs Shopify Google Trends.

Google Trends graph.

虽然 Shopify 是一个独立的解决方案，但不能忽视的是，WooCommerce 与全球最受欢迎的内容管理系统(CMS)捆绑在一起。事实上，超过 40%的网站使用 WordPress，而7%的电子商务网站使用 WooCommerce。

这些统计数据对 WooCommerce 的受欢迎程度起到了巨大的作用。如果你是已经拥有 WordPress 网站的数百万人中的一员，WooCommerce 立刻成为一个更有吸引力的选择。

在各个平台上开店有多容易？

如果我们着眼于创建一个功能齐全、随时接受订单的商店有多容易，那么 Shopify 显然是赢家。有了 WooCommerce，如果你还没有 WordPress 网站，你需要建立一个。你还必须提供虚拟主机和域名。

如果你没有这些要素，你的 WooCommerce 设置时间会很快增长。你也可能会产生额外的费用，包括购买一个托管包和一个域名。

好消息是 WooCommerce 有一个方便的设置向导，可以指导你完成大部分的初始设置。这个过程包括添加一个支付网关，选择您的货币，并选择您的运输方式。

还有大量的博客、教程和教学视频向你展示如何建立你的 WooCommerce 商店。然而，不可否认陡峭的学习曲线的存在，尤其是如果这是你的第一个 WordPress 网站。

作为一个托管电子商务平台，Shopify 处理了启动在线商店所需的大量技术难题。这包括提供域名、主机和安全套接字层(SSL)证书。

本质上，你可以创建一个 Shopify 帐户，选择你的主题，然后购买一个域名或同步一个现有的域名。假设你使用的是该公司自己的 Shopify 支付网关，你可以从第一天开始接受信用卡支付。
T3】

你对网站的功能有多少控制力？

总体而言，自托管解决方案通常比托管解决方案更加灵活和可定制。Shopify 可能是更灵活的托管解决方案之一，但这是它难以与 WooCommerce 竞争的领域。

开箱即用，WooCommerce 提供一切你需要建立一个正常运作的电子商务商店。然而，平台的真正强大之处在于它的可扩展性。你可以使用额外的软件定制和扩展核心的 WooCommerce 平台。

例如，由于购物者丢弃了大约 70%的购物篮，废弃购物车的回收对在线商店来说至关重要。WooCommerce 并没有提供开箱即用的功能，但是你可以使用插件来添加这个功能。

你会在官方 WordPress 目录中找到数以千计的 WooCommerce 插件。

The official WordPress repository.

WooCommerce plugins in WordPress.

甚至还有一个专门的 WooCommerce 扩展商店。在这里，你会发现数百个官方插件:

The WooCommerce Extensions store.

WooCommerce Extensions.

WooCommerce 还集成了几个流行的第三方解决方案。其中包括一些最流行的客户关系管理(CRM)工具。

如果您是开发人员，您甚至可以向 WooCommerce 商店添加自定义代码。所有这些特性使得 WooCommerce 成为一个非常灵活和可定制的平台。

如果你想扩展你的 Shopify 商店，有 Shopify 应用可供选择。然而，最终你只能使用 Shopify 允许的附加软件和软件。WooCommerce 没有这种限制:

The Shopify App Store.

Shopify App Store.

Shopify 确实比 WooCommerce 有优势的一个领域是其内置的多渠道集成。该功能使您能够在脸书、Instagram、易贝、沃尔玛、抖音等网站推广和销售您的产品。如果你想通过 WooCommerce 进行多渠道销售，你需要安装额外的插件。
T3】

你对商店的设计有多少控制权？

WooCommerce 和 Shopify 都有时尚的主题，会给你的客户留下很好的第一印象。您可以从超过 1，000 个 WooCommerce 主题中进行选择，立即让您的 WooCommerce 商店焕然一新:

The WordPress theme repository.

WooCommerce themes in the WordPress theme directory.

你还可以在第三方市场找到优质的 WooCommerce 主题。例如，在 ThemeForest 还有另外 1200 个 WooCommerce 主题。

如果你想让你的 Shopify 商店焕然一新，你可以选择更少的主题。作为一个专门的电子商务平台，所有这些主题都是为推动销售而精心设计和优化的。

虽然 WordPress 社区已经创建了圆滑的 WooCommerce 主题，但是质量控制却很少。如果你选择了 Shopify 主题，你就能保证高质量。总的来说，虽然 WooCommerce 给了你更多的选择，但 Shopify 的产品更具策划性。

然而，你应该为最好的 Shopify 主题支付额外费用。这些主题花费数百美元并不罕见:

An example Shopify theme.

A Shopify theme.

一些 Shopify 主题允许你添加 HTML 或流动代码片段。然后，在包含该设置的模板、节或块中呈现该代码。

但是，此功能是有限的，可能会因您选择的 Shopify 主题而异。由于 WooCommerce 是一个开源平台，你有无限的空间来定制你的主题。

各平台提供哪些支付方式？

说到接受支付，你能支持的方法越多越好。一些支付网关在特定地理位置更受欢迎。

例如，2020 年，数字或移动钱包占亚太地区电子商务交易的 60%。然而，这种支付方式在拉丁美洲仅占 20%。

通过支持尽可能多的不同支付方式，你可以最大化你的吸引力。幸运的是，WooCommerce 和 Shopify 都支持多种支付网关。除非你的客户使用非常小众的支付方式，否则无论你选择哪个平台，你都不会有问题。

WooCommerce 支持所有主流网关，包括 Stripe、PayPal、Square 和 Authorize.Net。它还支持大量的地区网关。其中包括专注于新兴市场的 PencePay 处理器。

请注意，其中一些网关要求您额外购买 WooCommerce 扩展:

A WooCommerce payment gateway extension.

PencePay.

Shopify 有自己的支付网关，需要零配置。如果您使用 Shopify 支付，您将不会被收取交易费用。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Shopify 还支持多种外部支付网关。然而，有一个显著的缺点:平台对使用这些网关收取额外的费用。

基本 Shopify、Shopify 和高级 Shopify 计划的费用分别为 2%、1%或 0.5%。因此，如果你选择 Shopify，你可能会考虑使用它的支付网关。

WooCommerce 也有自己的支付网关，会产生额外的费用。然而，它不收取使用外部网关的费用。这意味着您将只被您的银行或您选择的网关收取交易费用。
T3】

WooCommerce vs Shopify:每个平台的成本是多少？

Shopify 的核心定价是透明的，所以很容易提前评估这个平台会让你花多少钱。您可以选择基本 Shopify(29 美元)、Shopify(79 美元)或高级 Shopify(299 美元)计划:

The Shopify pricing plan page.

Shopify pricing page.

根据你的订阅，你还将为每笔交易支付高达 2.9%加 30 的费用。通过购买高级 Shopify 计划，您可以将这些费用降至 2.4%加 30 英镑。

如果您使用任何高级主题或应用程序，您的在线商店的成本将会增加。如果您使用外部支付网关，Shopify 也会收取更多费用。但是，您可以通过购买 Shopify 高级计划来减少这些费用。

WooCommerce 稍微复杂一些。你可以免费下载 WordPress 核心软件和 WooCommerce 插件。如果你想最小化你的运行成本，那么你会在 WordPress 知识库中找到大量免费的 WooCommerce 主题和插件。

在 WooCommerce 官方网站上还有一小部分免费主题供选择:

The WooCommerce theme store.

WooCommerce theme store.

然而，你可能需要支付高级 WooCommerce 主题和一些官方 WooCommerce 扩展。如果你还没有 WordPress 网站，你还需要购买主机和域名。

这些变量使得计算 WooCommerce 商店的总成本变得很困难，尤其是与固定的 Shopify 订阅相比。然而，各种各样的免费和高级附加软件意味着 WooCommerce 有足够的空间让你想怎么贵就怎么贵。

在 WooCommerce 和 Shopify 之间迁移有多容易？

迁移到一个新的电子商务平台并不理想。您可能担心丢失数据、错过订单或对客户体验产生负面影响。幸运的是，一些工具可以帮助你在 WooCommerce 和 Shopify 之间迁移。

Cart2Cart 是一个流行的迁移插件,它可以让你从现有的 Shopify 商店中传输数据。该插件可以在迁移过程中将您的数据存储在 Cart2Cart 服务器上，从而最大限度地减少对客户的影响:

WooCommerce vs Shopify.

Migrate from Shopify to WooCommerce.

一旦你安装了 WooCommerce 插件，你只需要提供你的 Shopify 商店和你的新 WooCommerce 商店的凭证。然后，指定要传输的数据，并在提交完整传输之前执行可选的演示迁移。

或者，您可能想要检查 LitExtension。这个自动化工具可以将大量数据从 Shopify 传输到 WooCommerce:

Shopify to WooCommerce migration.

LitExtension.

此外，您可以使用 LitExtension 迁移您的订单 id、简短和完整的产品描述以及产品库存单位(SKU)。这样做可以确保无缝过渡，并减少将数据迁移到新家后需要执行的配置量。

如果你正从 WooCommerce 转向 Shopify，你可能也想看看官方进口商应用程序。它可以从 WooCommerce 导出您的客户、产品和订单数据，并将其导入新的 Shopify 商店。

欲了解更多信息，请阅读我们关于从 Shopify 迁移到 WooCommerce 的完整指南。

WooCommerce vs Shopify:有哪些支持？

Shopify 被设计成易于使用，但你可能仍不时需要一些帮助。幸运的是，该平台有一个专用的帮助中心，里面塞满了文章、教程和分步指南:

The Shopify help center.

Shopify Help Center.

如果你是视频教程的粉丝，Shopify 还运营着一个 YouTube 频道和 T2 的定期网络研讨会。

需要一流的，快速的，安全的主机为您的新电子商务网站？Kinsta 提供超快的服务器和来自 WooCommerce 专家的 24/7 世界级支持。查看我们的计划

如果您更喜欢结构化的支持方式，您可能会对 Shopify Learn 门户感兴趣。在这里，您可以找到 90 多位 Shopify 专家提供的免费点播课程:

The Shopify Learn support portal.

Shopify Learn.

虽然自助资源是非常宝贵的，但有时，您可能需要一对一的支持。您可以联系其他 Shopify 用户，并在官方 Shopify 论坛上发表您的问题:

Shopify's community resources.

Shopify Community Resources.

或者， Shopify 支持团队可以通过电子邮件、实时聊天和电话全天候提供服务。如果您还不是 Shopify 的客户，但想了解更多信息，您仍可以联系该团队。

同样，WooCommerce 拥有令人印象深刻的自助资源。它的官方文档包含了详细的指南，涵盖了运营一家成功的 WooCommerce 商店的各个方面:

The official WooCommerce documentation.

WooCommerce Documentation.

还有一系列主题指南。对于新人来说，新的 WooCommerce 店主指南可能会很方便:

The WooCommerce new store owner guide.

New WooCommerce store owner guide.

你还可以在 WooCommerce 博客上找到大量信息丰富的文章。它包括技术文章，以及关于建立电子商务帝国的一般性建议:

The official WooCommerce blog.

当你经营一家网上商店时，任何停机、性能不佳或错误都会对你的底线产生毁灭性的影响。考虑到这一点，你可能想要选择一个提供 24/7 支持的主机提供商。如果你在你的 WooCommerce 网站上遇到任何问题，你将有机会接触到专家团队，帮助你的商店回到正轨。

各平台如何处理包邮和直运？

如果你销售实物产品，无缝运输体验是必要的。Shopify 和 WooCommerce 都能让你进行国际运输。然而，Shopify 拥有优势，这要归功于它与加拿大邮政、联邦快递、UPS、DHL 和 USPS 的内置合作关系。

你也可以使用这两个平台进行直运，这是一种零售模式，你不需要库存任何产品。相反，您从供应商处购买商品，然后直接将它们发送给客户。

建立直运业务时，您的网站看起来就像任何在线商店一样。然而，这两个电子商务平台都有一些额外的功能，可以帮助推动您的直运业务。

如果你选择 Shopify，最受欢迎的市场都有专门的应用程序，包括全球速卖通直运:

A Shopify dropshipping application.

Aliexpress Dropshipping.

类似地，WooCommerce 社区创建了大量插件，使您能够直接从第三方市场导入产品。它们包括与全球速卖通集成的 AliDropship 插件。它还可以通过点击一个按钮来自动完成订单:

A dropshipping WordPress plugin.

AliDropship for WordPress.

如果你想创办自己的直运企业，WooCommerce 和 Shopify 都是不错的选择。请注意，许多产品市场都有自己的会员费、运费和其他费用。这些费用会侵蚀你本已微薄的直运利润。

哪个平台对搜索引擎最友好？

搜索引擎优化(SEO)会极大地影响你作为在线商店的底线。事实上，大多数电子商务商店超过 40%的收入来自有机流量。此外，39%的数字购买受到相关搜索的影响。

WooCommerce 的代码已经针对 SEO 进行了优化。你也可以在你的产品页面上添加元描述和标题，并定制你的 URL。这些措施可以最大化你的商店页面出现在相关搜索引擎结果中的机会。

此外，你可以通过安装额外的插件来增加 WooCommerce 的 SEO 吸引力。其中包括专为提高你的搜索引擎优化而设计的强大软件，如 Yoast SEO 和SEO 框架:

Yoast WooCommerce settings panel.

Yoast and WooCommerce.

这些插件可以让你更好地控制页面搜索引擎优化。他们还可以评估你的搜索引擎优化，并为搜索引擎提供可行的优化每个产品页面的技巧。

Shopify 还可以轻松地将基本的 SEO 信息添加到您的商店中。这个过程包括为您的产品页面创建描述和标题。

虽然 WooCommerce 拥有更多种类的插件，但 Shopify 应用商店中有一些有用的 SEO 插件，如 SEO Booster :

The SEO Booster Shopify app.

SEO Booster for Shopify.

这个插件可以扫描你的商店，并生成详细的搜索引擎优化报告。然后你可以实现插件的推荐，有希望提高你的搜索引擎排名。

WooCommerce vs Shopify:每个平台的安全性如何？

作为一个成功的网上商店，你可以获得客户信息，包括信用卡和借记卡的详细信息。这可能会使你成为黑客的一个有吸引力的目标。

由于它是一个托管平台，Shopify 主要负责保护你的商店免受黑客攻击。事实上，该平台内置了一些基本的安全特性，包括一个 SSL 证书。

为了帮助人们保持在线安全，大多数现代浏览器通过显示挂锁图标来指示网站受 SSL 保护:

Kinsta's built-in SSL certificate.

Kinsta’s built-in SSL certificate.

此证书向 Internet 用户保证当前网站是值得信任的。通过这种方式，Shopify 的内置 SSL 可能会帮助你获得一些额外的销售。

相比之下，WooCommerce 插件没有内置的安全性。你需要采取措施保护你的商店免受黑客攻击。同样，这意味着安装一些额外的插件。

有很多世界级的插件供你选择，但是 Sucuri 安全套件是一个受欢迎的选择:

The Sucuri security suite.

Sucuri Security Suite.

当您激活此插件时，它会为组成您在线商店的所有目录、插件、主题和核心文件创建一个“已知良好”分类。如果任何内容受到威胁，Sucuri 会通知您。

寻找和配置这些插件可能是大量的工作。你可以通过与一家主机提供商合作来最大限度地减少创建一个安全的 WooCommerce 商店的时间和成本，该提供商非常重视安全性:

Kinsta's secure WordPress and WooCommerce hosting.

Kinsta’s secure WordPress and WooCommerce hosting.

在 Kinsta，我们向所有客户提供免费的 Cloudflare SSL，因此您无需担心寻找和配置您的证书。我们还支持双因素身份验证、IP 地理位置阻止，并自动禁止可疑的 IP。

管理库存有多容易？

WooCommerce 是一个灵活的可定制的解决方案，让你完全控制你的库存。你可以上传新产品并使用熟悉的 WordPress 编辑器编辑现有产品:

WooCommerce's inventory management features.

WooCommerce inventory management.

与 WooCommerce 类似，Shopify 使您能够快速跟踪您的产品，访问库存警报，生成报告，并执行其他重要的库存管理任务。这两个平台都允许您通过 CSV 文件批量上传整个产品目录。这些功能可以为您节省大量时间。

然而，这些解决方案的一个显著不同之处是产品差异。这些是您可以应用于特定产品的属性。

例如，如果你卖一件 t 恤衫，你可以提供不同颜色或尺寸的产品。这些属性中的每一个都是产品的变体。

有了 WooCommerce，你可以使用的产品种类数量没有硬性限制。相比之下， Shopify 有一个 100 个变体的硬上限,每个产品总共有三个选项。如果你想提高这个限额，你需要使用一个第三方 Shopify 应用。

Learn whether WooCommerce or Shopify is your perfect ecommerce partner with help from this guide 🤝🚀Click to Tweet

摘要

由于用户友好的电子商务平台的兴起，创建一个在线商店变得前所未有的简单。然而，有时候，太多的选择可能是一件坏事。

如果你在 WooCommerce 和 Shopify 之间左右为难，那么让我们快速回顾一下这两个平台:

Shopify: 如果你想快速开设网上商店，Shopify 将强大的电子商务功能与流畅的设置过程相结合。它几乎不需要专业的技术知识，但这是有代价的——你不拥有这个平台，而且每次销售都要支付佣金。
WooCommerce: 这个插件可以将现有的 WordPress 网站转变成一个强大的电子商务平台。WooCommerce 拥有一个庞大的插件、扩展和主题社区，承诺让你完全控制你的电子商务商店。然而，你需要选择一个可信的虚拟主机来让它顺利工作。

关于 WooCommerce vs Shopify，你有什么问题吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

基于重量的运输插件(11 个最佳选项)

原文：https://kinsta.com/blog/woocommerce-weight-based-shipping/

建立一个网上商店可以是一个令人兴奋的努力。然而，当处理送货等日常物流时，您可能会感到有些不知所措。如果你想根据重量设定运费，这个过程会更有挑战性。

幸运的是，一些工具可以帮助简化这个过程。选择正确的 WooCommerce 基于重量的运输插件可以确保在您的在线商店中为的每个订单正确计算成本。

在本帖中，我们将进一步了解基于重量的运输及其工作原理。我们还将讨论为什么你应该考虑使用 WooCommerce 插件来处理这个过程。最后，我们将探索一些市场上最好的基于权重的 WooCommerce 运输插件。我们开始吧！

查看我们的视频指南 WooCommerce 基于重量的运输插件

什么是基于重量的运输？

一些网上商店收取固定运费。其他人根据收件人的位置来决定他们的递送费用。但是，如果您销售的产品在尺寸和重量上差异很大，您可能希望选择更先进的解决方案。

基于重量的运输使您能够根据产品的重量设定费率。购买大件商品的顾客将比购买小件商品的顾客支付更多的运费。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

通过基于重量的运输，您可以对大订单和小订单收取合理的价格。此外，您可以避免少收或多收客户的运费。

为什么要使用 WooCommerce 基于重量的运输插件？

开箱即用，WooCommerce 不提供基于重量的运输功能。然而，有很多插件可以根据产品的重量设置运费。

WooCommerce 基于重量的运输插件使您能够为您的客户创建不同的费率和条件。它还将帮助购物者计算订单的总配送成本。因此，他们不必担心隐藏的费用或过高的运费。

要查找的功能

幸运的是，有很多 WooCommerce 插件可以设置基于重量的运费。但是，我们建议在选购最佳工具时，注意以下特性:

**灵活性。**为了确保公平的运输价格，您可能希望选择一个插件，让您创建几个选项和条件。例如，除了根据重量计算费率之外，您还可以包括尺寸和数量等其他因素。
**追踪信息。**此功能使用户能够监控其订单的进度。因此，它可以提供心灵的平静。如果用户能够跟踪他们的货物，他们在购买大宗商品时可能会感到更安全。
**易用性。**设置多个自定义费率既耗时又繁琐。因此，寻找一个界面简单的插件是很重要的，这样你就可以很容易地计算成本。

一些 WooCommerce 基于重量的运输插件是免费的。但是，您可能希望创建多种定制运输方式和条件。在这种情况下，你可以考虑投资一个更先进的工具。

基于重量的 11 大 WooCommerce 运输插件

现在我们已经了解了基于重量的运输是如何工作的，让我们来看看一些可以帮助您更有效地处理这一过程的工具。这里有一些市场上最好的基于权重的 WooCommerce 插件！

1.基于重量的运输

WooCommerce Weight Based Shipping plugin

WooCommerce Weight Based Shipping.

woo commerce Weight Based Shipping 是一个用户友好的插件，可以根据订单重量设置多个运费。此外，您还可以使用该工具根据其他条件创建定价规则。

主要特性:

您可以为不同的目的地、订单重量和小计范围创建多个发运规则。
您可以选择根据小计、总重量和其他条件提供免费运输。
您可以覆盖用于每个装运类别的计算方法。

**价格:**可以免费使用插件。但是，要获得更多高级功能，您需要升级到 Plus 版本。它售价 19 ，给你一年的自动更新和支持。

2.运费表

Table Rate Shipping plugin

Table Rate Shipping.

表价运输是一个 WooCommerce 插件，它扩展了平台的默认运输选项。它使您能够根据各种因素(包括重量和数量)设置多种运费率。此外，它有一个直观的界面，让您可以建立自己的规则，没有太多的麻烦。

主要特性:

您可以为每个装运区域创建多个表费率。
您可以根据订单重量、商品数量和其他条件配置发货规则。
有不同的计算方法，包括每个订单和项目的费率。

**价格:**表价运费每年 99 美元并有 30 天退款保证。

3.有条件运输和支付

Conditional Shipping and Payments plugin

Conditional Shipping and Payments.

有条件的运输和支付是一个 WooCommerce 插件，它让店主可以很好地控制他们的运输方式。您可以设置各种费率和条件，以实现更加简单和高效的结账流程。该插件还使您能够根据不同的因素(包括订单重量和数量)限制交付方式。

主要特性:

根据包裹重量和其他因素限制运输方式和实时费率的能力
超过特定金额时提供免费送货的选项
多种操作和过滤器可帮助您设置多个自定义条件

**价格:**有条件运输和付款每年花费 79 美元，并有 30 天退款保证。

4.WooCommerce 的多运营商运输插件

Multi-Carrier Shipping Plugin for WooCommerce

Multi-Carrier Shipping for WooCommerce.

顾名思义，【WooCommerce 的多承运商运输插件可以显示不同承运商的运费，包括联邦快递、DHL 和 UPS。此外，该插件可以根据重量设置有条件的运输规则。您还可以使用其它参数来建立限制，如项目数量和产品类别。

主要特性:

您可以灵活地为不同的运输公司创建不同的规则。
该插件根据产品重量、包裹数量、总重量等从运输公司获取实时费率。
您可以配置该插件来自动确定包装物品的最佳方式，或者单独包装，或者基于箱子的最大重量。

价格:插件单个网站售价 89 美元，并附带一年的支持和更新。你还可以获得 30 天的退款保证。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

5.统一费率箱运输

Flat Rate Box Shipping plugin

Flat Rate Box Shipping.

统一费率箱运输的工作方式与我们目前看到的其他基于重量的 WooCommerce 运输插件略有不同。有了这个工具，你可以为箱子而不是单个物品设定固定运费。费用取决于盒子的大小和体积。

主要特性:

您可以在每个运输地点添加多个箱子尺寸。
您可以为每个箱子设定一个固定的价格，并增加每个重量单位的费用，或箱子内物品的百分比费用。
您可以选择为不可打包的项目(例如，太大而无法装入箱子的产品)定义价格。

**价格:**统一运费为 49 美元(按年计费)，并有 30 天退款保证。

6.灵活运输的表费率运输方法

able Rate Shipping Method by Flexible Shipping plugin

able Rate Shipping Method by Flexible Shipping.

灵活运输的表价运输方法是另一种基于重量运输的强大工具。这个 WooCommerce 插件可以让你根据购物车重量和/或购物车总数来计算运费。专业版提供了更多选择，包括基于体积重量和购物车中产品体积的运费。

主要特性:

无限制的运输方式和成本计算规则
仅向登录用户显示运输方式的选项
购物车总重量和/或重量的最小和最大值
当客户达到一定的订单总额时，提供免费送货的能力

**价格:**你可以免费将插件添加到你的 WooCommerce 商店。要获得更多高级功能，您需要升级到灵活运输专业版。价格从开始，每年 89 美元。

7.WC–APG 重量航运

WC - APG Weight Shipping plugin

WC – APG Weight Shipping.

你可以使用的另一个免费工具是WC-APG 重量运输。这个插件可以让你根据重量和目的地增加运费。您还可以选择手续费，设定包装的固定价格，以及创建具有最大重量和/或尺寸的费率。

主要特性:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

根据重量和位置创建无限数量的费率
根据不同的因素设置高级发运规则
显示预计交货时间
排除特定产品、类别、产品标签或运输类别的运输

**价格:**WC-APG 重量航运是一个免费插件。

8.WooCommerce 的 ELEX EasyPost 运输和标签打印插件

ELEX EasyPost Shipping & Label Printing Plugin for WooCommerce

ELEX EasyPost.

如果你正在寻找一种有效的方式将不同公司的运费整合到你的 WooCommerce 商店中，看看 ELEX 的这个插件就知道了。Easy Post Shipping&woo commerce 标签打印插件根据产品重量、箱子尺寸和其他选项，从联邦快递、UPS 和其他运输公司获取邮费。

主要特性:

根据产品重量和尺寸显示实时运费
打印运输标签
显示预计交货时间和货件跟踪信息
设置包裹的最大重量

价格:插件单个网站售价 69 美元。

9.WooCommerce 的统一运费插件

Flat Rate Shipping Plugin for WooCommerce

Flat Rate Shipping.

WooCommerce 的统一运费插件是一个简单而灵活的工具，可以让你创建多种自定义的统一运费方式。这些费率可以基于各种因素，包括产品类别、数量或重量。而且，高级版给你无限的送货方式和费用计算规则。

主要特性:

为不同的目的地创建多种运输方式
设定产品重量的最小和最大运输成本
计算装运方法的税
满足不同条件时启用免费送货

**价格:**可以免费使用插件。同时，高级版为您提供了更多配置运费的选项。价格从单个网站 129 美元起(按年计费)。

10.WooCommerce 高级航运

WooCommerce Advanced Shipping plugin

WooCommerce Advanced Shipping.

woo commerce Advanced Shipping让您根据体积和重量等条件设定运费。这个插件非常容易使用，由于其简单的界面。此外，您可以根据需要创建任意多的交付方式。

主要特性:

为不同地点设置基于重量的运输成本
当用户消费超过一定金额时，提供免费送货
根据您的需求创建多种运输条件

**价格:**你可以在恩瓦托市场购买 WooCommerce 高级航运。常规许可费用为 23 美元，并附带 6 个月的支持。

11.WooCommerce 的定制运输方式

Custom Shipping Methods for WooCommerce plugin

Custom Shipping Methods for WooCommerce.

我们列表中的最后一个插件和其他的有点不同。【WooCommerce 的定制运输方式有一个品种的短码，你可以用它来设置不同的运输条件。其中包括根据购物车中商品的总重量计算成本的简码。

主要特性:

为每种运输方式设定规则，包括最小和最大购物车重量
定义免费送货的最低订单金额
按类别或订单收取运费
为与运输方式标题一起显示的图标创建自定义模板

**价格:**基本功能可以用免费版。高级版的定价从 29.99 美元起。

Small business owners, this one is for you! 🚀 Check out these shipping plugins to get your business off the ground 😌Click to Tweet

摘要

如果你出售不同重量的产品，在你的网上商店提供基于重量的运输是有意义的。使用这种设置，您可以对各种规模的订单收取合理的价格。此外，你可以从几个 WooCommerce 插件中进行选择，根据重量设置送货费用。

例如，统一费率箱运输使您能够为每个箱子设定固定费率(基于尺寸和体积)并增加每重量单位的费用。同时，表价运输允许您根据订单重量和其他因素配置多种交货价格。

你对使用 WooCommerce 基于重量的运输插件有任何疑问吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

你的商店的 8 个最佳 WooCommerce 愿望清单插件

原文:# t0]https://kinta . com/blog/woocommerce-wishlist/

你的商店访客经常会发现他们感兴趣的产品，但还不准备购买。不幸的是，这会导致他们最终忘记这些东西。

这就是愿望清单派上用场的地方。愿望清单是非常有用的工具，它能让用户保存他们喜欢的产品清单。一旦他们准备好完成结账流程，他们就可以在方便的时候回来。

在这篇文章中，我们将首先解释什么是愿望清单，以及在你的网站上添加这个功能的好处。然后，我们将回顾八个最好的 WooCommerce 愿望列表插件。我们开始吧！

查看我们的视频指南 WooCommerce 愿望列表插件

什么是愿望清单？

愿望清单是一个强大的功能，让购物者能够保存他们感兴趣的产品。就像给他们的购物车添加商品一样，顾客可以列出他们最终想要购买的商品清单。这样，他们将来就可以轻松地访问它们:

A WooCommerce wishlist

A wishlist example in WooCommerce

愿望清单不仅仅是顾客的工具。这也有助于他们的家人和朋友寻找礼物。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

对于网站所有者来说，这也是一个方便的功能。愿望清单提供有价值的数据，帮助你对你的营销策略和促销做出更明智的决定。

If your customers are interested in a product but not quite ready to hit purchase, a wishlist plugin can help you keep those sales 🛒Click to Tweet

使用 WooCommerce 愿望清单插件的好处

在 WooCommerce 中使用愿望列表插件有很多好处。对于初学者来说，这个工具可以让你在没有任何代码的情况下将愿望列表功能添加到你的站点中。

愿望列表插件为你的用户提供了一种快速便捷的方式来保存他们感兴趣的产品。由于这一功能，用户将更有可能在更有意义的时候购买他们保存的项目。

例如，当促销和折扣可用时，或者当以前缺货的产品重新进货时，他们可能会选择回到他们的愿望清单并购买产品。

使用愿望清单也有多种方式。例如，它们可以帮助客户跟踪他们的产品。它们也可以用作工具，在节日期间与朋友和家人分享物品。此外，用户可以在社交渠道上分享愿望清单，这有助于促进您的业务和扩大品牌知名度。

作为 WooCommerce 商店的店主，愿望清单可以帮助你更好地了解你的产品，并收集有价值的数据以便更好地管理库存。例如，如果您注意到许多消费者正在将某些商品添加到他们的愿望清单中，它可以帮助您确保这些商品总是有货。

在愿望列表插件中寻找的关键特性

有许多愿望列表插件可供选择，包括免费和付费选项。但是，您会希望选择一个适合您的需求和预算的工具。

此外，我们建议寻找几个关键功能，包括:

共享和隐私设置
支持分组产品和产品变化
个人意愿列表页面
直接从愿望清单购买的选项
易于安装和使用
访问意愿列表数据
集成和支持

一旦你弄清楚哪些功能对你的商店最重要，就可以更容易地决定使用哪种工具。下一步是比较最佳方案。

你的商店的 8 个最佳 WooCommerce 愿望清单插件

既然我们对意愿列表和使用意愿列表插件的好处有了更多的了解，让我们来看看一些高质量的选项。以下是市场上八个最好的 WooCommerce 愿望列表插件。

1.TI WooCommerce 愿望列表插件

TI WooCommerce Wishlist plugin

TI WooCommerce Wishlist

拥有超过 100，000 个活跃的 WordPress 安装， TI WooCommerce Wishlist 插件是最受欢迎的工具之一，您可以使用它将 Wishlist 功能添加到您的在线商店。这是一个免费的增值插件，具有高质量的功能，使您的客户能够创建愿望清单并快速添加产品。

一旦在你的网站上安装并激活，这个插件允许你在你的产品页面上的添加到购物车按钮旁边添加一个添加到愿望清单按钮。免费增值工具提供了所有的基本设置，可以向 WooCommerce 添加一个愿望列表，还提供了一个付费选项，可以提供更多高级功能。

主要特性:

能够添加愿望清单按钮到任何产品
添加到购物车时，自动从愿望列表中删除产品
自定义愿望列表图标上传
可定制的外观
脸书和推特等网络上的愿望清单社交分享
自定义 CSS 样式
每个用户的多个愿望清单
意愿列表隐私设置
促销电子邮件

价格: TI WooCommerce Wishlist 有免费版和高级版。付费选项从每年79 美元的单一站点许可开始。这包括 100%无风险，14 天退款保证，以及一年的更新和支持。

2.YITH WooCommerce 愿望清单

YITH WooCommerce Wishlist plugin

YITH WooCommerce Wishlist

YITH WooCommerce Wishlist 是另一款功能丰富且灵活的免费增值 WooCommerce Wishlist 工具。这个流行的工具让购物者可以很容易地创建一个可排序的愿望清单，并与朋友和家人分享，并通过社交媒体渠道推广它。

YITH WooCommerce 愿望列表提供了高级别的支持、标准的愿望列表页面和结账重定向功能。多亏了 shortcode，你可以轻松地将愿望列表功能放在你网站的任何地方。

如果你在寻找有价值的数据，这个插件是一个很好的选择。高级版为店主提供添加到顾客愿望清单中的最受欢迎产品的跟踪信息。

主要特性:

单一意愿列表页面
“从愿望列表中删除”按钮
具有可定制列的愿望列表表格
产品变化支持
意愿列表隐私管理
面向商店经理的热门愿望清单产品的可视列表
用户的无限愿望清单
意愿列表页面和表格布局

价格: YITH WooCommerce Wishlist 有基本免费版和高级版可选。一个 Pro 许可从每年 94 美元起，包括一年的更新和支持。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

3.WooCommerce 的 WPC 智能愿望列表

WPC Smart Wishlist for WooCommerce plugin

WPC Smart Wishlist for WooCommerce

如果你正在寻找一个简单的愿望清单解决方案，面向 WooCommerce 的 WPC 智能愿望清单是一个可靠的选择。它不像列表中的其他扩展那样复杂。然而，如果你是一个小企业，只需要基本的愿望清单按钮和图标，这是很有帮助的。

这个插件的配置很简单。一旦你在你的网站上安装并激活了它，你需要选择一个页面来显示你的愿望清单。

主要特性:

意愿列表按钮文本
添加额外动作按钮和链接类的选项
意愿列表按钮类别
愿望清单设计定制选项
将产品添加到购物车时，自动从愿望清单中删除产品
短码支持
弹出意愿列表视图，防止用户离开页面

价格:【WooCommerce 的 WPC 智能心愿单免费使用。然而，有一个高级选项，可以访问更多高级功能。单站点许可证起价 29 美元，并有 7 天退款保证。

4.WooCommerce 愿望清单

Wish List for WooCommerce plugin

Wish List for WooCommerce

如果你正在寻找一个极简的 WooCommerce 愿望列表插件，WooCommerce 愿望列表可能是你的正确选择。这个基本的、用户友好的工具提供了标准功能，让购物者将产品添加到愿望清单中。

这个工具非常适合那些寻找一种快捷方便的方式来添加愿望列表功能的用户。然而，如果您正在寻找大量的定制和配置选项，这可能不是最好的选择。虽然高级版包含了更多的高级特性，但是它仍然没有列表中的其他高级工具那么广泛和强大。

主要特性:

极简设计
字体真棒图标
支持电子邮件和社交分享
可定制的意愿列表按钮位置
侧边栏愿望列表小部件

价格:【WooCommerce 的愿望清单完全免费下载和使用。你可以升级到高级许可以获得更多高级功能，每年 29.99 美元起。这包括一年的更新和支持。

5.WooCommerce 愿望清单

WooCommerce Wishlists plugin

WooCommerce Wishlists

如果你正在寻找一个高级扩展，WooCommerce Wishlists 可能是一个很好的选择。如果你想让你的注册客户和客人都能在你的网站上创建无限的愿望清单，这一点尤为重要。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

这个插件使用户能够为日常使用和特殊场合创建愿望清单。例如，它可以方便注册相关的网站，如婴儿洗澡和婚礼。此外，它还为店主提供了令人印象深刻的定制功能和管理视图。

主要特性:

客人和注册用户的愿望清单
顾客的愿望清单最多可保存 30 天，或由注册顾客无限期保存
无限愿望清单
完全隐私控制
社交媒体分享
支持分组产品和产品变化
可自定义的按钮文本
WordPress 菜单集成

价格:【WooCommerce Wishlists 的许可费是每年 79 美元。这包括一年的支持和更新，以及 30 天的退款保证。

6.愿望套件

WishSuite plugin

WishSuite

WishSuite 是一个直观的 WooCommerce 插件，可以让你在网上商店添加美观的愿望清单。它方便用户(包括注册购物者和访客购物者)添加和查看产品以备将来使用。

这是一个初学者友好的工具，包括一个轻松的设置过程。您可以在任何页面上显示意愿列表，并使用提供的短代码在整个网站上放置意愿列表按钮。一旦添加到购物车中，客户也可以轻松地从他们的愿望清单中删除这些商品。

主要特性:

跨社交媒体网络的愿望列表共享选项
定制选项
从意愿列表功能中删除产品
在任何页面上显示意愿列表的选项
在页面任意位置添加和显示愿望列表按钮的简码

价格: WishSuite 完全免费。

7.WooCommerce 的预销售愿望清单

Premmerce Wishlist for WooCommerce plugin

Premmerce Wishlist for WooCommerce

另一个可以考虑的免费选项是 WooCommerce 的 Premmerce 愿望清单。该插件提供了一个简单的方法来添加和分享产品到愿望清单。作为店主，您可以使用它来查看现有的愿望清单，并创建有针对性的优惠和折扣，以帮助推动转化。

这个插件不像其他一些愿望清单工具那样功能齐全。然而，它可以是一个负担得起的、方便的选择，几乎可以与任何 WooCommerce 主题配合使用。为了充分利用该插件，我们建议升级到高级版本。

主要特性:

易于使用的界面和设置
自定义意愿列表按钮和自定义 URL
分享愿望清单的选项
后端意愿列表管理
小部件支持

**价格:**premme ce wish list 是一个免费增值插件。除了免费版本，还有从 99.99 美元起的高级计划，用于一年的单站点许可。

8.我的 WooCommerce 愿望清单

My Wish List for WooCommerce plugin

My Wish List for WooCommerce

我对 WooCommerce 的愿望清单是一个高级扩展，你可以使用它在你的网站上注册和未注册用户之间启用愿望清单功能。注册用户可从我的账户页面查看意愿列表，并可通过短码显示给客人用户。

此插件允许您查看经常添加到客户愿望清单中的产品的关键数据。这个工具的好处之一是它支持 Ajax，这有助于加快页面加载速度。

主要特性:

为注册购物者和访客显示意向列表的选项
后端意愿列表统计和关键见解
用于显示愿望列表小部件的简码
从管理屏幕按添加最多或最少对产品进行排序

价格:我对 WooCommerce 的愿望清单是每年 29 美元。这包括一年的更新和支持，以及 30 天的退款保证。

Don't let your customers forget about their favorite items from your ecommerce store! 🛒Use a wishlist plugin to keep all their favorite s organized and accessible ✨Click to Tweet ## 摘要

管理网上商店的一个重要部分是确保顾客能够方便地找到、跟踪和购买他们感兴趣的产品。然而，他们可能并不总是准备立即购买一件商品，这就是为什么让他们创建一个愿望清单是明智的。正如本文所讨论的，有各种各样的 WooCommerce 愿望列表插件可供选择。如果你正在寻找一个强大的选项，你可以选择像 TI WooCommerce Wishlist 或 YITH WooCommerce Wishlist 这样的工具，它们提供更高级的高级版本。你对 WooCommerce 愿望清单插件有什么问题吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何整合 WooCommerce 和 Zapier

原文：https://kinsta.com/blog/woocommerce-zapier/

当你第一次用 woo commerce 建立一个网上商店时，你可能会记得介绍一些基本的东西，比如 T2 托管，T4 域名，以及如何配置 WordPress。

然而，一旦订单开始滚滚而来，它可以很快变得明显，事情的管理方面是由希望和祈祷。

当然，WooCommerce 默认配备了一系列不错的功能，其中许多功能简化了商店运营。然而，如果你依赖任何第三方软件、应用程序或工具来管理商店，事情可能会很快失控。或者至少是杂乱无章的。

改善商店运营的最佳方式之一是尽可能多地实现自动化。Zapier 是最好的自动化工具之一。

今天，我们将关注 Zapier 和 WooCommerce 是如何天造地设的一对，以及如何利用前者来充分利用后者。

我们开始吧！

扎皮尔是什么？

Zapier homepage

Zapier.

Zapier 是一个平台，它将你与各种在线服务联系起来，使你能够使用它们创建自动化的工作流程。该服务提供与不同应用程序的集成，如 Asana 、 Dropbox 和 Spotify。

具体说到 WooCommerce，你可以把它和超过 4000 个应用联系起来，包括社交媒体平台、 Google Workspace (Docs、Sheets 等。)、CRM 工具、电子邮件营销工具，当然还有 WordPress 功能。

这些自动化的工作流程和集成被称为 zaps 或 recipes，一旦设置好，就会为您执行一系列自动化任务。因此，一旦满足某个条件，zap 就开始工作，代表您执行自动化的工作流程。从长远来看，这可以为你节省很多时间。

WooCommerce meets Zapier in this guide 💥 Learn how to automate your store's operations & simplify your workflow 🤓Click to Tweet

Zapier 如何与 WooCommerce 合作

有了 Zapier 插件，你可以在设置好你的 WordPress 主题后将它添加到你的 WordPress 安装中，并开始使用 WooCommerce 和其他应用程序实现自动化。

WooCommerce integrations screenshot

WooCommerce integrations.

Zapier 有许多整合和 zaps。你可以选择应用程序连接到你自己并设置 zap，或者你可以从流行的 zap 中选择并立即实现它们。

在那之后，Zapier 将开始自动化这个过程，不需要任何进一步的输入。

在 WooCommerce 中使用 Zapier 的好处

将 Zapier 与 WooCommerce 结合使用的最大好处是自动化总体上节省了时间。当你不需要执行整个工作流程中的每一个任务时，你可以节省大量的时间和精力。

这对于维护你的在线商店所需的一些任务尤其明显，例如手动更新产品库存。逐行执行时，这可能会变得非常乏味，甚至变得无法跟上。幸运的是，你可以使用 zaps 来简化这个过程，让它变得更加轻松。

关于如何在 WooCommerce 中使用 Zapier 的其他几个例子包括:

将 Twitter 配置为在您的在线商店添加新的产品页面时发送推文。
当产品库存不足时，向您的客户发送电子邮件。
连接到您的库存跟踪表，并在新订单生成时自动更新库存编号。
当有新订单时，自动将订单信息添加到 Google Sheets。
在 MailChimp 或 AWeber 上向您的电子邮件营销列表添加新客户。

我们稍后将讨论更多你可以在 WooCommerce 中使用的食谱的具体例子。但首先，让我们先来谈谈如何在 WooCommerce 上建立 Zapier 连接或 zaps。

如何建立 WooCommerce Zapier 连接(Zaps)

你要做的第一件事就是建立一个 Zapier 账户。Zapier 每月可免费完成 100 项任务。你也可以尝试更高层次的计划。

Signing up for Zapier.

Zapier sign-up.

只需输入你的电子邮件地址，名字和姓氏，然后设置一个密码。或者，你可以使用你的谷歌、脸书或微软证书注册。接下来，你可以选择你最常用的应用程序来获得定制的 zap 建议。在这种情况下，我们输入“WooCommerce”，仪表板显示如下:

Zapier dashboard with WooCommerce workflows.

但是在你设置这些工作流程之前，你需要配置 WordPress 来使用它。

如何安装 Zapier 插件

有几种方法可以将 Zapier 与 WordPress 和 WooCommerce 集成。

首先是 WooCommerce Zapier 插件，这是一个高级选项，可以从官方 WooCommerce 插件和 T2 扩展商店获得。

WooCommerce Zapier plugin.

WooCommerce Zapier.

它提供了与所有 Zapier 连接的应用程序和服务的完全兼容性。然而，它确实每年花费 59 美元。要安装它，只需完成购买，下载 WooCommerce 插件。zip 文件，然后像上传其他插件一样上传到 WordPress，方法是进入插件>添加新的>上传插件。

Uploading a plugin in WordPress.

Upload the plugin to WordPress.

另一个选择是 WPFlyLeads 插件，它允许你自动将 WooCommerce 收集的信息发送给 Zapier。

WP Fly Leads plugin.

WP Fly Leads.

该插件是免费的，但它依赖于 webhook，这是 Zapier 高级版本的一个功能。

另一个连接 WooCommerce 和 Zapier 的插件是神秘的自动机。它只集成了某些插件和扩展，但是，它是一个免费的选项，可以满足你的需求。

Uncanny Automator plugin.

Uncanny Automator.

要安装这两个免费插件中的任何一个，只需进入插件>在你的 WordPress 仪表盘中添加新的，然后搜索有问题的插件。

接下来，回到 Zapier，在 WooCommerce 和 Zapier 之间建立联系。按照引导走查将你的 WooCommerce 商店连接到 Zapier。

Setting up Zapier.

如何设置触发器和集成

在你开始创建触发器并在 WooCommerce 和其他应用程序之间建立集成之前，你需要先安装任何你想集成的插件。

例如，如果你经营的是基于服务的业务，你可以尝试安装 WooCommerce Bookings 来修改结账流程。或者您可以安装 Gravity Forms 来将表单处理与其他外部服务集成在一起。您选择的 Zapier 插件支持的任何其他东西也足够了。

您还可以使用 WooCommerce 中默认可用的任何功能，比如下新订单。说到这里，这里有一个使用 Zapier 和 WooCommerce 设置触发器的例子。我们在这里所依赖的集成是 Google Sheets。

我们要创建的工作流是这样的，每个新订单都自动添加到您指定的 Google Sheets 文件中的新行。

要创建它，请执行以下操作:

1.登录您的 Zapier 帐户。点击 + 图标，然后开始输入 WooCommerce，直到出现 logo。选择它。

Setting up a trigger event in Zapier.

2.挑选新订单触发事件。然后复制提供的 webhook。将此 webhook 粘贴到您选择的插件中，将提要添加到您的网站。

Copying the webhook to use in your Zapier plugin.

如何创建 zap

回到 zap 编辑器，选择触发器触发时应该发生什么。选择“工作表”应用程序并更新电子表格行。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Zap for setting up WooCommerce to Google Sheets.

最后，使用 Zapier 运行一个虚拟订单测试，并看到它的信息出现在您指定的 Google Sheets 中。

这就是全部了。

12 大 WooCommerce Zapier 集成和配方

设置完成后，你就可以开始简化你作为网店店主的生活了。这里有 12 个 zaps 可以帮你节省很多时间。

1.将 WooCommerce 订单添加到 Google Sheets 行

Zap for adding WooCommerce orders to Google Sheets rows.

Add WooCommerce orders to Google Sheets rows.

这种将订单添加到 Google Sheets 行的 WooCommerce 集成可以极大地帮助您的组织工作。您不必手动将订单信息复制并粘贴到电子表格中，您可以配置这个 zap 来为您完成这个过程。

它的工作原理是自动将新订单直接添加到 Google Sheets 文件中。新订单来了，Zapier 开始工作，信息立即被添加到电子表格中。

2.通过优惠券运营商为新的 WooCommerce 订单提供独特的优惠券

Zap for rewarding new WooCommerce orders with unique coupons through Coupon Carrier.

Reward new WooCommerce orders with unique coupons through Coupon Carrier.

另一个值得一试的集成是这个，它允许你通过优惠券运营商用一个独特的优惠券轻松地奖励新订购 WooCommerce 的顾客。当顾客下订单时，会立即给他们一张优惠券，以感谢他们的购买。

这是建立一个有思想的卖家声誉的极好方法，也有助于创造忠诚的顾客。

通过自动化为每个新订单创建新优惠券并将其发送给客户的工作流程，您可以节省时间，同时不会影响客户的满意度。

3.作为 Marketo 的领导，抓住新的 WooCommerce 客户

Zap for capturing new WooCommerce customers as Marketo leads.

Capture new WooCommerce customers as Marketo leads.

如果你想扩大与客户的关系，你可以使用 Zapier 集成，它会自动为你在 Marketo 中插入新的 WooCommerce 客户。这是一个有效的线索捕捉自动化,它从 WooCommerce 获取新订单，并代表你将每个新客户复制到 Marketo。

如果还将它们添加到您的营销列表中，那么它们将被添加到您当前正在进行的任何自动电子邮件活动中。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

4.根据新的 WooCommerce 订单创建 Trustpilot 邀请

Zap for creating Trustpilot invitations from WooCommerce orders.

Create Trustpilot invitations from WooCommerce orders.

或者，您可以使用这种集成将新的 WooCommerce 订单转化为 Trustpilot 邀请。因此，任何时候有人在你的 WooCommerce 商店购物，他们都会收到 Trustpilot 的邀请，要求他们留下对你公司的反馈。

手动查看订单清单非常耗时，因此自动化流程将确保您不会在任务上花费不必要的额外时间，也不会意外忘记。

5.向 ActiveCampaign 添加新的 WooCommerce 客户

Zap for adding new WooCommerce customers to ActiveCampaign.

Add new WooCommerce customers to ActiveCampaign.

另一个可以考虑使用的有用集成是这个，它允许您将新的 WooCommerce 客户添加到 ActiveCampaign 中。

如果您的产品或服务有一个学习曲线，或者如果客户可以从入门指南中受益，这将特别有帮助。您甚至可以利用这一点将客户添加到未来产品发布的列表中，以帮助留住客户。

6.将新的 WooCommerce 客户保存到 HubSpot 联系人

Zap for saving new WooCommerce clients to HubSpot contacts.

Save new WooCommerce clients to HubSpot contacts.

如果你是 HubSpot 的粉丝，这种集成可以让你将新的 WooCommerce 客户保存到你的 HubSpot 联系人中，这非常有用。每当一个新客户在你的 WooCommerce 商店下订单时，他们的联系信息会直接添加到 HubSpot，用于你的活动。

更有帮助的是，如果客户过去曾向您购买过产品，该集成还会用新的产品更新客户信息。这使得将所有订单信息——过去的和现在的——组织在一个位置变得简单。

7.为新的 WooCommerce 订单创建 QuickBooks 在线销售收据

Zap for creating QuickBooks online sales receipts for new WooCommerce orders.

Create QuickBooks online sales receipts for new WooCommerce orders.

另一个有用的集成是为每个新的 WooCommerce 订单自动创建一个 QuickBooks 在线销售收据。因此，不用手动更新你的簿记记录，这个 zap 会自动为你处理。

8.根据新的 WooCommerce 订单创建 Trello 卡

Zap for creating Trello cards from new WooCommerce orders.

Create Trello cards from new WooCommerce orders.

如果你很难做到井井有条，那么每次你得到一个新的 WooCommerce 订单时，自动创建一张新的 Trello 卡可能会有所帮助。自动生成的 Trello 卡包含您需要完成的订单信息。

如果您的商店出售定制产品，这尤其有用。带有定制详细信息的 Trello 卡将有助于确保您的客户每次都能获得他们所订购的产品。

9.为新的 WooCommerce 订单创建 Tookan 交付任务

Zap for creating Tookan delivery tasks for new WooCommerce orders.

Create Tookan delivery tasks for new WooCommerce orders.

或者您可以利用这种集成，为每个新的 WooCommerce 订单创建一个 Tookan 交付任务。Tookan 中的新任务是在下订单后自动生成的，包括所有相关的订单细节。

10.获取发送到 Gmail 的 WooCommerce 订单的预定摘要

Zap to get scheduled summaries of WooCommerce orders delivered to Gmail.

Getting scheduled summaries of WooCommerce orders delivered to Gmail.

如果你住在你的电子邮件收件箱里，接收你最新的 WooCommerce 订单的摘要发送到你的 Gmail 地址可能会有帮助，让你更好地了解你的商店的状态。

一旦这个 zap 被激活，每次下新订单时，您都会收到电子邮件通知。您也可以设置这些电子邮件的频率，zap 将每天、每周或每月编辑并发送所有订单的摘要。这样，无论你身在何处，你都会知道你的企业在哪里。

11.当您的客户的 WooCommerce 订单状态发生变化时，向他们发送短信

Zap for sending an SMS to your customers when their WooCommerce order changes status.

Send an SMS to your customers when their WooCommerce order changes status.

一些 Zapier 集成也有助于让客户了解他们的订单。当客户的订单状态发生变化时，它会向客户发送一条短信。

这样，当客户的订单得到确认或发货时，他们会自动得到通知，而无需您手动发送任何信息。这是让客户了解信息和建立消费者信任的好方法。

12.从新的 WooCommerce 订单向 Salesforce 添加销售线索

Zap for adding leads to Salesforce from new WooCommerce orders.

Adding leads to Salesforce from new WooCommerce orders.

我们列表中的最后一个是一个集成，每当你收到一个新的 WooCommerce 订单时，它都会增加销售线索到 Salesforce 。没有必要手动导出您的客户列表或类似的东西。相反，这个 zap 会在新客户从你的 WooCommerce 商店下订单的时候把他们导入 Salesforce。

这些客户随后会在 Salesforce 中被列为新的潜在客户，您可以联系他们或在您认为合适的时候将其添加到您的电子邮件营销活动中。

WooCommerce 🤝 Zapier. Learn more in this guide 🚀Click to Tweet ## 摘要

就是这样！希望您现在对如何将 WooCommerce 与 Zapier 集成有了更好的理解。我们今天花时间讨论了 Zapier 是什么，它如何与 WooCommerce 一起工作，以及在 WooCommerce 中使用它的好处。

我们还详细介绍了设置 Zapier 连接或“zaps”的过程，包括您需要的插件和将 Zapier 与 WooCommerce 集成所需的步骤，以及在 Zapier 中集成其他应用程序。我们还谈到了设置触发器和集成，并提供了一个健康的 zaps 列表，您可以立即将其用于 WooCommerce。

现在是时候开始简化工作流程了。Zapier + WooCommerce 是实现这一目标的强大组合。如果你对网上商店仍有疑问，也请务必阅读我们的综合指南用 WooCommerce 促进销售。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在 2020 年欧洲世界语言营上经营一个虚拟赞助商展位(内有礼品包)

原文:# t0]https://kinta . com/blog/wordcamp-Europe-2020/

今年的欧洲单词营很特别。这是单词营历史上第一次 100%在网上通过虚拟展台进行的活动。

这给参与其中的每个人都带来了许多变化:组织者、演讲者、志愿者和赞助商(如 Kinsta) 必须适应这种新的方式来举办单词夏令营。

Marcel Bootsman 和我在组织 Kinsta 为这一期欧洲世界夏令营的赞助活动中发挥了积极作用。我可以告诉你，无论是从个人角度还是从职业角度，今年的情况都有所不同。

从现场活动到虚拟活动，社区仍然是核心

2019 年，我在东京参加了我的第一次 WordCamp。我花了一天时间与与会者谈论 Kinsta，会见其他公司的代表，并参加了一些教育会议。

一天结束时，我带着对 WordPress 社区的人们的深深感激离开了，我迫不及待地想参加我的下一个 WordPress 社区。我一点也不知道我的下一个单词营会是一个由全球疫情带来的完全虚拟的单词营！

从实体会议过渡到虚拟会议是一项艰巨的任务，我非常感谢那些不可思议的 WordPress 社区成员，他们齐心协力完成了这项任务。

虽然我仍然认为社区活动最好亲自体验，但我很高兴看到 WordPress 粉丝为了一个共同的目的而聚集在一起的最重要的部分仍然存在并且很好！

当我和马塞尔(我的犯罪搭档，如果你愿意的话)聊天时，他和我分享了以下内容:

当想到要去一个单词营(老实说，我已经数不清我去过多少次了)时，我脑海中闪现的第一感觉是友谊和开放。与全球 WordPress 社区这么多成员的友谊。因为这些友谊很容易建立。

友谊是这个伟大社区的核心。在单词营里，你可以学习、交流、分享知识，最重要的是，玩得开心。这些包容性的活动将人们聚集在一起，这是整个 WordPress 项目令人惊叹的地方，对我来说，这是它成功的秘密。这个虚拟的事件将是不同的，但它将把人们聚集在一起。而这才是最重要的方面！

对于那些不熟悉“WordPress”这个术语的人，请继续阅读一个简短的介绍，后面是我们回馈 WordPress 项目的理由，并成为赞助商。

哦，当然，你会发现更多关于我们的免费虚拟礼包。

–Brian Li，网站内容经理

什么是欧洲单词营？

欧洲世界夏令营是最大的世界夏令营之一。由 WordPress 社区为 WordPress 社区和那些对 WordPress 感兴趣的人组织的。

WordPress 是一个会议，人们聚集在一起分享知识，关注会议，会见各种类型的 WordPress 用户、代理商、开发者、、自由职业者、文案、设计师以及所有对使用这个流行的 CMS 感兴趣的人。

WordPress camps 是全球倡议的一部分，旨在将当地的 WordPress 社区聚集在一起。你可以在官方 WordCamp 中心网站上查看所有即将到来的(和过去的)word camp。

回馈 WordPress 项目

没有人和公司对项目的回馈，开源软件就无法存在。回馈 WordPress 可以有多种方式。

组织一个 WordPress 聚会，帮助把 WordPress 翻译成你自己的语言，修复一个错误，增加一个功能，赞助官方的 WordPress 活动来帮助活动组织者支付费用。这就是为什么单词营会为所有参与者带来可及且可负担的活动。

金斯塔的虚拟赞助商展位

继最近关于优化在家工作体验的网络研讨会之后，Marcel 和我在 WordCamp 2020 的虚拟赞助商展位上做了一个演示。我们分享了关于分布式团队、公司文化以及 Kinsta 如何在新冠肺炎疫情期间保持高效的技巧。

Kinsta's virtual booth at WCEU 2020.

Kinsta’s virtual booth at WCEU 2020.

对于那些参观过我们虚拟展台的人，我们想说非常感谢你们参加我们的 2020 年欧洲世界语言营！我们玩得很开心，希望你也一样。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

下面，您将找到如何兑换免费虚拟礼包的详细信息。

Kinsta 为 WordCamp Europe 参与者准备的虚拟礼包

作为对所有参加 WordPress 欧洲 2020 的参与者的感谢，我们放了一个超级漂亮的虚拟礼包，里面有与 WordPress 相关的免费赠品。具体来说，您可以在其中找到以下内容:

电子书

下载我们的电子书，深入学习各种 WordPress 主题。无论你是想优化你的代理公司的运营，还是想加速你的网站，或者是想改善 T2 的搜索引擎优化，我们都有一本电子书可以帮你。

1.托管 WordPress 主机的真正价值

想象一下，如果你有一个平台负责备份，更新 WordPress 和你的主题和插件，监控和修复任何安全漏洞。下载您喜欢的语言版本的电子书:

英语，法语，德语，意大利语，葡萄牙语，西班牙语

2.保护客户端站点的最终指南

WordPress 的安全性永远不应该被忽视。请阅读这份循序渐进的安全指南，以确保您客户的网站是安全的。还有你的生意。下载您喜欢的语言版本的电子书:

英语，法语，德语，葡萄牙语

3.2020 年管理 40 个 WordPress 网站指南

通过这份免费指南，学习如何以最有效的方式管理您所有客户的网站，从而增加您的客户数量和业务收入。下载您喜欢的语言版本的电子书:

英语，法语，德语，意大利语，葡萄牙语，西班牙语

4.如何加速你的 WordPress 网站

速度就是一切。更高的转化率，更好的排名，更强的 SEO ，更多的销量。通过这个深入的指南，学习如何让你的 WordPress 站点运行得更快。下载用您的语言编写的电子书:

英语，德语，意大利语，西班牙语，日语

红利:Perfmatters 和 Novashare 的优惠券代码

我们与专注于性能的 WordPress 插件开发公司 forgemedia 合作，为 WordPress 欧洲会议的与会者提供两个我们最喜欢的插件的特别优惠:perfmates和 Novashare 。

在结账时使用优惠券代码KINSTAWCEU获得 25%的折扣。此代码仅在 6 月 1 日至 6 月 20 日期间有效。

MyKinsta Dashboard Demo

在我们的 WCEU 演示中，我们强调了 MyKinsta 仪表板的几个关键方面。如果你想在注册 Kinsta 计划之前测试 MyKinsta 的各种功能，请查看我们 100%免费且完全可操作的 MyKinsta 演示。

订阅我们的时事通讯

如果你想了解更多关于各种 WordPress 话题的信息，请确保定期查看我们的博客和订阅我们免费的每周时事通讯。

我们期待着在您附近即将到来的 WordCamp 中见到您——希望是您本人！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在波尔图举行的 2022 年欧洲世界夏令营上认识金斯塔

原文:# t0]https://kinta . com/blog/wordcamp-Europe-port/中

我们很高兴地宣布，金斯塔团队将参加在波尔图举行的 2022 年欧洲世界语言营！

我们的子公司和合作伙伴经理 Adrián Sebastián Izquierdo 和荷兰市场营销经理 Marcel Bootsman 将于 6 月在波尔图代表 Kinsta。我们很高兴能在那里见到你，讨论 WordPress、Kinsta 的托管、合作伙伴关系，或者只是一般的生活！

如果您有兴趣与我们会面，请点击以上姓名，发送电子邮件至 Adrián 或 Marcel。

如果你不熟悉欧洲 WordPress 大会，它是世界上最大的 WordPress 大会。这是一年一度的活动，欢迎每个人，旨在形成和加强欧洲 WordPress 社区和其他社区之间的联系。它包括两个会议日和一个单独的贡献者日，人们聚集在回馈 WordPress 开源项目。

WordPress 欧洲，或 WCEU，每年在不同的欧洲城市举办，由从 WordPress 社区挑选的志愿者团队组织。今年，欧洲世界夏令营将于 6 月 2 日至 4 日在葡萄牙的波尔图举行。

还有时间成为贡献者😎—随便说说！😉 👉如何开始成为 WordPress 贡献者

在那里见，好吗？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

参加 2020 年欧洲世界夏令营

原文:# t0]https://kinta . com/blog//

请在您的日历上标记 2020 年 6 月 4 日至 6 日，参加有史以来第一次虚拟世界训练营欧洲！鉴于当前的全球形势，我们要感谢 WordPress 社区为将 WordPress 欧洲版重新组织成全球在线活动所做的努力。

Kinsta 将作为赞助商参加此次活动，我们很高兴能见到大家！在 WCEU 2020 期间，您可以在两个地方找到我们——我们的虚拟缩放展台和我们的 30 分钟赞助商演示。

虚拟变焦展台

请到我们的虚拟变焦展台来了解更多关于 Kinsta 的由谷歌云平台支持的高性能 WordPress 主机！

2020 年 6 月 5 日星期五，CEST 时间 15:00-20:00
2020 年 6 月 6 日星期六，CEST 时间 15:00-18:00

30 分钟演示

在我们最近关于优化在家工作体验的网络研讨会的基础上，Kinsta 团队成员 Marcel Bootsman 和 Brian Li 将就分布式团队、公司文化以及 Kinsta 如何在疫情新冠肺炎展会期间保持高效进行演讲。

2020 年 6 月 5 日星期五 17:50-18:10 CEST

请务必参加演示，兑换您的免费虚拟礼包！

演示结束后，将会有一个简短的问答环节，所以请务必准备好向 Marcel 和 Brian 提问。

如何在 2020 年世界夏令营中找到金斯塔

以下是您在 2020 年世界语言营欧洲大会上找到我们的虚拟赞助商展位和演示文稿的方式。

从计算机加入

以下是如何通过电脑加入我们的虚拟展位的说明。

下载并安装 Zoom

如果您没有安装 Zoom，请从 Zoom 的网站下载并安装最新版本。如果您已经安装了 Zoom，请继续下一步。

如何找到 Kinsta 的虚拟变焦展台

访问我们在欧洲世界夏令营网站上的官方赞助商页面。

要加入我们的虚拟展位，请点击“虚拟展位”下的缩放链接。
要加入我们的演示，请点击“赞助商区域”下的缩放链接。

点击链接后，您将被转到 Zoom 的网站。在那里，按照屏幕上的说明打开电脑上的缩放应用程序。

如果提示您输入密码，请使用您在 WCEU 电子邮件中收到的密码。

从移动设备(iOS、iPadOS 和 Android)加入

下载并安装 Zoom

如果您没有安装 Zoom，请从应用商店或谷歌 Play 商店下载并安装最新版本。如果您已经安装了 Zoom，请继续下一步。

如何找到 Kinsta 的虚拟变焦展台

访问我们在欧洲世界夏令营网站上的官方赞助商页面。

要加入我们的虚拟展位，请点击“虚拟展位”下的缩放链接。
要加入我们的演示，请点击“赞助商区域”下的缩放链接。

点击链接后，您将被转到 Zoom 的网站。在那里，按照屏幕上的说明打开移动设备上的缩放应用程序。

如果提示您输入密码，请使用您在 WCEU 电子邮件中收到的密码。

欧洲 WordPress 社区对我们 Kinsta 来说非常重要。我们的网站有意大利语、葡萄牙语、法语、德语、荷兰语、西班牙语、瑞典语和丹麦语。

我们还在欧洲工作时间提供多种语言的托管和销售支持..

你可以在这里找到更多关于 2020 年世界夏令营的信息。

把话传出去……到时候见！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

欢迎参加 2019 蒙特利尔世界夏令营——我们将为您呈现！

原文：https://kinsta.com/blog/wordcamp-montreal-2019/

请标记您的日历，参加将于 2019 年 8 月 10 日至 11 日在肯考迪亚大学举行的第 11 届世界夏令营。Kinsta 将出席并赞助此次活动。我们很高兴见到你！

在公共餐桌旁停下来吃点金斯塔的东西。你也可以拿一本免费的英语和法语版的“如何加快你的 WordPress 网站”的书。

Speed up WordPress book

Speed up Your WordPress Site book

我们对此次活动感到非常兴奋，因为我们的法国市场 Kinsta 业务发展协调员 Christophe Asselin de Beauville 将在**发表演讲，介绍快速网站的重要性！**他将涉及的几个话题包括:

统计慢速或快速网站的影响，以及它如何影响网站的流量和收入。
优化你的 WordPress 站点时需要考虑的所有要点，比如选择正确的 WordPress 主题和插件、图像和数据库优化、高级域名系统、内容分发网络，当然还有高性能的主机。

Christophe 很乐意亲自回答你的任何问题。他的演讲:“在互联网上，每一毫秒都很重要，不要再忽视它了！”将于周日上午 10 点举行。它将以法语呈现。🇫🇷

在金斯塔，法国和加拿大的🇨🇦 WordPress 社区对我们非常重要。我们的网站提供法语版本(https://kinsta.com/fr/)，以及我们的 MyKinsta 仪表盘。我们还在世界协调时 06:00 到 14:00 之间提供法语托管支持。所有其他时间目前都有英语支持。我们将很快为法国客户提供全时间的法语支持以及欧元支付服务。

MyKinsta in French

你可以在这里找到 WordCamp Montréal 的完整程序。我们希望在那里见到你！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

加入首届北欧单词营的 Kinsta 团队

原文:# t0]https://kinta . com/blog/wordcamp-nordic-2019/

清除您的日程安排并标记您 2019 年 3 月 7 日至 8 日的日历。首届北欧单词营在芬兰赫尔辛基举行，我们兴奋不已！这是一个你不想错过的 WordPress 活动。来自 Kinsta 的 11 名团队成员将出席会议，我们希望与大家见面并聊天。

无论您是否是 Kinsta 的客户，我们都希望您能过来打个招呼。👋没有什么比开始一场关于 WordPress 以及我们如何能够帮助你的业务的对话更让我们开心的了。

WordCamps are a time when competitors lay down the sword to make connections with users and share their 💜 for WordPress.Click to Tweet

什么是单词营？

WordCamps 只是众多让开源 WordPress 社区与众不同的事情之一。对于那些从未参加过的人来说，WordPress 是一个会议(通常由当地领导组织)，在这里人们可以聚在一起学习，享受如何更好地使用 WordPress 的会议。

它们提供了与各种类型的用户会面和分享的绝佳机会，从 web 开发人员和代理到没有任何技术知识的爱好者。这是一个竞争对手放下剑来与用户建立联系，并就如何将 WordPress 带到下一个水平进行合作，或者讨论 CMS 如何改变我们所知道的行业的时候。

2006 年，马特·莫楞威格在三藩市组织了第一个世界夏令营，从那以后，世界各地的当地社区已经组织了数百个这样的夏令营。写这篇文章的时候，已经有 948 个单词营，遍布 6 大洲 65 个国家的 71 个城市！一定要查看一下世界夏令营时间表，看看你所在的地区是否有这样的活动。

WordCamps

为什么北欧单词营如此重要

有几个原因让你不想错过 3 月 7-8 日在芬兰赫尔辛基举行的北欧世界夏令营。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

首先，这将是有史以来第一次举办。第一次把一群新的人聚集在一起总是很有趣的。预计将有 600 多人参加！其中 11 个将来自我们自己的金斯塔团队。

其次，它是世界上唯一一个用代表丹麦、芬兰、冰岛、挪威和瑞典的单词营！🇩🇰🇫🇮🇮🇸🇳🇴🇸🇪在芬兰的其他单词营很受欢迎，也很成功，所以没有限制。

鉴于这一独特机会的重要性和我们分享的热情，我们很自豪 Kinsta 成为 2019 北欧世界营的金牌赞助商。

感谢 @kinsta 成为 #WCNordic 金牌赞助商！https://t.co/YoZr6yxgz8

—word camp Nordic(@ word camp Nordic)2019 年 1 月 31 日

在加利福尼亚州圣迭戈举行的 2022 年美国世界夏令营上认识金斯塔

原文：https://kinsta.com/blog/wordcamp-san-diego-california/

在令人惊叹的 2022 年世界语言营欧洲站之后，世界语言营美国站终于回来了，它将于 9 月 9 日至 11 日在加利福尼亚的圣地亚哥举行。在那里见到你，金士塔团队非常兴奋！

我们的社交媒体经理 Kiera Kosciolek 和销售主管 Preston Lambrecht 将在阳光明媚的圣地亚哥代表 Kinsta，我们将非常高兴认识您并谈论 WordPress 、托管、合作关系和您的项目！

如果你有兴趣和我们见面，请点击上面的名字，给 Kiera 或 Preston 发邮件。

如果你不熟悉WordPress US，这是一个欢迎所有人的年度活动，旨在建立和加强全球用户、企业和 WordPress 社区之间的联系。今年的会议系列包括各种主题，包括博客、设计可访问性、定制核心模块、插件、多渠道电子商务、WordPress 设计等等。

WCUS 每年在不同的美国城市举办，由从 WordPress 社区挑选的志愿者团队组织。如果你想积极帮助组织和/或管理一个单词营或在你附近见面，学习如何成为一个基于事件的贡献者。

在那里见，好吗？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 4.7 的新功能

原文：https://kinsta.com/blog/wordpress-4-7/

我们最喜欢的 CMS 的最新也是最棒的版本，WordPress 4.7“Vaughan”于一周前的 12 月 6 日发布。它包括一个全新的默认主题，新的定制选项和许多开发者特性。

更新:WordPress 5.3 的新功能

用户体验
WordPress 4.7 中更好的菜单构建体验
开发者的改变
在 Kinsta 上更新到 WordPress 4.7

用户体验

我们最喜欢的 WordPress 4.7 特性是改善用户体验的特性(UX)。WordPress 长期以来一直是一个技术上有能力的系统，但在用户界面和体验方面明显落后了一段时间。

视频标题

某种运动已经在头球中使用了一段时间了。从动画 gif 到精心制作的滑块和视频。视频经常被归入自定义实现，但由于核心团队的努力，应该会得到更广泛的应用。

Header video in WordPress 4.7

编辑快捷方式

主题定制器通过快捷图标得到了增强，您可以单击这些图标直接进入控制相关元素的字段。对于更复杂的主题来说，这是一个很好的特性，因为你甚至不知道什么可以编辑，更不用说它在哪里了。

Editor Shortcuts in WordPress 4.7

真的感觉这是前端编辑器般体验的下一步，在这里你可以编辑任何你需要的东西。这可能还需要一段时间，但这已经大大改善了网站创建体验。

WordPress 4.7 中更好的菜单构建体验

我认为这个最能代表发展方向。如果你经常建立新网站，你就会知道菜单有多烦人。当你构建这个东西的时候，你想放在菜单里的页面需要存在。然而，如果你先构建菜单，绘制页面就容易多了，它就像一个快速原型工具。

Menu Building In WordPress 4.7

自定义 CSS

过去许多主题都添加了这个功能，现在它终于出现在核心代码中了。你可以在主题定制器中添加你的自定义 CSS，包括实时预览，太棒了！

Custom CSS in WordPress 4.7

PDF 预览

上传 pdf 现在将生成缩略图预览，这使得区分项目更加容易。使用 WordPress 上传文档的人会喜欢这个功能的！

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

PDF Preview in WordPress 4.7

用户语言

用户现在可以更改他们看到管理员时使用的语言。用户级别的更改不会以任何方式影响前端或其他用户。这对于管理多语言网站的管理员和网站管理者来说是天赐之物。

开发人员的变化

除了这些 UX 的改进，WordPress 4.7 还为开发者提供了很多好处。

帖子类型模板

我们已经使用页面模板很多年了，它们为主题中的一些伟大功能提供了架构。开发者现在可以注册帖子类型模板，使得 WordPress 在 CMS 部门更加强大。

自定义批量操作

从 4.7 开始，您现在可以在列表屏幕上注册批量操作。这意味着，除了将多篇文章移至垃圾箱，你还可以批量“删除所有类别”或批量“主页上的功能”。这确实需要一些自定义编码，但在将来对开发人员来说将是一个方便的特性。

Rest API 附加

关于 WordPress REST API，内容端点已经被合并到核心中。这将为应用程序提供发布、评论、术语、用户和元数据以及设置的编程访问。

然后一些！

还有一些其他伟大的开发更新，如对 WP_Hook 系统的返工，自定义变更集等等。看一下官方发布帖了解全貌。

如果你对 WordPress 的开发感兴趣，想尝试最新的夜生活或者只是想在其他人之前了解最新的变化，我建议你去 make.wordpress.org。核心部分将包含最具影响力的变化，但其他部分也同样有趣。

在 Kinsta 上更新到 WordPress 4.7

我们已经收到一些客户在更新到 WordPress 4.7 时经历白屏死亡的报告。这通常可以通过简单的重启 PHP/HHVM 和删除你的 WordPress 站点上的整个页面缓存来解决。

由于每个客户的站点都不同，我们总是建议利用暂存环境或者更进一步，利用我们的高级暂存环境。你可以在几秒钟内克隆你的网站，然后用你现有的主题和插件测试 WordPress 4.7 来检查兼容性。

当然，为了安全起见，你也可以在更新你的网站之前进行手动备份。

—

相片信用:维基媒体公社

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 4.8 的新功能

原文：https://kinsta.com/blog/wordpress-4-8/

又到时间了！WordPress 的下一个版本现在可以下载了。“埃文斯”于上周 6 月 8 日发布。它包括大量新的小部件和改进，以及对可视化编辑器中链接工作方式的方便改进。让我们潜进去仔细看看吧！

更新:WordPress 5.3 的新功能

令人兴奋的小工具变化
可视化编辑器中的链接边界
开发者的改变
如何更新到 WordPress 4.8

令人兴奋的部件变化

WordPress 4.8 的主要焦点是围绕着的变化，改进现有的小工具和引入一些新的作为一种更容易展示你的内容、图像和品牌的方式。老实说， widgets 已经多年没有太多更新或变化了，所以终于看到一些扩展功能真是太好了。对于开发人员来说，这个版本没有太多的变化，但是这些更新应该有助于使 CMS 更容易为那些刚刚起步的人所使用。

可视编辑器现在在文本部件上可用

第一个变化是现在可以在文本小部件上使用简化版本的可视化编辑器。以前你只能输入文本或 HTML。对于那些不知道如何编码的人来说，这有点限制了事情的发展。反过来，许多人可能会去下载第三方插件，让他们可以做他们需要的事情。但是现在您可以使用 WYSIWYG 编辑器轻松设置文本格式，使用粗体、斜体、项目符号列表等样式，并能够添加和编辑超链接。

正如你在右下方看到的，你现在有了可视化编辑器和标准的“文本”视图。

wordpress 4.8 visual editor widgets

Visual editor on widgets in WordPress 4.8

新图像小部件

他们在 WordPress 4.8 中引入了一个全新的图片小工具。这对于那些想要快速添加图像的人来说是完美的，例如头像、广告、徽标或附属横幅。您可以点击“编辑图像”来添加图像链接。

wordpress 4.8 image widget

New image widget in WordPress 4.8

下面你可以在我们新更新的 WordPress 4.8 站点的侧边栏上看到新的图片小工具。

new image widget sidebar

New image widget on sidebar

新视频小工具

与图像小部件非常相似，他们也在 WordPress 4.8 中添加了一个视频小部件。这可以是展示你的品牌，快速介绍你的公司，或者只是增加一些幽默的好方法。当前支持的格式包括. mp4、. m4v、.webm，。如果你点击“编辑视频”,还有一个循环播放视频的选项。

wordpress 4.8 video widget

New video widget in WordPress 4.8

下面你可以在我们新更新的 WordPress 4.8 站点的侧边栏上看到新的视频小工具。

video widget on wordpress sidebar

New video widget on sidebar

您还可以使用插入 URL 功能来插入第三方托管的视频，如 YouTube 或 Vimeo。确保您已经启用了嵌入以使其工作。

add video from URL

Add video from URL

新音频部件

最后但同样重要的是，他们还添加了一个音频小部件。同样，这与其他两个非常相似。可能是添加介绍或问候，或者播客片段的好方法。如果你点击“编辑音频”,还有一个循环播放音频的选项。

wordpress 4.8 audio widget

New audio widget in WordPress 4.8

下面你可以在我们新更新的 WordPress 4.8 站点的侧边栏上看到新的音频部件。

new audio widget sidebar

New audio widget on sidebar

更新了 WordPress 新闻和事件仪表板小部件

他们更新了“WordPress 新闻”仪表盘小工具，现在不仅包括新闻，还包括当地聚会和文字营。我们中的许多人不喜欢我们的仪表板上有更多的杂物，但对于那些活跃在社区中的人来说，这实际上非常酷！因此，我们可以看到很多人可能会在屏幕选项下重新打开这个小工具。默认情况下，它会尝试自动获取您的位置，但您也可以手动输入。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

WordPress 4.8 events and news dashboard widget

可视化编辑器中的链接边界

他们对可视化编辑器及其处理链接的方式做了一点小小的改动。我们在 Kinsta 写了很多东西，所以这实际上是我们在 WordPress 4.8 中最喜欢的新功能。以前，当您选择一个链接并编辑它时，有时您会链接到它旁边的单词，或者无法将光标移出链接元素。任何在 WordPress 写了很多的人都会知道我们在说什么。这不是一个 bug，而是一个每个出版商都必须处理的小麻烦。

为了帮助更好地解决这个问题，他们增加了他们所谓的链接边界。WordPress 4.8 中的链接现在被选中时会有一个蓝色的边框。我们仍然认为链接选择不是 100%完美的，但这绝对是朝着正确方向迈出的一步！

link boundaries

Link boundaries

开发人员的变化

WordPress 4.8 更新肯定是更多的面向非开发者的，但是，有一些你应该知道的变化。

更清晰的标题

如果你是一个插件或主题作者，他们已经对仪表板中的标题区域做了一些可访问性改进。这可能需要您更新您的 CSS 来适应这一点。

移除 WMV 和 WMA 的嵌入支持

他们现在已经移除了 WMV 和 WMA 文件的自动嵌入功能。这些文件格式要求安装 Silverlight，而 Silverlight 在浏览器中已经不太流行了。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

小部件的新 API

随着向文本小部件和其他视频/音频小部件添加可视化编辑器，开发人员现在可以更容易地使用 API 来挂钩这些区域。阅读关于 TinyMCE 文本部件和图像和音频部件的开发者文档。

定制侧边栏宽度现在是可变的

以前，外观定制器侧边栏被限制为 300 像素的固定宽度。在大屏幕上，这可能会有点令人沮丧。这已经被改变，现在它将在更大的屏幕上按比例调整大小。

新的多站点变更和功能

为多站点添加了新的元功能，允许对特定区域的访问进行更细粒度的控制。还增加了一个新功能， get_term_parents_list() 。

如果你对 WordPress 的开发感兴趣，想要尝试最新的夜生活，或者只是想在其他人之前了解最新的变化，我们建议前往 make.wordpress.org。核心部分将包含最具影响力的变化，但其他部分也同样有趣。

如何更新到 WordPress 4.8

由于每个客户的站点都不同，我们总是建议利用暂存环境。你可以在几秒钟内克隆你的网站，然后用你现有的主题和插件测试 WordPress 4.8 来检查兼容性。您还可以选择使用我们的高级暂存环境。当然，为了安全起见，你也可以在更新你的直播网站之前做一个手动备份。

要将 WordPress 升级到 4.8，只需点击 WordPress 管理面板上的更新图标。然后点击“立即更新”按钮。当你的网站被更新时，它将处于维护模式。一旦您的更新完成，您的网站将恢复正常。

update wordpress version

Update WordPress version

只要更新一切顺利，您应该会看到“最新动态”屏幕。就是这样！又快又简单。

wordpress 4.8 update

WordPress 4.8

WordPress 更新问题疑难解答

每当人们更新 WordPress 的主要版本时，总有一些会遇到问题，这是由于目前市场上同时存在数以千计的不同插件和主题。以下是解决常见问题的几种方法。

得到死亡的白屏？这通常可以通过简单的重启 PHP/HHVM 和删除你的 WordPress 站点上的整个页面缓存来解决。
试着停用你所有的插件，看看是否能解决你的问题。然后一个一个地重新激活它们，直到你发现哪个插件可能需要开发者的更新。
尝试切换到默认的 WordPress 主题，比如 Twenty Twenty 。如果这解决了你的问题，你可能需要联系你的主题开发者。
排除和诊断浏览器中的 JavaScript 问题。如果像可视化编辑器(TinyMCE)这样的关键组件损坏了，这将非常有帮助。

注意:看起来有些人已经开始遇到可视化编辑器和文本小部件的问题，见: #40960 和 #40951 。MaAnna 对她所称的文本小工具崩溃有一个很好的总结。

摘要

虽然在 WordPress 4.8 中没有任何我们称之为里程碑式的变化，但对于非开发者和刚刚开始使用 CMS 的人来说，新的可用部件将使使用它变得更加容易。我们个人很高兴在编辑器中看到更多的链接变化，因为这是出版商和内容作者非常讨厌的事情。

你怎么想呢?在 WordPress 4.8 中有什么让你兴奋的事情吗？如果有，请在下面告诉我们。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 4.9 的新功能

原文：https://kinsta.com/blog/wordpress-4-9/

WordPress 4.9“tip ton”刚刚发布，可供下载。今年的第二个主要版本标志着向更加以用户为中心的方式定制和管理网站迈出了重要的一步，对定制器进行了重大改进，为小部件提供了令人兴奋的新功能，为编辑代码提供了强大的文本编辑器，等等。所以，是时候看看新版本中最有希望的变化了。

更新:WordPress 5.3 的新功能

你可以下载 WordPress 4.9 或者从你的 WordPress 仪表盘的更新部分升级现有的安装。记住，和 WordPress 的任何新版本一样，首先在的试运行环境中测试它总是一个好主意——或者至少做个备份以防万一。

话虽如此，让我们深入到最有希望的 WordPress 4.9 变化中。

在定制器中起草和计划变更

受定制快照插件的起草和修改的启发，WordPress 4.9 引入了一种新的方式来保存定制器中的更改。任何时候你启动一个定制会话，每一个设置的改变都将被保存在一个定制 _ 变更集定制文章类型中。多亏了变更集，用户定制可以保存为草稿或计划在未来发布。这意味着站点管理员可以放弃更改，将定制器恢复到最终发布前的最后发布状态。

Customizer

Changes in the Customizer can be saved as drafts or scheduled to be published later

一个有用的附加功能是共享预览链接，它将允许用户与不允许访问定制器的查看者共享最新更改的预览。分享预览链接将会派上用场，与你的客户分享前端预览，而不用给他们访问管理面板。

定制器中 UX 的其他改进

其他改进涉及主题浏览体验。从 WordPress 4.9 开始，用户可以浏览已安装的主题和 WordPress.org 主题，并直接从定制器中预览、下载和激活它们。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

Customizer

Browsing through themes in the Customizer

另一个变化影响了定制器中创建菜单的流程，并且应该解决了一些可用性问题。从 WordPress 4.9 开始，用户被引导完成菜单创建过程，因此选择菜单位置和菜单项应该更加直观。

Customizer Menus sections

WordPress 4.8 和 WordPress 4.9

中定制菜单部分的比较

微件中的图库、oEmbeds 和 HTML

WordPress 4.9 附带了一个全新的图库小部件，这是继 WordPress 4.8 中引入的媒体和图像小部件之后的。现在可以像在文章编辑器中一样将图库添加到小部件中。

Gallery widget

The new Gallery widget

其他变化会影响文本、视频和自定义 HTML 小工具。WordPress 现在只在文章和页面中解析短代码，为了让它们在小部件中工作，我们应该在插件中添加这两行代码:

add_filter( 'widget_text', 'shortcode_unautop' );
add_filter( 'widget_text', 'do_shortcode' );

从 WordPress 4.9 开始，默认情况下，短代码将在文本小工具中解析。

Text widget

In WordPress 4.9 shortcodes are parsed also in Text widgets

目前，只有 YouTube 和 Vimeo 托管的视频可以添加到视频小工具中，因为这些是唯一由 MediaElement.js 库支持的托管视频提供商，而不需要依靠 oEmbeds。WordPress 4.9 在视频小工具中增加了 oEmbed 支持，这一变化将使其有可能包括除 YouTube 和 Vimeo 之外的提供商托管的视频。

Video widget

The improved Video widget allows to embed videos from providers other than YouTube and Vimeo

此外，WordPress 4.9 在帖子内容之外增加了 oEmbed 支持。这意味着文本小部件中也将允许可用的 oEmbeds。

Text widget

In WordPress 4.9 oEmbeds are allowed in Text widgets

其他的变化是支持在文本小部件中添加媒体，以及在定制 HTML 小部件中引入代码镜像文本编辑器。

CodeMirror

CodeMirror 是新的用于定制 HTML 小部件的文本编辑器

当我们改变当前主题时，前一个主题的菜单和小部件会丢失。即使当我们从一个父主题切换到它的子主题时，也会发生这种情况，这很烦人，因为每当我们改变一个主题时，它会迫使我们一次又一次地构建所有的菜单和添加所有的小部件。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

WordPress 4.9 修复了这个问题，使得在两个主题中具有相似 id 或名称的菜单位置和窗口小部件区域将被自动映射。此外，如果主题具有一个以上的菜单，则第一主题的第一菜单位置中的菜单将自动映射到第二主题的第一菜单位置中的菜单。这意味着 WordPress 将在主题切换中保留菜单和小部件。

UI 也有其他小的改进，比如当你运行更新时，图标会显示在每个插件旁边(如下所示)。

WordPress 4.9 update icons

开发人员的变化

对开发者来说，一个重要的变化是包含了主题/插件编辑器的 CodeMirror ，定制器中的定制 CSS 编辑器，以及定制 HTML 小部件。

CodeMirror

CodeMirror in theme/plugin editor

CodeMirror 将 WordPress 编码体验带到了一个更高的层次。它带有自动完成功能和实时语法错误通知。此外，防止用户在出现错误的情况下保存代码，这为代码编辑增加了一层安全性(更多信息，请参见包含默认代码编辑器标签)。

CodeMirror

An error notification in CodeMirror

WordPress 4.9 还增加了新的WP _ Customize _ Code _ Editor _ Control类，它将允许开发者在插件中添加 CodeMirror 文本编辑器的自定义实例。以下是如何在定制器中添加定制代码编辑器的示例:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

add_action( 'customize_register', 'sample_customize_register' );

function sample_customize_register( WP_Customize_Manager $wp_customize ) {
	$wp_customize->add_setting( 'custom_html' );
	$control = new WP_Customize_Code_Editor_Control( $wp_customize, 'custom_html', array(
		'label' => 'Custom HTML',
		'code_type' => 'text/html',
		'settings' => 'custom_html',
		'section' => 'title_tagline', // Site Identity section
	) );
	$wp_customize->add_control( $control );
}

定制器的其他变化包括全局通知、面板和部分通知、覆盖整个屏幕的通知，以及新的日期/时间控件。

Customizer

Panel and section notifications in Customizer

以下是开发人员感兴趣的其他变化的简短列表:

REST API: 支持模式验证和净化中的对象
角色和上限:增加了激活/停用单个插件的能力
角色和任务:增加了管理翻译安装和更新的功能
从核心中移除库
用户:当用户试图更改其电子邮件地址时，需要确认电子邮件

关于 WordPress 4.9 变化的完整列表，见 WordPress 新闻稿。这里是一个伟大的视频纲要，所有的变化，从戴夫在可湿性粉剂 Smackdown。

如何更新到 WordPress 4.9

由于每个客户的站点都不同，我们总是建议利用提供的登台环境(如果不够，您还可以添加额外的高级登台环境)。你可以在几秒钟内克隆你的网站，然后用你现有的主题和插件测试 WordPress 4.9 来检查兼容性。当然，为了安全起见，你也可以在更新你的直播网站之前做一个手动备份。

要将 WordPress 升级到 4.9，只需点击 WordPress 管理面板上的更新图标。然后点击“立即更新”按钮。当你的网站被更新时，它将处于维护模式。一旦您的更新完成，您的网站将恢复正常。

Update to WordPress 4.9

只要更新一切顺利，您应该会看到“最新动态”屏幕。就是这样！又快又简单。

WordPress 4.9 update

WordPress 更新问题疑难解答

得到死亡的白屏？这通常可以通过简单的重启 PHP/HHVM 和删除你的 WordPress 站点上的整个页面缓存来解决。
试着停用你所有的插件，看看是否能解决你的问题。然后一个一个地重新激活它们，直到你发现哪个插件可能需要开发者的更新。
尝试切换到默认的 WordPress 主题，比如 Twenty Twenty 。如果这解决了你的问题，你可能需要联系你的主题开发者。
排除和诊断浏览器中的 JavaScript 问题。如果像可视化编辑器(TinyMCE)这样的关键组件损坏了，这将非常有帮助。

结论

WordPress 4.9 现已发布！它给我们带来了许多特别影响用户体验的功能。在我看来，最有趣的变化是定制器的改进，核心中包含的 CodeMirror，以及视频和文本小部件中的 oEmbed 支持。你更喜欢 WordPress 4.9 的哪些功能？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 5.0 的新功能(你好，古腾堡)

原文：https://kinsta.com/blog/wordpress-5-0/

截止 2018 年 12 月 06 日，WordPress 5.0“Bebo”在此！如果你忽略了今年的所有其他更新，现在是时候认真关注了，因为这是 2018 年最大的更新。WordPress 正在彻底改造用户和开发者使用带有新古腾堡编辑器的 CMS 的方式。现在一切都是关于积木。我们还有一个新的2019 主题，这是新装置的默认主题。

更新:WordPress 5.3 的新功能

和 WordPress 的任何新版本一样，我们总是建议进行测试。这听起来像是一个破纪录，但是因为这个版本影响了一切，从编辑器到第三方插件，甚至你的主题，**测试不是可选的！**如果不测试，东西很容易损坏。这是一个你不想只是点击更新按钮版本。

也就是说，让我们深入了解 WordPress 5.0 版本的所有新功能。

WordPress 5.0 改变一切！💥查看今年最大版本中的新内容。点击推文

WordPress 5.0 改变了一切(新功能)

这里需要给一个大喊。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

查看计划

使用 WordPress 4.8 (Evans)我们获得了大量新的小部件和改进，以及对可视编辑器中链接工作方式的方便改进。

有了 WordPress 4.9 (Tipton)，我们看到了向更加以用户为中心的方式定制和管理网站迈出了重要的一步，定制器有了很大的改进，小部件有了新的令人兴奋的功能，编辑代码的强大的文本编辑器。

大多数过去的更新都相对较小，对我们大多数人来说，并没有对我们产生太大的影响。 **WordPress 5.0 不一样。**该版本没有在各处添加小的改进，而是完全专注于以下两件事:

新的古腾堡 WordPress 编辑器
WordPress 主题

除此之外，小的改动和漏洞修复只是在个案的基础上进行研究。实际上，都是关于古腾堡的。📇

起初，这听起来好像没有那么多变化，但这与事实相去甚远！Gutenberg 试图将 WordPress 作为 CMS 推向网站建设领域。事实上，WordPress 团队正计划脱离旧的发布周期，在旧的发布周期中，我们只能得到小的更新，而在新的发布周期中，我们将立刻看到更大的变化。然而，他们也表示，现在 WordPress 5.0 已经发布，计划是每月发布两次小型 WordPress 版本。你可以看看他们为古腾堡二期计划了什么。

那么古腾堡到底是什么？《古腾堡手册》很好地总结了这一点:

Gutenberg 从 WordPress 编辑器的一个转变开始——一个添加、编辑和操作内容的新界面。它试图让任何人都可以通过一个基于块的 UI 来轻松创建丰富、灵活的内容布局。所有类型的页面组件都表示为模块化块，这意味着它们可以从统一的块菜单访问，放在页面上的任何位置，并直接编辑以创建用户想要的自定义表示。

这是 WordPress 体验工作方式的根本性现代化和转变，为用户和开发者创造了新的机会。Gutenberg 为 WordPress 引入了新的框架、交互模式、功能和用户体验…

换句话说，在 WordPress 5.0 中，你将不再拥有过去十年你习惯使用的经典 WordPress 编辑器或 WordPress 文本编辑器。😱它现在看起来像这样:

Gutenberg Editor

事实上，你可能已经在你的 WordPress 仪表盘上看到了关于它的标注。这是在 WordPress 4.9.8 次要版本中添加的，作为给用户一个提示，这是真的发生了。

WordPress 5.0 Gutenberg callout

Gutenberg 是 WordPress 5.0 新版本的默认编辑器，也是唯一的编辑器。别担心，如果你愿意，你可以安装经典编辑器插件。这将允许您继续使用它旁边的新古腾堡编辑器。

然而，公平的警告，WordPress 团队已经表示，经典编辑器插件将只在 2021 年 12 月 31 日之前得到官方支持。所以我们强烈建议尽快进入古腾堡和 WordPress 5.0。

为什么会这样？有几个原因。

1.WordPress 必须参与竞争

首先，尽管 WordPress 的自托管版本是开源的，自动化的，但 WordPress.com 背后的团队仍然是一个企业。它需要与 Wix 和 Squarespace 等其他网站建设解决方案竞争。如果你看一下 WordPress 的市场份额，从 2017 年到 2018 年，同比增长在 17.3%左右。虽然这看起来很棒，但看看一些竞争对手吧。Squarespace 增长了 180%，Wix 增长了 233%。

虽然开源项目和业务在技术上是分离的，但它们是相互联系的。换句话说，WordPress 需要迎头赶上！你认为为什么所有花哨的页面生成器插件都在以令人难以置信的速度增长？这是因为人们需要更简单的方法来建立他们的网站和写内容。如果你只是想写博客，坦白地说，其他发布平台如 Medium 和 Ghost 都有更好的写作体验。

When it comes to WordPress, it's always going to be about market share. 📈Click to Tweet

这不一定是件坏事。毕竟，竞争是推动产品和社区更快发展的动力。

2.需要重写

其次， Gutenberg 现在建立在 React 之上，这是一个非常受欢迎的 JavaScript 框架，由脸书和 Instagram 等公司使用和维护。我们在 Kinsta love 的开发人员做出了反应，事实上，当我们决定推出我们自己的加盟系统时，我们使用了它。除此之外，Gutenberg 还利用了许多其他现代技术，如 REST API、ESnext + JSX、WebPack 等。里亚德·本格拉有一篇关于古腾堡如何改变 WordPress 开发的文章。

由于它的结构，它在“块开发”方面为开发人员打开了一个全新的世界记住，古腾堡的一切都是关于街区的。所以你可能会经常听到这个词。

但是这也会使事情变得复杂，因为开发人员通常需要学习新的语言。然而，值得庆幸的是，WordPress 社区已经来拯救我们了，并且有很棒的开源项目，比如 create-guten-block 。本质上，这是一个零配置开发工具包(#0CJS)，可以在几分钟内开发 WordPress Gutenberg 模块，而无需配置 React、webpack、ES6/7/8/Next、ESLint、Babel 等。

您可能还想查看以下内容:

Atomic Blocks

您可能会认为所有这些的目的都是为了提高性能？虽然我们希望如此，但迄今为止，许多报告都显示性能下降。

注意:由于 Gutenberg 团队已经推出了许多更新，所以应该对其中的一些内容持保留态度。现在 WordPress 5.0 已经正式发布了，你可以期待更多。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

另一个缺点是，大多数(不是全部)WordPress 主题和插件必须重写才能与 Gutenberg 兼容。主要是那些与 WordPress 编辑器交互的。Yoast SEO 是一个 WordPress 插件开发者快速加入的很好的例子！他们在 2017 年 7 月推出了第一个古腾堡更新，此后一直在发布新的更新。尽管他们起初担心的可达性。WordPress 团队已经发布了一份关于古腾堡可访问性的声明。

如果你想深入研究 Gutenberg 的所有特性并真正了解它是如何工作的，请查看我们的深入研究 Gutenberg WordPress 编辑器。

如果你还没有准备好，你可以通过禁用古腾堡 WordPress 编辑器来推迟这个改变。
T3】

2019 主题

WordPress 5.0 也包括了新的最小 219 主题。它在前端和后端都得到了 Gutenberg 的全力支持。我们将在接下来的帖子中更深入地讨论这个主题。😉

Twenty Nineteen WordPress theme

社区对古腾堡的看法

随着 WordPress 为互联网上超过 32%的网站提供动力，任何像这样的重大改变都必然会引起一些争议。毕竟，说实话，WordPress 编辑器在过去十年里真的没有什么变化。

如果你看一下古腾堡 WordPress 插件，有超过 700，000 个活跃安装，它的评分是 2.3 分(五星)。高达 900+ 1 星的收视率。虽然这看起来不太好，但重要的是要认识到，自从古腾堡处于测试阶段以来，人们就一直在对它进行评级。此外，如此巨大的变化，必然会有一些来自用户的评论，他们只是简单地抵制变化。

Gutenberg WordPress ratings

我们在 Twitter 上做了一个投票来看看用户现在对古腾堡的看法。在 450 多张投票中， 42%的人说他们没怎么用过它，因此对这两种方式都没什么意见。随着 WordPress 5.0 和 Gutenberg 的快速发展，这本身就有点可怕。另一个 28%的人说他们讨厌它，19%的人说他们喜欢它，11%的人说他们越来越喜欢它。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

我们想知道，你对新的 #Gutenberg WordPress 编辑器有什么看法？更多阅读:【https://t.co/bkJvrMmfNE T2】

—金斯塔(@ Kinsta)2018 年 10 月 23 日

WordPress 5.1 的新特性(推动 PHP 向前发展)

原文：https://kinsta.com/blog/wordpress-5-1/

WordPress 5.1“Betty”于 2019 年 2 月 21 日正式发布，并提供下载。

WordPress 5.1 是自 WordPress 5.0 推出 WordPress 块编辑器(又名古腾堡)以来的第一个主要版本。虽然它确实为 block editor 带来了一些调整和改进，但这个版本中最大的新特性包括 WordPress 站点健康项目和 PHP 版本通知。

更新:WordPress 5.3 的新功能

在这篇文章中，我们将看看所有可能影响你使用 WordPress 的新功能:

PHP 版本的新仪表板通知
PHP 版本兼容性检查插件和主题
死亡保护白屏
改进了块编辑器的性能
开发者的改变

PHP 版本的新仪表板通知

在 Kinsta，我们总是建议使用 PHP 最新版本的来提高性能和安全性。

从我们的基准测试来看，PHP 7.3 比 PHP 7.2 平均快 9%(T2)。如果你比较 PHP 7.3 和 PHP 5.6，它每秒可以处理几乎 3 倍于的请求(事务)！你应该总是首先在一个临时站点上测试你的插件和主题的兼容性。如果一切顺利，请确保利用这一免费的性能提升。

WordPress 现在终于开始使用一些新的工具和通知来推广 PHP 的最新版本，以提高 PHP 版本和兼容性。

首先，如果你在装有 WordPress 5.1 的服务器上运行一个过时的 PHP 版本，你会看到一个新的仪表盘窗口提示你安装最新版本的 PHP 。

WordPress 5.1 PHP version dashboard prompt

如果你的主机在 Kinsta，你没有机会看到这条消息,因为我们允许的最低版本是 PHP 5.6。现在，这个警告只会在 PHP 版本下触发。

我们希望 WordPress 团队有一个更高的版本，但是这是朝着正确方向迈出的一步。还有，如果你点击通知中的“了解更多关于更新 PHP 的信息”按钮，官方 WordPress 文档确实推荐 PHP 7.3。👏

The new PHP notice in WordPress 5.1 is a step in the right direction. 👍 It will help motivate hosts and users to adopt newer PHP versions.Click to Tweet

插件和主题的 PHP 版本兼容性检查

除了 WordPress 仪表盘中的软提示，WordPress 5.1 还增加了强制 PHP 兼容性检查，当你安装一个新的插件或主题时。这对于开发者来说太棒了！

一段时间以来，WordPress 插件开发者已经能够在插件标题中设置一个最低 PHP 版本要求作为注释。然而，到目前为止，除了显示开发人员愿意支持的最低 PHP 版本之外，这没有做任何事情。

在 WordPress 5.1 中，如果你试图从 WordPress.org 安装一个新的插件或主题，而开发者已经设置了一个比你服务器上的版本更高的 PHP 最低版本，你会看到一条信息告诉你“这个插件不能与你的 PHP 版本兼容”。了解有关更新 PHP 的更多信息。

此外，您将无法安装该插件。此时，您可以通过从存储库中手动下载 ZIP 文件并安装插件来解决这个问题。但是真的——只要更新你的 PHP 版本！

PHP compatibility check for plugins

The PHP compatibility check for plugins

死亡保护白屏

WordPress 5.1 计划引入一个名为“致命错误保护”的新功能，该功能可以在更新 PHP 时防止出现 WordPress 白屏死机。

不幸的是，这个特性在最后一刻被从 WordPress 5.1 版本中删除了。然而，这是有充分理由的。

The fatal error protection mechanism explained here has been pulled out of the 5.1 release as it had several flaws critical enough to postpone the feature. A new path to address the issues is underway via #46130 and is intended to be released as part of WordPress 5.2.Felix Arntz, WordPress Core Team
make.wordpress.org

有了这种保护，WordPress 将会识别出致命错误的发生，并在 WordPress 管理仪表板中暂停违规的主题或插件，这样你仍然可以登录到你的网站的后端，并(希望)修复问题。对于不太懂技术的用户来说，一旦他们解决了所有问题，这将是一个伟大的新功能。

看看我们修复死亡白屏的视频指南:

如果您的网站在升级 PHP 版本时遇到问题，它在前端看起来会像下面这样，但是您仍然可以登录到后端来解决问题。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Fatal error protection in WordPress 5.1

提高了块编辑器的性能

自从在 WordPress 5.0 中首次发布古腾堡块编辑器以来，古腾堡团队一直在努力改进块编辑器。如果你记得我们的年度 PHP 基准，我们发现 WordPress 5.0 和 5.02 实际上比 WordPress 4.9.8 慢。那可不好！请放心，WordPress 核心团队正在努力解决这个问题。

在核心团队发布 WordPress 5.1 的同时，Gutenberg 团队发布了 Gutenberg 5.1，这引起了一些混乱。

尽管有相同的版本号，WordPress 5.1 并不包含 Gutenberg 5.1。相反，WordPress 5.1 包含了古腾堡 4.8 。

因此，WordPress 5.1 中块编辑器的最大变化是处理性能。与 WordPress 5.0 相比，你会看到编辑器的加载速度更快，按键事件时间更短。

还有更多好消息。一旦 Gutenberg 的最新版本被合并到核心中，块编辑器的性能将会变得更好——你可以在下面看到不同 Gutenberg 版本的性能比较(记住——WordPress 5.1 包括 Gutenberg4.8—这就是我们现在的情况)。

Gutenberg performance benchmarks for different versions

对开发者的改变

除了上述面向用户的新特性，WordPress 5.1 还为 WordPress 开发者打包了一些新特性。

多站点元数据

WordPress 5.1 添加了一个新的数据库表到存储与站点相关的元数据。了解更多。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Cron API

Cron API 现在有了新的函数来帮助返回数据。您还将获得新的过滤器来修改 cron 存储。了解更多。

新的 JavaScript 构建过程

WordPress 5.1 提供了一个新的 JavaScript 构建选项。你可以在这里了解更多关于具体调整的信息。

如何更新到 WordPress 5.1

每个客户的网站都是不同的。出于这个原因，我们总是建议利用您站点的提供的暂存环境(如果一个暂存环境不够，您还可以添加多达五个高级暂存环境)。你可以在几秒钟内克隆你的站点，然后用你现有的主题和插件测试 WordPress 5.1 来检查兼容性。当然，为了安全起见，你也可以在更新你的直播网站之前做一个手动备份。

要将 WordPress 升级到 5.1，只需点击 WordPress 管理面板上的更新图标。然后点击“立即更新”按钮。当你的网站被更新时，它将处于维护模式。一旦您的更新完成，您的网站将恢复正常。

How to update to WordPress 5.1

只要更新一切顺利，您应该会看到“最新动态”屏幕。就是这样！又快又简单。

The WordPress 5.1 welcome screen

在仪表板中点击后，您还会收到一条消息，提示您将数据库更新到最新版本。只需点击“更新 WordPress 数据库”按钮，你就可以开始了。

Database update required

WordPress 更新问题疑难解答

得到死亡的白屏？这通常可以通过简单的重启 PHP 和删除你的 WordPress 站点上的整个页面缓存来解决。
试着停用你所有的插件，看看是否能解决你的问题。然后一个一个地重新激活它们，直到你发现哪个插件可能需要开发者的更新。
尝试切换到默认的 WordPress 主题，比如 Twenty Twenty 。如果这解决了你的问题，你可能需要联系你的主题开发者。
排除和诊断浏览器中的 JavaScript 问题。

摘要

虽然在这个版本中没有任何大的正面功能，但是 WordPress 5.1 增加了一些很棒的功能来推动更健康的 WordPress 网站。

对 PHP 版本的关注将有望推动大部分运行过时 PHP 版本的 WordPress 用户更新到更新的版本，并且块编辑器的性能改进非常受欢迎。

你如何看待 WordPress 5.1？有什么吸引你的吗？你希望他们包括什么吗？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 5.2 的新功能(站点健康和 PHP 错误保护)

原文：https://kinsta.com/blog/wordpress-5-2/

WordPress 5.2“张博”于 2019 年 5 月 7 日正式发布，并提供下载。

这个版本有很多令人兴奋的变化，最大的变化是新的网站健康检查工具，它将有助于教育用户，并为开发人员提供他们需要的基本信息。其他改进包括 PHP 错误保护(更少的死亡白屏)，块编辑器改进，新的图标和表情符号，以及各种开发人员和可访问性更新。

更新:WordPress 5.3 的新功能

正如 WordPress 团队描述的那样:

WordPress 5.2 给了你更强大的工具来识别和修复配置问题和致命错误。无论您是帮助客户的开发人员还是独自管理您的网站，这些工具都可以在您需要时帮助您获得正确的信息。

这是自从在 WordPress 5.0 中推出 WordPress 块编辑器(又名古腾堡)以来的第二个主要版本。下面我们将深入到所有新的改进和最重要的变化，你会发现这个最新的 WordPress 版本。

站点运行状况检查

我们在 WordPress 5.1 中看到了第一个网站健康检查功能，当时他们为插件和主题添加了 PHP 版本兼容性检查。在 WordPress 5.2 中，他们增加了一个全新的工具，带有两个新的页面来帮助调试常见的 WordPress 问题，这些问题是由于服务器和软件配置、PHP 版本等原因造成的。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

站点健康状态

在“工具”→“站点健康”下，有一个名为“状态”的新页面站点健康检查显示了关于你的 WordPress 配置和需要你注意的项目的关键信息。

WordPress Site Health

你可能马上会注意到的一件事是，他们在页面顶部添加了一个基于你的网站通过多少测试的百分比分数等级。有些人对此很不高兴，开发者之间也在讨论是否应该有一个分级系统。主要原因是分数有时会产生额外的问题，因为用户痴迷于 100%的分数。

然而，我们很高兴看到这一点，因为这将有助于提高用户的意识。例如，检查不活跃的插件和主题是很重要的。为什么？

许多人没有意识到，仅仅因为一些东西在你的 WordPress 站点上是不活跃的，并不意味着有人不能执行代码，如果他们直接浏览它。因此，为了保证你的 WordPress 站点的安全，建议完全删除不活跃的主题和插件。

新站点运行状况工具中的测试包括对以下性能和安全相关项目的检查:

性能检查🚀

最新的 WordPress 版本
PHP 的最新版本
最新的 SQL server
安装了必需的和推荐的 PHP 模块
支持 UTF8MB4
预定事件
工作中的 HTTP 请求
REST API 可用
可以执行回送请求

安全检查🔒

仅运行活动主题
最新插件
HTTPs 连接
安全通信
调试模式关闭
可以和 WordPress.org 交流
后台更新正在运行

如果你是 Kinsta 的客户，很容易得到 100 分，因为我们平台上的一切都是最新的。😉

Site Health tool in WordPress - 100% score

Site Health tool in WordPress – 100% score

测试也可以通过site_status_tests过滤，这意味着插件或主题开发者可以添加他们自己的测试，或者删除现有的测试。查看更多信息。

站点健康信息

在“工具”→“站点健康”下，有另一个名为“信息”的新页面这是一个找到关于你的 WordPress 站点配置的有用调试信息的地方，你可以和开发者、主机提供商等分享。有一个方便的“复制网站信息到剪贴板”按钮，可以让你轻松地抓取信息并粘贴到一个文本文件中，与第三方分享。

WordPress Site Health Info

网站健康信息页面包含数百个关于你的 WordPress 网站的不同数据点。毫无疑问，这个新页面将帮助开发者更快地从用户那里获得他们需要的信息。

这里只是一个很小的快照，你可以很快看到一些非常棒和非常有帮助的细节。

WordPress: WordPress 版本，站点语言，用户语言，主页 URL 和站点 URL，永久链接结构，多站点检查，用户数量。
目录和大小: WordPress 目录位置，大小，上传位置和大小，主题位置和大小，插件位置和大小，数据库大小，总安装大小。
**活动主题:**主题名称、版本、作者、作者网站、父主题、主题特征、主题目录位置。
**必须使用插件:**当前运行的任何必须使用插件的详细信息，版本号，以及作者姓名。
**活动插件:**运行的活动插件，版本号，作者名。
**媒体处理:**活动编辑器，ImageMagick 版本号，字符串，资源限制，GD 版本，Ghostscript 版本。
**服务器:**服务器架构(如 Linux、Windows 等。)、Web 服务器(如 Nginx 或 Apache )、PHP 版本、PHP SAPI、PHP 最大输入变量、时间限制、内存限制、最大输入时间、上传最大文件大小、发布最大大小、cURL 版本、SUHOSIN 状态、Imagick 库状态、。htaccess 规则。
**数据库:**扩展名，服务器版本，客户端版本，数据库用户，主机，名称，前缀。
WordPress 常量: ABSPATH，WP_HOME，WP_SITEURL，WP_CONTENT_DIR，WP_PLUGIN_DIR，WP_MAX_MEMORY_LIMIT，WP_DEBUG，WP_DEBUG_DISPLAY，WP_DEBUG_LOG，SCRIPT_DEBUG，WP_CACHE，CONCATENATE_SCRIPTS，COMPRESS_SCRIPTS，COMPRESS_CSS，WP_LOCAL_DEV。
**文件系统权限:**检查以下目录，看它们是否可写。主要 WordPress 目录，wp-content 目录，上传目录，插件目录，主题目录，必须使用插件目录。

WordPress 5.2 的新站点健康工具为开发者提供了惊人的调试信息，以更好地帮助用户！👏 点击推文

PHP 错误保护

WordPress 5.1 最初计划引入一个叫做“致命错误保护”的新功能，这个功能可以在更新 PHP 时防止 WordPress 白屏死机。然而，由于几个严重的缺陷，这一功能被推迟。现在它已经包含在 WordPress 5.2 中。

有了这种保护，WordPress 将会识别出致命错误的发生，并在 WordPress 管理仪表板中暂停违规的主题或插件，这样你仍然可以登录到你的网站的后端，并(希望)修复问题。对于不太懂技术的用户来说，这是一个很棒的新功能。我们只能说，我们希望这个功能在几年前就添加了！

然而，当测试一个新版本的 PHP 时，我们总是推荐使用一个阶段环境。

如果您的网站在升级 PHP 版本时遇到问题，它在前端看起来会像下面的图片，但是您仍然可以登录到后端来解决问题。

Fatal error protection in WordPress 5.2

在后端，你会看到一条消息，让你知道你的 WordPress 站点目前处于恢复模式，可能有一个主题或插件出错。

Admin backend while in recovery mode

Admin backend while in recovery mode (Image source: WordPress.org)

杂项开发人员更新

WordPress 5.2 也为开发者带来了改进；从对 block editor 和隐私政策页面的改进、新的 WordPress hook、对编码标准的更新等等。

块编辑器改进

WordPress 5.2 附带的块编辑器 (Gutenberg)有几十处改进。一些引起了我们的注意:

在 5.0 中，WP_Screen::is_block_editor()被引入以允许开发者根据是否加载块编辑器来有条件地执行代码。然而，这个问题在 WordPress 5.2 中已经得到了解决。参见 #46195 。
媒体和文本块得到了增强。
图像和块大小调整器比以前好多了。
在加载时间方面有所改进。

Block editor performance in WordPress 5.2

Block editor performance in WordPress 5.2 (Image source: WordPress.org)

PHP 编码标准更新

WordPress 现在正式推荐你的主机提供商运行 PHP 5.6 或更高版本。好奇的话，Kinsta 最高支持 PHP 7.3！

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

有了 WordPress 5.2，这意味着开发者可以利用新的编码标准，比如名称空间、匿名函数、短数组语法、短三元语法和条件赋值。如果你是一名开发者，并且已经在 PHP 7 或更高版本上运行了一段时间，这可能不会影响你，但是很高兴看到 WordPress 进行更新。

阅读更多关于编码标准的更新。

隐私更新

WordPress 5.2 为使用隐私政策页面和数据导出的开发者带来了一些改进。

首先是四个新的助手，它们将使定制隐私政策页面变得更加容易:

新功能:is_privacy_policy()
一个新的主题模板文件:privacy-policy.php
新体类:.privacy-policy
新菜单项类别:.menu-item-privacy-policy

第二个变化与数据导出有关:

用户数据导出不再使用硬编码列表，而是现在使用wp_kses()中默认的允许标签列表。新的过滤现在也可用。

在 WordPress 5.2 中阅读更多关于隐私更新的内容。

编写 JavaScript 的改进

通过在 @wordpress/scripts 包中添加 webpack 和 Babel 配置，开发者将不必担心设置复杂的构建工具来编写现代 JavaScript。阅读更多关于 JavaScript 改进的内容。

新的身体标记挂钩

WordPress 5.2 增加了一个新的wp_body_open()钩子，让主题支持在<body>元素的开始注入代码。WordPress 团队鼓励主题开发者开始使用这个。阅读更多关于其他杂项开发者更新的信息。

新的表情符号和图标

视觉更新方面，WordPress 5.2 有了新的表情符号和大图标。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Twemoji 已更新

在 WordPress 5.2 中，添加了最新版本的 Twemoji ，12.0.1。第 12 版包括 230 个新表情符号，包括无障碍表情符号和我们个人最喜欢的树懒。参见 #46805 。

Twemoji 12.0

新戴世康

图标用来美化你的 WordPress 管理面板。这绝对是更新的时候了，因为自从 WordPress 4.5 以来它们就没有改变过。WordPress 5.2 有 13 个新图标，包括 Instagram，BuddyPress 的一套图标，以及全球包容的旋转地球图标。还增加了 WOFF 2.0 字体文件格式。

WordPress 5.2 dashicons

WordPress 5.2 dashicons (Image source: WordPress.org)

查看新图标的完整列表。

显著的可访问性变化

伴随着 WordPress 5.2 而来的是数量的变化一起工作，为那些使用屏幕阅读器和其他辅助技术的人改善上下文感知和键盘导航流程。

文章格式现在在列表中。
WordPress 管理栏子菜单上的新链接标记。
存档下拉小部件中当前查看的存档现已预先选定。
媒体库中添加了新的媒体视图。
在“导出个人数据”和“擦除个人数据”页面的数据表中添加了标题。
alt 文本字段现在是媒体模式中显示的第一个字段。

安全增强措施

39309 号罚单于 2017 年开出，描述了 WordPress 基础设施的一个安全问题。基本上，如果有人能够入侵api.wordpress.org，他们可以发布虚假更新并控制用户的 WordPress 站点。

因此，从 WordPress 5.2 开始，它现在检查是否存在一个x-content-signature头。如果找不到，它会退回到签名文件。不管用什么方法，更新包现在都使用 Ed25519 进行数字签名，并且是 base64 编码的。

如何更新到 WordPress 5.2

每个站点都是独一无二的，所以利用提供的暂存环境进行所有测试非常重要。有了一个临时环境，你可以在几秒钟内克隆你的站点，然后用你现有的主题和插件测试 WordPress 5.2 来检查兼容性。当然，为了安全起见，你也可以在更新你的网站之前做一个手动备份。

如果一个登台环境不够，您可以选择为您的 Kinsta 站点安装额外的高级登台环境(最多五个)。

要将 WordPress 升级到 5.2，只需点击 WordPress 管理面板上的更新图标。然后点击“立即更新”按钮。当你的网站被更新时，它将处于维护模式。一旦您的更新完成，您的网站将恢复正常。

Update to WordPress 5.2 in dashboard

只要更新一切顺利，你就会看到“欢迎使用 WordPress 5.2”屏幕。就是这样！又快又简单。

WordPress 5.2 welcome screen

在仪表板中点击后，您还会收到一条消息，提示您将数据库更新到最新版本。只需点击“更新 WordPress 数据库”按钮，你就可以开始了。

Database update required

WordPress 更新问题疑难解答

得到死亡的白屏？这通常可以通过简单的重启 PHP 和删除你的 WordPress 站点上的整个页面缓存来解决。
试着停用你所有的插件，看看是否能解决你的问题。然后一个一个地重新激活它们，直到你发现哪个插件可能需要开发者的更新。
尝试切换到默认的 WordPress 主题，比如 Twenty Twenty 。如果这解决了你的问题，你可能需要联系你的主题开发者。
排除和诊断浏览器中的 JavaScript 问题。

摘要

WordPress 5.2 中有很多令人兴奋的东西！新的站点健康状态信息将帮助用户了解最佳安全和性能实践。看到新的百分比分数在这里发挥作用将会很有趣，但不管怎样，它将会提高更多关于运行 PHP 最新版本、删除不活跃的主题和插件等事情的意识。

新的网站健康信息将极大地帮助开发者在与用户合作时立即获得他们需要的信息。这意味着插件和主题开发者以及主机提供商的门票更少。事实上，您可能会看到许多开发人员更新他们的文档，要求您在提交票证之前导出信息屏幕数据。

PHP 错误保护为升级到新版本 PHP 的用户提供了一种方法，以便在出现问题时仍然能够登录。死亡的白屏少了总是好事！

你如何看待 WordPress 5.2？我们希望听到您对新网站健康工具的想法。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 5.3 的新特性(新的模块，新的 API，改进的管理界面)

原文：https://kinsta.com/blog/wordpress-5-3/

WordPress 5.3“Kirk”于 2019 年 11 月 12 日正式发布，并提供下载。

那么 WordPress 5.3 有什么变化呢？

首先也是最重要的，大量的古腾堡插件版本被合并到核心中，从 5.4 到 6.6。对于用户和开发者来说，这意味着大量的特性和增强，以及性能上的重要提升。

但是在 WordPress 5.3 中有比 Gutenberg 更多的东西。事实上，这个版本的特点是几个与站点健康工具、相关的改进，一个全新的默认主题(TwentyTwenty) ，管理用户界面的增强，对 PHP 7.4 更好的支持，改进的可访问性等等。

这是很多令人惊奇的东西，对不对？所以，让我们系好安全带，深入研究 WordPress 5.3。

块编辑器的新特性

自从第一次推出以来，由于来自世界各地的贡献者的努力，Block Editor 一直在定期改进。然而，新版本并不会一发布就合并到核心中。

在 5.3 中，十三个版本的古腾堡插件已经被合并到核心中。因此，如果你到目前为止还没有使用 Gutenberg 插件，并且没有定期更新，随着 WordPress 5.3 的发布，你会发现 Block Editor 中有很多增强和新功能。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

据报道整体性能也有所提高。下面的基准测试比较了使用不同版本的 Gutenberg 插件的大型帖子(36，000 字/1，000 块)的性能。

您可能没有注意到普通帖子在加载时间上的差异，但是编辑器性能的总体改善是非常明显的。

版本	装载时间	按键事件(键入)
古腾堡 6.6.0	4.7s	38.96 毫秒
古腾堡 6.5.0	4.68 秒	42.96 毫秒
WordPress 5.2	5.69 秒	57.65 毫秒

很难列出所有添加、更改和错误修复的完整列表，因此我们选择了对用户/开发人员体验影响最大的内容，并将它们分组如下:

编辑体验的改进
主题开发者和设计者的特性
面向区块开发者的特性

编辑体验的改进

如果你之前没有安装古腾堡插件，你会发现一个全新的块:组块。随着 Gutenberg 5.5 的发布，Group block 被添加到编辑器中，它是其他 block 的通用容器，允许你创建包含在你的 WordPress 网站的任何页面中的高级 block 模板。

新的群组块支持宽对齐和背景颜色，让 WordPress 用户在创建内容时有足够的自由度。

除了组块之外，我们还看了块编辑器中的十个改进，它们应该对您使用编辑器的方式有很大的影响。

1.块附加器

组和列块现在显示一个块附加器处于空状态。appender 只是一个灰色区域，里面有一个加号，使 UI 更加清晰，提高了块的可用性。

Group block in WordPress 5.3

An empty Group block in WordPress 5.3

2.通过组交互对块进行分组

您现在可以通过“分组”交互创建分组块，这意味着您可以选择多个块并且只需点击几次就可以将它们分组。您只需将所有需要的块添加到选择中，然后点击省略号菜单中的组**。搞定了。**

Group interaction

Creating blocks by group interaction

3.自定义宽度列

Columns 块现在支持块设置中的滑动控件，允许您为每列设置自定义宽度(在未来的版本中，我们可能会对 Columns 块进行进一步的改进，引入了可拖动调整大小控件)。

The Columns block in WordPress 5.3

WordPress 5.3 中的栏目块

4.用于列块的布局选择器

对 WordPress 5.3 中的列块的另一个改进是布局选择器。Gutenberg 6.0 的编辑器中增加了这一功能，允许用户从几个预定义的布局(模式)中进行选择，或者跳到默认布局，稍微加快了编辑过程，并使不太懂技术的用户更容易使用该模块。

The Columns block layout picker

布局选择器是块模式 API 的一个实现，它提供了一种在添加块时从一组预定义选项中进行选择的方法。除了列块，我们还可以在表块和盖块中找到块模式的例子。你可以在 GitHub 上阅读更多关于块模式 API 的内容。

The Cover block pattern

5.表块改进

台块被增强了几个新特性。它现在支持列中的文本对齐、表格页眉和页脚以及背景颜色。

The new Table block

The new Table block supports text alignments, header and footer, and background colors

6.块导航模式

古腾堡 6.3 引入了导航模式使用Tab或箭头键在块之间导航，而无需进入块内容。用户可以通过点击Enter或Esc从导航模式切换到编辑模式，然后再切换回来。这个特性在可用性方面是一个很大的改进，尤其是在屏幕阅读器方面。

7.增加了阻止改变和重新排列的动作

可用性的另一个改进来自于引入动作来阻止更改、创建、删除和重新排序。 Matías Ventura 解释了这一特性的相关原因:

考虑一个包含一组项目的列表的情况:移动、重新排序等操作不仅影响被操作的单个项目，还影响集合的其他项目，尤其是与它“交换位置”的项目。现实告诉我们，为了把一个东西放在另一个东西的位置上，两个东西都必须移动。通过立即改变顺序，整个组的整体状态的变化可能更难把握。重新定位需要一点时间。转换和基于手势的交互通常有助于以某种方式连接这两种状态，使得交互(“刚刚发生了什么”)更容易理解。

Block motion

8.画廊块中的内嵌图像重新排序

画廊区块已经通过内嵌图像重新排序得到增强。我们现在只需点击向前移动图像和向后移动图像按钮，就可以重新排列图库中的图像，而无需打开媒体模式屏幕。

Gallery block

The improved Gallery block

9.最新帖子中的改进块

最新帖子区块现在支持摘录和帖子内容迭代(参见 pull #14627 )。

10.列出块增强功能

列表块现在支持排序列表的缩进/突出快捷键、起始值和逆序支持。

List block

Ordered list settings in List block

对块编辑器的其他改进

由于大量的古腾堡插件版本合并到核心中，有大量的变化，改进和错误修复，我们甚至不能在这里提到。一些额外的增强和新功能包括:

列块现在支持垂直对齐( Gutenberg 5.4 )。
媒体和文本块现在支持垂直对齐( Gutenberg 5.5 )。
按钮块现在支持一个链接目标选项(古腾堡 6.2 )。
分隔块现在支持边框颜色(古腾堡 6.3 )。
封面块现在可以调整大小(古腾堡 6.4 )。
改进的打字机体验，尤其是在移动设备(古腾堡 6.4)上有用的。
图像块现在有了一个圆形裁剪变化(古腾堡 6.4)。
添加了一个全新的社交链接模块(古腾堡 6.5 )。
画廊块现在支持画廊标题(古腾堡 6.5)。

主题开发者和设计者感兴趣的特性

WordPress 5.3 为主题开发者和设计者增加了许多功能和改进。

三个主要的变化涉及主题设计者，并且与几个块的 CSS 和 HTML 相关。

1.组块内部容器

组块现在包含一个内部容器 ( wp-block-group__inner-container)，如果不仔细设计，它可能会扩展到主块容器之外。这可能会对页面的外观产生意想不到的影响。

Group block inner container

Group block inner container in the Block Editor

因此，对于支持宽和全对齐样式的主题，块容器可能需要一些额外的 CSS 来使其按预期显示。

Group block inner container

Group block inner container on the front site

这里有一个来自 Make WordPress 核心博客的例子，展示了如何设计块的样式来防止这种问题:

// Apply entry-content styles to the group block’s inner container as well. 
.entry-content,
.wp-block-group__inner-container {
	width: 60vw;
	margin: 0 auto;
}

// When a group block has a wide alignment, make sure that its full-width children do not extend beyond the width of the container. 
.alignwide,
.wp-block-group.alignwide .alignfull {
	margin-left: -10vw;
	width: 80vw;
}

.alignfull {
	margin-left: -20vw;
	width: 100vw;
}

// Ensure wide and full-width children do not extend beyond the width of a standard-aligned Group block.
.wp-block-group:not(.alignwide):not(.alignfull) * {
	max-width: 100%;
	margin-left: 0;
}

2.文本对齐的新类名

在 WordPress 5.3 之前，内嵌样式用于改变文本块的对齐方式(标题、段落、引用和诗句)。

内联样式的高度特异性使得定制这些块的外观变得困难。但是主题设计者现在可以利用三个新的 CSS 类取代内联样式:

has-text-align-right
has-text-align-center
has-text-align-left

一旦帖子在块编辑器中打开并保存，现有块将被自动转换并应用类。

3.图库块和表格块标记更新

图库和表格块现在被包装在figure元素中。元素样式会相应改变，主题会受到影响，可能需要更新。以下是表格块的新标记:


	<table class="">
		<tbody>
			<tr>
				<td>Left</td>
				<td>Center</td>
				<td>Right</td>
			</tr>
		</tbody>
	</table>

在 Make WordPress Core 博客上可以看到更多关于类名和主题相关变化的细节。

面向块开发人员的功能

WordPress 5.3 为 Block APIs 带来了改变和改进。

1.注册和取消注册块样式

在 5.3 之前，开发者和设计者必须写一些 JavaScript 来注册/取消注册样式。

随着 WordPress 5.3 的发布，我们现在可以利用两个新的助手函数，允许通过 PHP 注册和注销块样式:register_block_style和unregister_block_style。

register_block_style函数为指定块注册一个新样式。该函数保留两个参数:

块的名称。
样式属性的数组。

该数组可以包括以下参数:

name:(必选)样式的唯一标识符。
label:(必选)人类可读标签。
inline_style:(可选)为样式注册 CSS 类的 CSS 代码。
(可选)一个已经注册的样式的句柄(样式句柄在需要的地方将样式排队)。

我们可以用类似下面的代码注册内联样式:

add_action( 'init', 'register_custom_block_style' ); 

function register_custom_block_style() {
	if( ! function_exists( 'register_block_style' ) ) return;

	register_block_style(
		'core/quote',
		array(
			'name'			=> 'blue-quote',
			'label'			=> __( 'Blue Quote' ),
			'inline_style'	=> '.wp-block-quote.is-style-blue-quote { color: blue; }',
		)
	);
};

新的样式现在可以在样式设置部分获得。

Custom style in the Block Editor

A quote with a custom style in the Block Editor

我们可以传递一个句柄给先前注册的样式，而不是注册一个内联样式:

wp_register_style( 'custom-style', get_template_directory_uri() . '/custom-style.css' );

register_block_style(
	'core/quote',
	array(
		'name'			=> 'custom-quote',
		'label'			=> 'Custom Quote',
		'style_handle'	=> 'custom-style',
	)
);

下图显示了上例中注册的蓝色报价。

custom block style on the front end

A quote with a custom style on the front end

要用register_block_style取消之前在服务器上注册的样式，我们可以使用函数unregister_block_style。

信息

该函数不适用于使用客户端代码注册的样式。

我们可以如下使用unregister_block_style:

unregister_block_style( 'core/quote', 'custom-quote' );

2.块示例 API

WordPress 5.3 增加了一个新的 JS 属性，允许在添加到内容之前预览从库中选择的块。

我们可以通过在块设置中定义example属性来添加对该功能的支持，如下所示:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

const blockSettings = {
	// ... 

	example: {
		attributes: { 
			content: __( 'Content of the block' )
		},
		innerBlocks: []
	} 
}
registerBlockType( name, settings );

Block Example API

站点健康组件的改进

WordPress 5.2 引入了网站健康工具来提供关于网站健康的信息，并帮助网站管理员在遇到技术困难时恢复他们的网站。随着 WordPress 5.3 的发布，站点健康工具在组件的两个方面都得到了一些改进和改变。

1.已删除网站健康等级

在 WordPress 5.2 中，网站健康状态页面的顶部会显示一个百分比分数等级。然而，一些人对分数等级表示了一些担忧，认为它模糊不清，令人困惑，因为用户可以针对他们网站的最佳内容获得 100%的分数(详见这张票)。

Site Health Status page in WordPress 5.2

该指标显示一个网站通过了多少测试，但不是它的“健康”水平。因此，百分比已被删除，站点健康工具现在显示两种状态之一，这两种状态更像是提醒，而不是网站性能和安全性的精确指标:

应该改进
好的

Site Health Status page in WordPress 5.3

2.增强型恢复电子邮件

当故障发生时，WordPress 试图发送一封恢复邮件给站点管理员。不幸的是，这些邮件没有提供有用的调试信息，我们只是被告知我们的网站出了问题。

为了给恢复你的 WordPress 网站提供更多有用的信息，WordPress 5.3 引入了recovery_email_debug_info过滤器，这是一个相关的调试信息数组。恢复邮件现在包含了基本信息，这些信息应该可以帮助您排除网站故障，或者至少从其他人那里获得帮助。

故障电子邮件将包括以以下字符串开头的附加部分:

When seeking help with this issue, you may be asked for some of the following information:

然后，提供以下信息:

WordPress 版本。
PHP 版本。
当前主题和版本。
导致问题的插件的名称和版本。

信息被有意减少到最低限度，以避免最终用户的困惑，但开发者可以在需要时使用recovery_email_debug_info过滤器来添加更多细节(更多信息，请参见 ticket #48090 )。

3.已完成站点运行状况测试的过滤器

新的site_status_test_result过滤器允许开发人员过滤已完成状态测试的输出，以扩展测试的结果。

开发人员还可以使用此过滤器来提供附加操作。下面是一个很好的用法示例(参见 ticket #47864 ):

一个例子可能是一个主机提供商，PHP 扩展丢失了，所以他们添加了一个活动链接到他们控制面板的 PHP 扩展管理器。也许他们想要更直接，他们想要 PHP 版本检查，推荐用户更新，他们添加了一个 ajax 按钮，可以当场为他们切换 PHP 版本。

这个过滤器既可以在 PHP 中用于直接测试，也可以作为 JavaScript 实现用于异步测试。

管理体验增强

除了站点健康工具之外，WordPress 5.3 还带来了几个管理 UI 的增强，这将大大改善整个 WordPress 仪表盘的整体体验。

1.改进的色彩对比度

颜色对比得到改善，许多辅助功能问题得到修复。

Posts Screen in WordPress 5.2

Posts Screen in WordPress 5.3

2.管理员电子邮件验证

管理员电子邮件验证现在会在管理员一段时间没有登录后触发。默认情况下，该间隔设置为六个月，但开发人员可以使用admin_email_check_interval过滤器设置不同的间隔(参见门票 #46349 和 #48144 )。

WordPress admin email verification

要禁用管理员电子邮件验证，您可以使用以下过滤器:

add_filter( 'admin_email_check_interval', '__return_false' );

厌倦了体验你的 WordPress 网站的问题？通过 Kinsta 获得最好、最快的主机支持！查看我们的计划

3.继续上传

从智能手机上传大图片不会在过程中中断，因为当上传失败时，WordPress 现在支持恢复上传。

4.图像旋转

图片现在可以根据 EXIF 方向元数据在上传时正确旋转。

全新的默认主题:Twenty Twenty

WordPress 5.3 自带了一个全新的默认主题: Twenty Twenty 。这是一个为灵活性、清晰性和可读性而设计的极简主题，重点是块编辑器。

Twenty Twenty WordPress theme

Twenty Twenty 建立在社区现有的免费主题上，由 Andérs Noren 创作的 Chaplin，并采用了具有强烈个性的免费开源字体:由 Rasmus Andersson 创作的 Inter。

你可以在我们深入的博客文章中读到更多关于 Twenty Twenty 的内容: Twenty Twenty:新的默认 WordPress 主题介绍。

WordPress 开发者的变化

WordPress 5.3 为 WordPress 开发者带来了一些变化和改进。在众多变化中，我们认为值得一提的是:

核心部件改进的日期/时间
新咏叹调-当前属性
新的 aria 标签属性
向链接中的相关属性添加 UGC 值的函数
WordPress 5.3 中的 REST API

日期/时间核心组件改进

日期/时间核心组件处理与 WordPress 中的日期、时间和时区相关的一切。正如 Andrey“Rarst”Savchenko 解释的那样:

日期/时间组件依赖于所谓的“ WordPress 时间戳”——Unix 时间戳和时区偏移量的总和。这导致了许多错误和缺乏与上游 PHP 或任何外部系统的互操作性。内联文档错误地将它们称为 Unix 时间戳。

虽然完全删除 WordPress 时间戳而不产生向后兼容性问题是不可能的，但是组件代码已经通过几个错误修复得到了改进，内嵌文档也已经在需要的地方进行了更新和修正。

此外，随着 WordPress 5.3 的发布，我们可以使用几个新的 API 日期/时间函数:

wp_timezone_string()–此函数以字符串形式检索站点时区。它可能返回 PHP 时区字符串或 HH:MM 偏移量。
wp_timezone()–该函数将站点时区作为 DateTimeZone 对象进行检索。
wp_date()–这是日期本地化的新功能。意在取代date_i18n()。
current_datetime()–该函数从设置中检索当前时间为时区的 DateTimeImmutable 对象。
get_post_datetime()–检索发布时间 DateTimeImmutable 对象。
get_post_timestamp()–检索作为 Unix 时间戳的发布时间。

所有这些功能都在wp-includes/functions.php中定义和记录。

current_time()get_post_time()``date_i18n()的用法现在不提倡。

另请参见 WordPress 5.3 中的日期/时间组件改进和 GitHub 上的API 新增功能。

新 aria-当前属性

当一个新的页面或帖子发布时，它的名称会出现在几个菜单和小部件中。在 WordPress 5.3 之前，许多用户可能没有意识到这个链接，这可能会造成混乱，尤其是对于残疾用户和/或屏幕阅读器用户。

随着 WordPress 5.3 的发布，一个新的aria-current="page"属性被程序化地添加了来指出指向同一个页面的链接，主题开发者被鼓励为那些链接添加特定的样式。此更改会影响以下核心小部件:

最近的帖子。
导航菜单。
页数。
类别。
档案。

下面是一个用法示例:

a[aria-current] {
	/* CSS styles for current link */
}

导航菜单中新的 aria 标签属性

"地标提供了一种强大的方式来识别网页的组织和结构"，并允许主题开发者使用地标角色在网页中添加对键盘导航的支持。

ARIA 地标为网络内容提供了一个环境，对辅助技术用户尤其有用。

由于 ARIA 地标对于可访问性的重要性，WordPress 5.3 现在在帖子和评论导航中增加了对aria-label属性的支持。

主题开发者和设计者可以将 ARIA 地标添加到帖子和评论导航菜单中，为以下功能添加新的aria_label参数:

_navigation_markup()
get_the_post_navigation()
get_the_posts_navigation()
get_the_posts_pagination()
get_the_comments_navigation()
get_the_comments_pagination()
the_post_navigation()
the_posts_navigation()
the_posts_pagination()
the_comments_navigation()
the_comments_pagination()

在 Make WordPress Core 上的文章和评论导航中阅读更多关于 aria-label 属性的信息。

向链接中的 rel 属性添加 UGC 值的函数

回到 2019 年 9 月，谷歌宣布了两个新属性，提供了一种识别链接性质的方法:rel="sponsored"和rel="ugc":

rel="ugc" : ugc 代表用户生成内容，UGC 属性值推荐给用户生成内容内的链接，如评论、论坛帖子等。

WordPress 5.3 增加了对评论中rel="ugc"属性的支持。这一改变已经在几个小时内实现了，有趣的是看到开发团队对谷歌声明的反应有多快(见罚单#48022 )。

此外， WordPress 5.3 引入了两个新功能，允许开发者在链接的rel属性中添加nofollow和ugc值:

wp_rel_callback()用于将值添加到指定链接的rel属性中，并取代现在已被弃用的wp_rel_nofollow_callback()函数。
该功能在wp-includes/formatting.php :

/**
	 * Callback to add a rel attribute to HTML A element.
	 *
	 * Will remove already existing string before adding to prevent invalidating (X)HTML.
	 *
	 * @since 5.3.0
	 *
	 * @param array  $matches Single match.
	 * @param string $rel     The rel attribute to add.
	 * @return string HTML A element with the added rel attribute.
	 */
	function wp_rel_callback( $matches, $rel ) {}

中定义

wp_rel_ugc()将nofollow和ugc值添加到链接的rel属性中。
该功能在wp-includes/formatting.php :

/**
		 * Adds `rel="nofollow ugc"` string to all HTML A elements in content.
		 *
		 * @since 5.3.0
		 *
		 * @param string $text Content that may contain HTML A elements.
		 * @return string Converted content.
		 */
		function wp_rel_ugc( $text ) {
			// This is a pre-save filter, so text is already escaped.
			$text = stripslashes( $text );
			$text = preg_replace_callback(
				'|<a>|i',
				function( $matches ) {
					return wp_rel_callback( $matches, 'nofollow ugc' );
				},
				$text
			);
			return wp_slash( $text );
		}

中定义

所以，从现在开始，开发者可以给链接添加rel="nofollow ugc"属性，如下所示:

$link = '<a href="example.com">User generated link example</a>';
$ugc_link = wp_rel_ugc( $link );
echo $ugc_link;
// output: <a href="example.com" rel="nofollow ugc">User generated link example</a>

WordPress 5.3 中的 REST API

WordPress 5.3 为 REST API 带来了几个的变化和改进。

最相关的变化之一是对register_meta函数的'object'和'array'数据类型的支持。

有了这个增强，REST API 现在本机支持复杂的元数据类型。这使我们能够使用 API 来执行基于模式的验证，并可以简化客户端代码与复杂值的交互，最终允许开发人员通过 REST API 创建复杂的基于元的块。

要更深入地了解这个主题，请参见 WP 5.3 在 REST API 中支持对象和数组元类型

第二个显著的改进影响了_fields参数，该参数允许限制从 REST API 返回的 JSON 对象中包含的字段。请参见以下示例:

/wp/v2/posts?_fields=id,title,author

从 WordPress 5.3 开始，_fields参数可以用来通过嵌套字段过滤 REST API 响应对象，这样我们就可以在一个复杂的对象内要求特定的meta字段或属性。我们可以如下使用_fields参数:

?_fields=meta.meta-key-1,meta.meta-key-2,meta.meta-key-3.nested-prop

关于 WordPress 5.3 带来的 REST API 改进的更全面的概述，参见WordPress 5.3 中的 REST API。

如何更新到 WordPress 5.3

WordPress 5.3 于 2019 年 11 月 12 日**发布。**您可以按照以下说明更新您的网站。

由于每个客户的站点都是不同的，您应该始终利用 Kinsta 提供的标准暂存环境(或者如果您的现有暂存环境已经在使用中，则添加一个新的高级暂存环境)。你可以在几秒钟内克隆你的网站，然后用你现有的主题和插件测试 WordPress 5.3 来检查兼容性。当然，为了安全起见，你也可以在更新你的直播网站之前做一个手动备份。

要将 WordPress 升级到 5.3，只需点击 WordPress 管理面板上的更新图标。然后点击“立即更新”按钮。当你的网站被更新时，它将处于维护模式。一旦您的更新完成，您的网站将恢复正常。

Update to WordPress 5.2 in dashboard

只要更新一切顺利，你就会看到“欢迎使用 WordPress 5.3”屏幕。就是这样！又快又简单。

WordPress 5.3 welcome screen

在仪表板中单击后，您还会收到一条消息，提示您将数据库更新到最新版本。只需点击“更新 WordPress 数据库”按钮，你就可以开始了。

Database update required

解决 WordPress 更新的问题

您的站点可能仍被部分缓存。你可以通过清除你的 WordPress 站点上的页面缓存来解决这个问题。
试着停用你所有的插件，看看是否能解决你的问题。然后一个一个地重新激活它们，直到你发现哪个插件可能需要开发者的更新。
尝试切换到默认的 WordPress 主题，比如 Twenty Twenty 。如果这解决了你的问题，你可能需要联系你的主题开发者。
排除和诊断浏览器中的 JavaScript 问题。

WordPress 5.3 sets an important milestone in the evolution of the CMS. Check out what's new in our in-depth guide! 🗞💪Click to Tweet

摘要

我们整理了 WordPress 5.3 中最激动人心的特性和改进。

随着十三个版本的 Gutenberg 插件合并到核心中，对站点健康工具的一些改进，一个全新的默认主题，管理界面的改进，开发者和主题设计者的新功能和特性，对 PHP 7.4 的更好支持，以及令人难以置信的小变化，错误修复和废弃，WordPress 5.3 在 CMS 的发展中树立了一个重要的里程碑。

你最喜欢的功能/改进是什么？我们错过了什么重要的事情吗？在评论区和我们分享你的想法。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 5.4 简介(模块、特性、新 API)

原文：https://kinsta.com/blog/wordpress-5-4/

WordPress 5.4“Adderley”于 2020 年 3 月 31 日发布，并提供下载。

所以是时候让我们深入了解 WordPress 5.4 带来的最有趣的新特性和变化了。

首先也是最重要的，WordPress 5.4 为 block editor 带来了许多功能、改进和 bug 修复，相当多版本的古腾堡插件合并到了核心中。这些变化影响了功能和用户界面，总体上改善了编辑器的可访问性/可用性和编辑体验。

除了编辑器之外，WordPress 5.4 在站点健康工具和 REST API 中引入了有趣的改进，而 WordPress 5.4 预期的几个功能已经被推迟，应该会捆绑到下一个发布的 WordPress 5.5 的核心中(参见图片上的本地惰性加载和导航块)。

你可能想要保存以下日期和来自 WordPress 5.4 开发周期的链接:

2020 年 2 月 11 日: Beta 1
2020 年 2 月 18 日: Beta 2
2020 年 2 月 25 日: Beta 3
2020 年 3 月 3 日: RC 1
2020 年 3 月 10 日: RC 2
2020 年 3 月 17 日: RC 3
2020 年 3 月 24 日: RC 4
2020 年 3 月 27 日: RC 5
2020 年 3 月 30 日:WordPress 5.4 发布的试运行
2020 年 3 月 31 日:发布 WordPress 5.4“Adderley”

那么，WordPress 5.4 在 WordPress 中有什么新的功能呢？

块编辑器的新特性

相当数量的古腾堡插件版本已经被合并到核心中，从 6.6 到 7.5。因此，如果你没有使用 Gutenberg 插件，当升级到 WordPress 5.4 时，你会在 block editor 中发现大量的新特性、增强功能和错误修复。

但是编辑器中不仅仅有块和特性，还有报告的整体性能改进:

自 WordPress 5.3 以来，block editor 团队已经实现了 14%的加载时间减少和 51%的打字时间减少，特别是对于相当大的帖子(大约 36，000 个单词，大约 1，000 个块)。

这是一个很棒的东西，所以让我们开始吧。

新的块编辑器特性和增强功能
主题和区块开发者的区块编辑器变化
附加功能

What's new in WordPress 5.4? Get an in-depth view of all the new interesting features and changes coming with this latest release! 💪🚀Click to Tweet

新的块编辑器功能和增强功能

我们可能同意 block 编辑器仍在开发中的事实，但是 WordPress 5.4 带来了大量的改变，提高了编辑器在桌面和移动上的可用性。

其中一些变化与界面密切相关，包括默认启用的全屏模式、改进的块选择、编辑模式和选择模式之间的轻松切换、固定的移动工具栏和块导航的面包屑。两个新块和附加选项设置为编辑器增加了更多功能。

以下是我们最喜欢的 WordPress 5.4 的功能和改进的快速列表:

新社交图标屏蔽
新按钮块
一个欢迎引导模式
默认启用全屏模式
rich Text 块中的内联文本颜色支持
多个区块的附加颜色选项
最新帖子区的特色图片
用于块导航的新面包屑栏

新社交图标阻止

最初被称为社交链接的社交图标模块允许作者快速添加链接到社交档案的图标，并提供大量社交图标子模块供选择。这个模块已经试验了一段时间，自从古腾堡 7.5 以来一直是稳定的。

WordPress 5.4: Social Icons

The Social Icons block

社交图标块提供了三种预定义的样式供您进行视觉定制:默认、【仅 T2】徽标、和药丸形状。

Social Icons

Social Icons styles

自从 Gutenberg 6.5 中首次引入社交图标作为实验性功能(并合并到 WordPress 5.3 )以来，社交图标已经被添加到 Gutenberg 7.5 中，如果您运行的是过时版本的 Gutenberg 插件，它们可能不会像预期的那样工作。

根据若热·科斯塔的说法，有两种方法可以防止社交偶像的问题:

手动迁移任何带有社交图标的内容:更新到 WordPress 5.4，在区块编辑器中加载帖子并保存。社交图标将自动迁移到新版本。
更新到 WordPress 5.4 时保持 Gutenberg 插件的安装状态:该插件提供了向后兼容性，你不会遇到任何问题。

新按钮块

添加到 Gutenberg 7.2 的块编辑器中，按钮块 取代了单个按钮块，允许 WordPress 用户在同一个块容器中添加更多的按钮到他们的内容中。

Buttons block

The new Buttons block

单个按钮有两种预设样式可供选择，还有几个附加选项可以微调按钮的外观。

Button settings in WordPress 5.4

在 WordPress 5.4 中，由于添加了渐变背景，网站所有者可以更好地控制他们的行动号召的外观和感觉，这也为网站管理员提供了一些渐变预设，作为进一步定制的起点。

Gradient background

Revamped color features for buttons

一个受欢迎的向导模型

WordPress 5.4 增加了一个全新的欢迎幻灯片，提供关于块编辑器的基本信息和一个链接到在线文档(增加了古腾堡 7.1 )。

WordPress 5.4: Welcome modal

Welcome Guide Modal

模态只有在更新到 5.4 之后才可见。如果你想再次触发它，只需从右上角按钮打开更多工具&选项菜单，找到欢迎指南链接。

WordPress 5.4: welcome guide

Welcome guide

默认情况下启用全屏模式

从 WordPress 5.4 开始，在新的安装和设备中，编辑器默认以全屏模式打开。点击更多工具&选项菜单，可以切换全屏模式的开/关，如下图所示。

Fullscreen mode

Fullscreen mode is enabled by default in WordPress 5.4

目前，此首选项存储在本地，这意味着它将在首选项更改时被覆盖，因为它发生在您以匿名模式访问您的网站时。将来，这个首选项应该存储在数据库中，使用户的选择在任何上下文中都是持久的。

注意默认情况下让编辑器处于全屏模式的决定并没有被一致认可，因为它被认为可能会让初学者和非高级用户感到困惑。如果你想更多地了解人们对全屏模式的关注，请查看这篇文章。

块编辑器开发人员可以用几行 JavaScript 以编程方式控制全屏模式:

const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' );

if ( isFullscreenMode ) {
	wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' );
}

RichText 块中的内联文本颜色支持

如果你平时写长篇文章，应该会很欣赏内联文本颜色支持。在这次更新之前，我们被迫以 HTML 模式硬编码富文本块，以改变单个单词和字符串的颜色。

RichText Color option

从 WordPress 5.4 开始，我们可以在 RichText 块中选择单词和子字符串，并使用内置的颜色选择器快速改变它们的颜色。

WordPress 5.4: RichText color

RichText color picker

多种颜色可供选择

WordPress 5.4 在块编辑器中增加了一长串与颜色相关的特性和增强功能。如上所述，我们不再局限于纯色。一些区块现在支持渐变背景和预定义的渐变集。

以下是一些与颜色相关的增强功能的快速列表:

按钮块的渐变背景支持(古腾堡 6.7 )。
覆盖块的渐变背景支持(古腾堡 6.8 )。
组块的文本颜色支持(古腾堡 7.4 和 7.5 ):嵌套块现在可以从其父组块继承文本颜色。
对列块的文本和背景颜色支持(古腾堡 7.4 和 7.5 )。

Cover block

Cover block with preset gradient background

用于块导航的新面包屑栏

从 6.7 版本开始，Gutenberg 用户可以使用这个新的面包屑栏，现在已经合并到核心中，目的是简化嵌套块导航。

下图显示了几个嵌套块和底部新的面包屑菜单。

WordPress 5.4: breadcrumb menu

The new breadcrumb menu

主题和块开发人员的块编辑器更改

主题和块开发者应该注意到 WordPress 5.4 给块编辑器带来的许多变化。这些变化包括:

块编辑器键盘快捷键
渐变主题 API
块编辑器上的标记和样式变化
块状脚手架
阻止集合
块变化

块编辑器键盘快捷键

块开发人员和高级用户现在可以向块编辑器添加自定义快捷方式。

一个名为@wordpress/keyboard-shortcuts 的新包已经被引入来集中注册、移除和记录编辑器快捷方式。

开发者可以通过这样调用registerShortcut动作来添加他们的自定义快捷键:

wp.data.dispatch( 'core/keyboard-shortcuts' ).registerShortcut( {

	// Shortcut identifier
	name: 'plugin/shortcut-test',

	// Shortcut category (possible values global, block, selection)
	category: 'global',

	// Shortcut description
	description: 'My first shortcut',

	// The key combination that triggers the shortcut
	keyCombination: {

		// Available modifiers:
		// primary, primaryShift, primaryAlt,
		// secondary, access, ctrl, alt,
		// ctrlShift, shift, shiftAlt
		modifier: 'alt',
		character: 'w',
	},

	// An alias for the key combination
	aliases: [
		{
			modifier: 'primary',
			character: 'q',
		},
	],
} );

这将自动将自定义快捷方式添加到编辑器右上角的更多工具&选项按钮下的快捷方式模式中。

My first block editor shortcut

A custom global block editor shortcut has been added

然后，我们可以使用useShortcut函数附加一个键盘快捷键处理程序:

import { useShortcut } from '@wordpress/keyboard-shortcuts';
import { useCallback } from '@wordpress/element';

const MyComponent = () => {
	useShortcut(

		'plugin/shortcut-test',

		useCallback(
			( event ) => {
				// Do something
			},
			[]
		)
	);
}

你可以在 Make WordPress 核心博客上阅读更多关于键盘快捷键的内容。

渐变主题 API

WordPress 5.4 引入了渐变背景，为按钮和封面块提供了一些预置。这要归功于新的渐变主题 API。

新的 API 提供了editor-gradient-presets主题支持选项，允许主题开发者覆盖默认预设并定义他们自己的:

add_theme_support(
	'editor-gradient-presets',
	array(
		array(
			'name'		=> __( 'CadetBlue to Chartreuse', 'themeLangDomain' ),
			'gradient'	=> 'linear-gradient(135deg,rgba(95,158,160,1) 0%,rgb(127,255,0) 100%)',
			'slug'		=> 'cedetblue-chartreuse'
		),
		array(
			'name'		=> __( 'Chocolate to Coral', 'themeLangDomain' ),
			'gradient'	=> 'linear-gradient(135deg,rgba(210,105,30,1) 0%,rgba(255,127,80,1) 100%)',
			'slug'		=>  'chocolate-to-coral',
		),
		array(
			'name'		=> __( 'DarkMagenta to DarkOrchid', 'themeLangDomain' ),
			'gradient'	=> 'linear-gradient(135deg,rgb(139,0,139) 0%,rgb(153,50,204) 100%)',
			'slug'		=> 'darkmagenta-to-darkorchid',
		),
		array(
			'name'		=> __( 'DeepSkyBlue to DodgerBlue', 'themeLangDomain' ),
			'gradient'	=> 'linear-gradient(135deg,rgba(0,191,255,1) 0%,rgba(30,144,255,1) 100%)',
			'slug'		=> 'deepskyblue-to-dodgerblue',
		),
	)
);

Custom gradients in WordPress 5.4

Custom gradient presets in WordPress 5.4

name:提供渐变信息的工具提示的有意义标签。这对于屏幕阅读器和区分某些颜色有困难的用户特别有用。
gradient:渐变的 CSS 值。
slug:生成在块编辑器中使用的 CSS 类的标识符。

Custom gradient presets

您可以使用disable-custom-gradients主题支持选项禁用自定义渐变:

add_theme_support( 'disable-custom-gradients' );

使用disable-custom-gradients和editor-gradient-presets可以完全移除渐变功能:

add_theme_support( 'disable-custom-gradients' );
add_theme_support( 'editor-gradient-presets', array() );

块编辑器中的标记和样式更改

WordPress 5.4 引入了几个主题开发者应该知道的 DOM 结构变化。

传统的editor-类前缀已经从块编辑器脚本中移除，现在开发者应该只使用block-editor-前缀。
edit-post-layout__content类已从块编辑器的 DOM 中移除。
从 RichText 和其他块中删除了几个多余的包装器。这一改变带来了显著的性能提升并简化了 DOM 树，这应该得到 block 和主题开发者的赞赏。
块填充和负边距已经消失。块样式应该相应地更改。

关于 DOM 和 CSS 变化的详细视图，请参见 WordPress 5.4 中的标记和样式相关的变化

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

块状脚手架

有了新的@wordpress/create-block 块脚手架包，开发人员有了一种新的方法来为块编辑器插件生成目录结构。这种结构通常包括 index.js、index.js 和 style.css

块开发人员现在可以简单地运行以下命令:

$ npm init @wordpress/block block-name

阻止收藏

块集合提供了一种在块编辑器插入器中对块集合进行可视化分组的方法。集合不同于类别，它提供了对块进行分组的另一种方式。

新的 API 提供了一个新功能:

registerBlockCollection( namespace, { title, icon } );

namespace:匹配块前缀。
title:这是插页器中显示的标签。
icon:这是块插入器中与标题一起显示的图标。

随着古腾堡 7.3 和 T2 的引入，新的 API 允许主题和块开发者更好地组织块，使用户更容易发现和添加块到内容中。

阻止变化

块变化 API 提供了一组功能，允许块开发者添加/管理/删除块的变化，用户在向内容添加块时可以从中选择。注册新的变体非常简单(JS 代码):

wp.blocks.registerBlockVariation( 'core/heading', { 
	name: 'green-text', 
	title: 'Green Text', 
	description: 'This block has green text. It overrides the default description.',  
	attributes: { 
		content: 'Green Text', 
		textColor: 'vivid-green-cyan' 
	}, 
	icon: 'palmtree', 
	scope: [ 'inserter' ] 
} );

blockName:块的名称(即core/heading)。
variation:描述块类型变化的对象。
name : ( 字符串)变更的唯一标识符。
title : ( 字符串)人类可读的变奏标题。
description : ( 字符串)详细描述。
: ( *WPIcon* )显示在块插入器中的图标。
* [isDefault] : ( *布尔*)当前变化是否为默认变化。默认为false。* [attributes]: ( *对象*)覆盖块属性的值。* [innerBlocks]: ( *数组[]* )嵌套块的初始配置。* [example] : ( *对象*)用于块预览的结构化数据。设置为undefined禁用预览。* [scope]:(*WPBlockVariationScope[]*)变更适用的范围列表。如果未提供，则假定所有可用的范围。可用选项:block、inserter。

` block variations

Heading block variations

有关块变化 API 的详细视图，请参见 PR #20068 。

WordPress 5.4 附带的附加块编辑器特性

WordPress 5.4 的核心功能还包括:

在编辑和导航模式之间直观切换的菜单( 7.1 )

Switch between Edit Select mode

向表格块添加标题( 7.1 )

table caption

A table with a caption in WordPress 5.4

将图像拖放到特色图像框中( 7.1 )

Drag and Drop featured image

移动固定块工具栏( 7.1 )

Fixed block toolbar on mobile

将图像尺寸选择器添加到图库块( 7.2 )

Gallery block settings

添加了媒体和文本块中图像的链接( 7.2 )

Media text image link

Add links to images in Media & Text block

面向 WordPress 开发者的特性和改进

开发者应该会从 WordPress 5.4 的一些新功能中受益。

厌倦了 WordPress 的问题和缓慢的主机？我们提供世界一流的支持，由 WordPress 专家提供 24/7 服务和超快的服务器。查看我们的计划

我们最喜欢的变化包括:

语义正确的日历部件和新的 CSS 类
PHP 脚本中的短代码
WordPress 5.4 中对 Favicon 处理的增强
向菜单项添加自定义字段的新挂钩
针对开发人员的其他变更

语义正确的日历小部件和新的 CSS 类

HTML 5.1 规范已经改变了 tfoot元素在表格中的使用方式。HTML 5.1 之前tfoot元素可以在tbody元素之前。新的规格改变了事情，现在tfoot 必须跟随tbody。

Old calendar widget

WordPress 日历窗口小部件会相应地改变。从 WordPress 5.4 开始，导航链接移动到日历表外的nav元素。

考虑到nav是任何竞赛中导航链接最合适的 HTML 元素，并且还可以帮助提高屏幕阅读器的可访问性，这是期待已久的变化。根据 Mozilla 文档:

一个文档可能有几个<nav>元素，例如，一个用于站点导航，一个用于页面内导航。在这种情况下，可以使用 aria-labelledby 来提高可访问性…

用户代理(如针对残疾用户的屏幕阅读器)可以使用此元素来确定是否忽略仅导航内容的初始呈现。

此外，为了更容易定位，在get_calendar()中引入了以下 CSS 类:

wp-calendar-table为table元素。
wp-calendar-nav为nav元素。
wp-calendar-nav-prev为上个月的链接，替换#prev ID。
wp-calendar-nav-next为下个月的链接，替换#next ID。

下面的代码片段显示了新日历的 HTML 结构:

<div class="widget widget_calendar">
	<div class="widget-content">
		<div id="calendar_wrap" class="calendar_wrap">
			<table id="wp-calendar" class="wp-calendar-table">
				<caption>February 2020</caption>
				<thead>
					<tr><!-- Day names --></tr>
				</thead>
				<tbody>
					<!-- Calendar cells -->
				</tbody>
			</table>
			<nav aria-label="Previous and next months" class="wp-calendar-nav">
				<span class="wp-calendar-nav-prev"><a href="http://example.com/?m=201912">« Dec</a></span>
				<span class="pad"> </span>
				<span class="wp-calendar-nav-next"> </span>
			</nav>
		</div>
	</div>
</div>

主题开发者可能想相应地改变他们的样式表。

WordPress 5.4: New calendar widget

New calendar widget

PHP 脚本中的短代码

WordPress 5.4 引入了apply_shortcodes()函数作为do_shortcode()的别名，这允许我们在 PHP 文件中使用一个短代码。

从语义的角度来看，我们可能期望通过简单地调用函数本身来看到do_*函数的结果。但do_shortcode却不是这样。要打印指定短码的输出，do_shortcode必须被回显:

// Displays the result of the shortcode
echo do_shortcode( '[shortcode]' . $text . '[/shortcode]' );

WordPress 5.4 引入了apply_shortcodes()，稍微改变了一些事情，它的工作方式与do_shortcode()相同，但是允许开发者构建可读性更强、语义更正确的代码:

// Displays the result of the shortcode
echo apply_shortcodes( '[shortcode]' . $text . '[/shortcode]' );

从 WordPress 5.4 RC 5 开始，do_shortcode()不打算被弃用，因为它在第三方插件中被广泛使用。

WordPress 5.4 中对 Favicon 处理的增强

有了 WordPress 5.4，主题开发者可以更加灵活地处理 favicon 请求，几个新的功能允许像管理 robots.txt 相关功能一样管理 favicon。谢尔盖·比留科夫解释道:

对favicon.ico的请求应该像我们用do_robots()处理robots.txt一样处理:

如果物理文件存在，什么都不做，让服务器处理请求。
否则，提供一个后退图标(见下文)。

因此，如果没有提供物理的favicon.ico文件，WordPress 是这样处理的:

如果定制器中设置了图标，它会将/favicon.ico重定向到那个特定的图标。
如果没有图标集，那么它使用 WordPress 标志(wp-admimg/w-logo-blue.png)作为后备选项。

一些新的函数和钩子补充了相应的robots.txt相关函数/钩子:

新的is_favicon()功能是对is_robots()的补充。
do_favicon动作是对 do_robots 的补充，当模板加载器确定一个 favicon 请求时被触发。
do_favicon()功能钩在do_favicon动作上，与do_robots() 互补。
do_faviconico action 是对do_robotstxt的补充，允许开发者覆盖默认行为。

阅读更多关于图标处理的信息。

向菜单项添加自定义字段的新挂钩

有了 WordPress 5.4，开发者可以使用两个新的动作钩子来给菜单项添加自定义字段。

在将导航菜单项添加到管理菜单编辑器之前，wp_nav_menu_item_custom_fields被触发。请参见下面的示例:

function kinsta_add_menu_item_custom_field() {
	echo '<p class="menu-item-custom-field">Hey! This is an example for Kinsta blog readers!</p>';
}
add_action( 'wp_nav_menu_item_custom_fields', 'kinsta_add_menu_item_custom_field' );

Custom fields in nav menu items

新的操作挂钩支持五个参数，您可以使用它们来微调自定义字段行为:

$item_id:菜单项 ID(整数)。
$item:菜单项数据对象(object)。
$depth:菜单项的深度(整数)。
$args:菜单项参数的对象(object)。
$id:导航菜单 ID(整数)。

wp_nav_menu_item_custom_fields_customize_template的工作方式与wp_nav_menu_item_custom_fields相同，但是它是在定制器中导航菜单项的表单字段模板的末尾被触发的。下图显示了 WordPress 5.4 中的定制菜单部分。

Custom fields in nav menu items

针对开发人员的其他更改

WordPress 5.4 对开发者和高级用户的进一步改变包括:

更多关于导致登录失败的错误的信息，这要感谢wp_login_failed动作现在支持的一个新的$error参数。
可定制的管理通知在 WordPress 多站点中，取决于站点 ID。
新的_source_url post meta 值现在允许存储媒体文件的原始 URL。
管理栏现在在wp_body_open而不是wp_footer加载。
REST API 中的几个变化。

如何安装 WordPress 开发版本

如果你想确保你的主题和插件与 WordPress 5.4 完全兼容，或者你只是对最新 WordPress 版本的新功能感到好奇，你可以点击几下就安装当前的开发版本。

你有两种方法安装 WordPress Beta/RC 版本:

安装 WordPress Beta Tester 插件，并在现有 WordPress 环境的仪表板中运行安装。
手动下载并安装当前的 Beta/RC。您可以获得“夜间构建”，它是从 Subversion 存储库中创建的。如果你正在寻找一个特定的 WordPress 版本，无论是稳定版还是开发版，你都可以查看发布类别档案。

如果你决定安装 Beta tester 插件，你需要首先设置一个常规的 WordPress 安装，要么在你的本地机器上，要么在你的登台环境中。

一旦你的 WordPress 网站建立并运行，浏览到插件→添加新的并搜索 WordPress Beta Tester 插件。

该插件提供了一个快速简单的方法来测试 WordPress，允许点击一个按钮来安装和/或更新当前的测试版或候选版本。

WordPress Beta Tester

Install the WordPress Beta Tester plugin

因此，照常安装并激活插件。

浏览到工具→ Beta 测试并检查出血边缘夜线选项并保存更改。

之后，导航至仪表板→更新屏幕，点击立即更新按钮。

WordPress Updates

WordPress Updates screen

WordPress 现在将下载并安装以下软件包:

https://wordpress.org/nightly-builds/wordpress-latest.zip

一旦安装完成，你将被重定向到临时的 WordPress 关于页面。

WordPress update progress

仅此而已。现在你可以在 WordPress Beta 和 RC 版本上运行你的测试了。

查看官方文档了解更多关于 WordPress Beta 测试的信息。

开发版本并不意味着在生产中使用。请随意将它们安装在您的临时环境中的或本地机器上的，但是不要在您的现场使用它们。

摘要

随着十个版本的 Gutenberg 插件合并到核心中，WordPress 5.4 主要集中在块编辑器上。我们有两个新的模块，自定义快捷方式，改进的可用性和可访问性，我们可以期待在不久的将来的进一步发展。

但是还有更多:

仪表板中添加了一个站点健康状态小部件，使用户更容易检查他们站点的健康状况、安全性和性能。
更好的焦点管理、更简单的键盘导航和更易读的隐私政策指南，提高了移动和桌面的可访问性。
隐私工具的几项变更简化了导出个人数据时的 UX。

The new Site Health Status widget

现在轮到你了。你对 WordPress 5.4 有什么看法？你最喜欢哪些变化和功能？请在评论中告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管的数据库，您可以享受 20 美元的优惠，亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。`

WordPress 5.5 的新特性——对一个(史诗般的)版本的深入探究

原文：https://kinsta.com/blog/wordpress-5-5/

WordPress 5.5“Eckstine”已经过时了，是时候让我们介绍今年第二次发布的 WordPress 中添加到 Core 中的最显著的变化和特性了。

这些天，我们习惯于在每个 WordPress 版本中看到许多 block 编辑器的增加。WordPress 5.5 也不例外！

这个版本也带来了大量与编辑器无关的变化，这些变化将对我们使用 CMS 的方式产生巨大影响。

信息

我们将举办一场免费的网络研讨会来展示和讨论 WordPress 5.5 的新功能，请务必参加我们的活动！

虽然 WordPress 5.5 给 WordPress Core 带来了许多变化，但是由于几个未解决的问题，5.5 中期待的几个功能已经被推迟并从这个版本中删除。因此，全站点编辑、导航块、导航屏幕和小工具屏幕不是 WordPress 5.5 的一部分。

如果你想了解更多关于 WordPress 5.5 开发周期的信息，请点击下面的链接:

2020 年 7 月 7 日: Beta 1
2020 年 7 月 14 日: Beta 2
2020 年 7 月 21 日: Beta 3
2020 年 7 月 27 日: Beta 4
2020 年 7 月 28 日: RC 1
2020 年 8 月 4 日: RC 2
2020 年 8 月 10 日:RC 3
2020 年 8 月 10 日:WordPress 5.5 发布的试运行
2020 年 8 月 11 日:WordPress 5.5 的最终发布

那么，WordPress 5.5 有什么新功能？

WordPress 5.5 is the second WordPress release of 2020 and we're happy to introduce the most noticeable features added to Core 🥳 Check out what's new in WordPress 5.5 🎁Click to Tweet ## 块编辑器的新特性

随着 WordPress 5.5 的最终发布，十个版本的 Gutenberg 插件被添加到核心中，带来了大量的 UI 改进、功能、增强和错误修复，影响了编辑体验的方方面面，从可用性到功能和性能。

在这里提到所有这些变化几乎是不可能的，所以在这篇文章中，你会发现我们最喜欢的新功能和改进的精选。

关于 WordPress 5.5 中添加到块编辑器的改进和特性的更全面列表，请参见插件版本的官方公告: 7.5 、 7.6 、 7.7 、 7.8 、 7.9 、 8.0 、 8.1 、 8.2 、8.3

也就是说，这里我们将介绍 WordPress 5.5 给块编辑器带来的以下附加功能:

新的 UI 设计
模块设计工具
在线图像编辑
块类别和新块插入器面板
屏蔽目录和屏蔽插件
块状图案

新的用户界面设计

Gutenberg 插件的每个版本都带来了不小的改进，这些改进正在悄悄地改变着整体的编辑体验。许多这些变化现在将被合并到 WordPress 核心中。所以，当你第一次在 WordPress 5.5 中启动块编辑器时，一个稍微不同的界面应该会吸引你的注意。你会发现:

简化的块工具栏
更强的色彩对比
新图标
街区搬运工
周围元素
设备预览
改进的拖放功能
整个用户界面中改进和统一的块焦点样式
一次格式化多个块的能力
更好的性能

Formatting multiple blocks in WordPress 5.5

上面提到的只是影响编辑体验的许多变化中的几个。

Mobile preview in WordPress 5.5

其他变化还包括:

下标和上标选项

下标和上标文本的格式选项现在可以通过富文本控件使用( Gutenberg 8.0 )。

New block toolbar

The new block toolbar with redesigned icons, block mover and better color contrast

父块选择

一个全新的工具栏按钮现在显示出来时，悬停在左侧的块工具栏。新按钮允许在嵌套上下文中选择父块(古腾堡 8.3 )。

The parent selector in a Media Text block

The parent selector in a Media & Text block

块设计工具

几个设计工具已经在过去的几个月中被添加到 Gutenberg 插件中，现在将被包含在 WordPress 5.5 的核心中。

高度控制和背景渐变

第一组工具提供了对几个块的尺寸和背景颜色的控制( Gutenberg 7.9 )。

Background gradient settings for the Columns block

填充和链接颜色控件

两个额外的功能已经登陆核心( Gutenberg 8.3 )，但在撰写本文时，它们仍处于实验阶段:

封面块的填充控件。
段落、标题、组、列和媒体&文本块的链接颜色控制。

默认情况下，填充控制和链接颜色控制是关闭的，开发者必须明确声明对它们的支持，正如在块编辑器手册中解释的那样。

如果您想为主题添加封面块的填充控件，只需将下面一行添加到您的主题的 functions.php:

add_theme_support( 'experimental-custom-spacing' );

如果您想为段落、标题、组、列和媒体&文本块启用链接颜色控制，只需将下面一行添加到主题的函数文件中:

add_theme_support( 'experimental-link-color' );

自定义单位和自定义行高

此新功能允许您设置盖块的px、em、rem、vw和vh高度值(古腾堡 7.9 )。%也受支持，但由于百分比高度的呈现不可预测，所以省略了它。

通过增强的高度控制，按住Shift的同时按下up或down可以跳跃 10 个数值。

The new Unit Control

开发者可以通过定义custom-units支持标志来添加对定制单元的支持:

add_theme_support( 'custom-units' );

您还可以设置特定的自定义单位:

add_theme_support( 'custom-units', 'rem', 'em' );

开发人员还可以通过定义custom-line-height支持标志来为标题和段落添加自定义行高:

add_theme_support( 'custom-line-height' );

嵌入式图像编辑

一个新的编辑功能被添加到块编辑器中，古腾堡 8.4 允许用户直接从图像块中编辑 T2 图像。

现在它已经被合并到 core，从 WordPress 5.5 开始，你可以裁剪、旋转、缩放和调整图像位置，而不需要启动媒体库，从而带来更快的编辑体验。

如果你曾经发布大量照片，毫无疑问你会喜欢这个功能。

Inline image editing in WordPress 5.5

只需点击图像工具栏中的裁剪按钮，您就可以使用新的编辑功能。当您对您的定制满意时，应用您的更改，您就完成了。

WordPress 将在媒体库中保存一张新图片作为附件,并从原始图片中复制细节(标题、描述、说明、替代文本和 EXIF 数据)。这使您可以完全控制新的图像版本。

块类别和新块逆变器面板

重新设计的块插入器面板按类别显示块和图案，显著改善了编辑体验，使块和图案更容易找到(古腾堡 8.3 )。

Blocks and Patterns tabs in the new block inserter

阻止目录和阻止插件

通过实现块目录，您可以直接从块插入器中查找、安装和添加第三方块。

当你搜索一个模块时，如果你还没有安装，你会被提示一个在插件目录中可用的插件列表。这些插件被称为“阻止插件”，你可以通过点击将它们添加到你的编辑器中。

A third-party block from the WordPress Community

多亏了这个令人敬畏的新功能，你现在可以构建自己的模块，并将它们发布到插件目录，使你的作品对整个 WordPress 社区可用。

好消息是，要创建你的定制块，你不需要成为一个 PHP 大师。你只需要一些 JavaScript 的工作知识。

不知道如何开始开发自己的积木？令人敬畏的 WordPress 社区为你提供了一个简单的逐步教程。

块教程的第一个版本已经在官方的块编辑器手册中提供，以帮助您学习块开发的基础知识。你可以在 Make WordPress Plugins 博客上阅读更多关于 block 目录和 block 插件开发的内容。

块状图案

回到 2020 年 3 月，古腾堡 7.7 和古腾堡 7.8 推出了块模式和用于主题和插件的块模式 API 。

块模式是预定义的块布局，允许用户快速将嵌套块的复杂结构添加到他们的页面中。他们的目的是帮助内容作者和网站管理员克服“空白页综合症”,轻松构建专业布局和高级视图。

我们应该在全站点编辑中看到块模式的最佳状态。

古腾堡项目的首席建筑师 Mathias Ventura 清楚地解释了什么是块模式。

有一点需要澄清——“块模式”设置与模板部件(在结构上有意义)关系不大，更多的是由较小的块组成的一般设计元素。一旦插入，它们就不会分开存放。例如，一个“封面”图像组合了几个块来实现一个特定的外观，否则用户需要做一些工作来完成。可以把它看作是一个设计的集合，可以添加到任何地方，而不一定代表主题模板的可重用部分。

与模板部件不同，块模式是设计元素，可以帮助网站管理员和内容创建者加快和改善他们的编辑体验。

Gutenberg 7.7 发布时，最初区块模式出现在侧边栏插件中。后来，随着古腾堡 8.0 的发布，他们进入了一个改进的块插入器，现在作为一个面板出现在编辑器的左侧，如下图所示:

The Gallery Pattern in WordPress 5.5

在早期阶段，块模式只有非常有限的一组模式。无论如何，它们给编辑体验带来了巨大的改进，希望在不久的将来会有更多的改进。

与常规块一样，模式是可搜索的，并按以下类别进行组织:

文本
海罗（人名）；英雄（电影名）
列
小跟班
走廊
特征
证明书
未分类的

The Numbered features pattern in WordPress 5.5

除了内置的块模式， WordPress 开发者可以利用一个全新的 API 为他们的主题和插件提供定制模式。

您可以使用register_block_pattern功能和register_block_pattern_category为类别注册您的自定义模式。

register_block_pattern需要两个参数:

模式的名称。
模式属性的数组。

属性包括以下内容:

title
content
description
categories
keywords
viewportWidth

register_block_pattern_category也需要两个参数:

模式类别的名称。
属性数组。

API 还提供了两个函数来注销模式和类别:unregister_block_pattern和unregister_block_pattern_category。

构建自己的块模式的方法非常简单。例如，复制并粘贴下面的代码到一个自定义插件或者一个子主题的函数文件，然后根据你的喜好改变模式的名称。

add_action( 'init', function(){

	register_block_pattern_category( 
		'kinsta', 
		array( 'label' => __( 'Kinsta stuff', 'kinsta-pattern' ) ) );

	register_block_pattern(
	'kinsta-pattern/my-custom-pattern',
	array(
		'title'			=> __( 'Two Kinsta buttons', 'kinsta-pattern' ),
		'description'	=> _x( 'Two nice buttons.', 'Kinsta Buttons', 'kinsta-pattern' ),
		'content'		=> "<!-- wp:buttons {\"align\":\"center\"} -->\n<div class=\"wp-block-buttons aligncenter\"><!-- wp:button {\"backgroundColor\":\"very-dark-gray\",\"borderRadius\":0} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-very-dark-gray-background-color no-border-radius\">" . esc_html__( 'Button One', 'kinsta-pattern' ) . "</a></div>\n<!-- /wp:button -->\n\n<!-- wp:button {\"textColor\":\"very-dark-gray\",\"borderRadius\":0,\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-text-color has-very-dark-gray-color no-border-radius\">" . esc_html__( 'Button Two', 'kinsta-pattern' ) . "</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons -->",
		'categories'	=> array( 'kinsta' ),
	)
	);
});

上面的代码是对来自块 API 引用的原始代码片段的简单定制。如您所见，不需要 JavaScript。

A custom block pattern

另见 WordPress 5.5 中的模块模式。

重要的

请注意，模式是一个实验性的特性，API 可能会随着 Gutenberg 插件的未来版本而改变。

WordPress 核心中的本地镜像延迟加载

延迟加载是一种优化技术，即推迟非关键资源的加载。这意味着浏览器被指示在页面加载时加载可视内容，并推迟下载和渲染文件夹下的图像，直到实际需要它们的时候。

信息

说到网页性能，图片优化是网站管理员的一个重要方面。一般来说，图片仍然是网页的重要组成部分，图片优化可以帮助读者和客户获得更好的用户体验。记住:页面速度也是一个重要的排名因素。

在原生惰性加载之前，web 开发人员可以通过 JavaScript ，使用 IntersectionObserver API 或使用scroll、resize和orientationchange 事件处理程序惰性加载资产。

但是自从延迟加载成为标准的之后，我们不再需要编写定制代码或者使用 JavaScript 库，并且 lazyload images 可以使用img和iframe标签中新的loading属性来实现。

Lazy loading via attribute for images

Lazy loading via attribute for images & iframes (Source: caniuse.com)

loading属性决定了浏览器是应该立即加载资源还是等到满足某些条件后再加载。它目前支持以下值:

lazy:等待，直到满足某些条件
eager:立即加载资源

Lazy loading settings in Chrome

Lazy loading settings in Chrome (available at chrome://flags/#enable-lazy-image-loading)

在撰写本文时，微软 Edge、 Firefox 、谷歌 Chrome 、Opera 浏览器、Android 浏览器和 Chrome for Android 都支持原生延迟加载。

Lazy loading settings in Autoptimize

在 WordPress 5.5 之前，延迟加载只能在带有优化插件的 WordPress 中实现，比如自动优化，BJ 延迟加载，或者其他。现在它是 WordPress 核心的一部分，不需要安装额外的插件！

WordPress 中的本地延迟加载

正如 Felix Arntz 在 Make WordPress Core blog 上的一篇旧博文中所报道的，WordPress 中惰性加载的 JavaScript 实现最初是在几年前提出的，但它从未成为核心的一部分。本机惰性图像加载的新实现消除了任何兼容性问题，因此新功能可以安全地与 WordPress 5.5 的核心功能合并。

根据 Felix 的说法，WordPress 图片的原生延迟加载应该会对大量没有使用延迟加载插件的 WordPress 网站的网站性能和用户体验产生有益的影响:

…不需要任何技术知识，甚至不知道延迟加载是一个概念。采用新的加载属性是 WordPress 引领更快网络的一个很好的机会。

为了防止布局偏移，loading="lazy"将自动添加到带有width和height属性的img标签中，并且只有当图片作为附件可用于 WordPress 并且包含一个wp-image-$id类时才有可能。

对于每一个安装有大量图片的 WordPress 和网站来说，延迟加载是一个必须的优化。费利克斯注意到:

这将极大地节省服务器和跨站点用户代理的带宽，在这些站点中，页面下方的图像通常会被立即加载，即使在用户可能永远不会滚动到它们的情况下。

WordPress 中的本地延迟加载可以处理以下图片:

帖子内容中的图片(the_content)。
帖子中的图片摘录(the_excerpt)。
文本小工具中的图像(widget_text_content)。
通过get_avatar()渲染的头像图像。
模板图像使用wp_get_attachment_image

在第一个实现中，延迟加载只支持图像，但是我们可以期待未来对iframe标签的延迟加载的增强。

WordPress 开发者的延迟加载

开发人员可以使用几个新的过滤器来覆盖默认行为。在这些过滤器中，wp_lazy_loading_enabled和wp_img_tag_add_loading_attr对开发者最有用:

wp_lazy_loading_enabled打开和关闭loading属性。该过滤器可以全局应用，也可以按标签应用。
wp_img_tag_add_loading_attr过滤loading属性值，并提供一种方法来控制每个图像的延迟加载。

以下示例显示了如何全局禁用延迟加载:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

我们还可以为特定的标签禁用延迟加载。在下面的例子中，延迟加载在the_content上下文中的图像上被关闭(阅读更多关于 Make WordPress Core ):

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

add_filter(
	'wp_lazy_loading_enabled',
	function( $default, $tag_name, $context ){
		if ( 'img' === $tag_name && 'the_content' === $context ){
			return false;
		}
		return $default;
	},
	10,
	3
);

$default:布尔默认值(true)。
$tag_name:要延迟加载的元素的标签名。
$context:可选参数，指定图像的上下文(见上表)。

注意，在撰写本文时，$tag_name参数只支持img标签。无论如何，如上所述，更多的标签应该被添加到未来的实现中。

如果你想在 WordPress 中对图片延迟加载进行更细粒度的控制，你可以根据上下文遵循两种不同的方法。

如果您正在处理内容(即the_content、the_excerpt、widget_text_content，您可以使用wp_img_tag_add_loading_attr过滤器。以下示例显示了如何在特定映像上禁用延迟加载:

add_filter(
	'wp_img_tag_add_loading_attr',
	function( $value, $image, $context ){
		if ( 'the_content' === $context ){
			$image_url = wp_get_attachment_image_url( 67, 'medium' );
			if ( false !== strpos( $image, ' src="' . $image_url . '"' ) ) {
				return false;
			}
		}
		return $value;
	},
	10,
	3
);

主题开发者也可以通过 wp_get_attachment_image 控制图片。在这个场景中，您可以简单地将图像的loading属性值设置为false:

echo wp_get_attachment_image(
	67,
	'medium',
	false,
	array( 'loading' => false ),
);

The first image in the above gallery is not lazy loaded

为了更快的访问速度和更少的网络资源浪费，原生的延迟加载图像将会出现在 5.5 中！它还伴随着进一步的图像改进，减少了那些恼人的布局变化，使你不小心点击了错误的东西。https://t.co/e7g2s9uSPk

——费利克斯·阿恩茨(@费利克斯·阿恩茨)2020 年 7 月 14 日

WordPress 5.6 的新特性(可访问性、性能、安全性)

原文：https://kinsta.com/blog/wordpress-5-6/

WordPress 5.6“Simone”已经发布，我们很高兴能和你一起深入了解 2020 年最新发布的 WordPress 核心版中最有趣的功能和新增功能。

像以前的版本一样，WordPress 5.6 包括了几个版本的 Block Editor，为那些网站上还没有安装和更新 Gutenberg 插件的 WordPress 用户增强了编辑体验。

然而，并不是所有的事情都与块编辑器有关。WordPress Core 增加了几个特性，比如新的默认 Twenty Twenty One 主题，主要版本的自动更新，对 PHP 8.0 的更好支持，REST API 认证的应用程序密码。

在 WordPress 5.6 中还有更多。我们将看到可访问性的改进、UI 的增强、大量的错误修复，以及为开发人员带来的大量变化。

We are excited to share with you what's new in WordPress 5.6. 🥳 Don't miss all the new features, enhancements, and the brand new default theme: Twenty Twenty-One 🎁Click to Tweet

如果你想了解更多关于 WordPress 5.6 开发周期的信息，请点击下面的链接:

2020 年 10 月 20 日: Beta 1
2020 年 10 月 27 日: Beta 2
2020 年 11 月 2 日: Beta 3
2020 年 11 月 12 日: Beta 4
2020 年 11 月 17 日: RC 1
2020 年 12 月 7 日:WordPress 5.6 发布的试运行
2020 年 12 月 8 日:发布 5.6 版“西蒙”

准备好开始了吗？我们来看一下:

块编辑器的新特性

在 WordPress 5.6 中，古腾堡插件的几个版本已经合并到核心中，所以 WordPress 用户和作者应该会注意到编辑器中的几个改进。我们将会看到增强的区块模式、信息面板中的字数统计、改进的键盘导航、改进的拖拽&UI 等等。

关于添加到块编辑器的所有改进和更改的更全面列表，请查看发布公告帖子: 8.6 、 8.7 、 8.8 、 8.9 、 9.0 、 9.1 和 9.2 。在古腾堡 9.3 和 9.4 中实现的 Bug 修复和性能提升也包含在 WordPress 5.6 中。

让我们深入研究一下我们将在块编辑器中看到的更有趣的变化。

模块、模式和用户界面改进
阻止 API V2
面向块开发人员的附加特性和改进

块、模式和 UI 改进

新的块功能、增强功能和错误修复将改善整体编辑体验。此外，在可访问性方面也做了大量工作。下面你会发现我们精心挑选的最有趣的功能，一旦你把你的网站更新到 WordPress 5.6，你就会在 block editor 中看到。

封面块中视频的位置控制

自古腾堡 8.6 起添加到封面区块，视频的位置控件允许用户四处移动焦点，并为视频设置自定义位置。该功能以前仅适用于图像背景。

Video Position Controls for Cover Block

通过单击焦点选取器上的任意位置和/或使用键盘上的箭头键来设置位置值。按住 shift 键可以将数值跳跃 10(另见 #22531 )。

阻止特征码更新

WordPress 5.6 还包括几个区块模式的改进，增加了古腾堡 8.6 。

大标题和段落的布局、文字和颜色已经更新( #23858

两栏文本中的标题已经从文本块中移出，并放置在各栏之上( #23853 )

引用模式现在包括顶部的图像和底部的分隔符。

Quote pattern

The new Quote pattern includes an image and a separator

添加了新的标题和段落模式古腾堡 8.7 ( #24143 )。

Heading and Paragraph pattern

Heading and Paragraph pattern in WordPress 5.6

块插入器的一个很好的可用性改进是块模式类别下拉菜单，它允许你通过类别过滤模式。当你有大量的图案可供选择时，这非常有用( #24954 )。

The block pattern category dropdown

【方块图案类别】下拉框

支持视频字幕

视频块现在支持视频字幕。

video subtitles

Adding video subtitles in Video Block

编辑和内容创作者应提供 WebVTT 格式(网络视频文本轨道格式)的视频字幕，这是“一种使用<track>元素显示定时文本轨道(如字幕或说明文字)的格式”( #25861 )。

track elements

Track elements linking to subtitles in different languages

一旦你加载了你的*。vtt* 文件，网站观众将被允许启用他们最喜爱的语言字幕。

Video subtitles user settings

Info

说到视频，每周一定要订阅金斯塔的 YouTube 频道获取新视频！

将多个块转换为一个列块

一个有趣的可用性改进是能够将多个选定的块转换成一个列块。

Select multiple blocks

你只需要选择你想在列中显示的块，然后点击块工具栏右上角的按钮。

每个选定的块将被转换为列块的列。

columns block

Three blocks converted into three columns

封面块中的背景图案

覆盖块现在可以显示背景图案。

A cover block with a background pattern

要添加背景图案，上传图案图像，然后打开重复背景选项(这里是你需要知道的关于 WordPress 中媒体库的一切)。

完成后，根据您的需要调整焦点选择器，并尝试固定背景的不同组合。

添加到媒体和文本块的图像大小控制

在古腾堡 9.1 中，一个新的图像尺寸控制被添加到媒体&文本块中的图像中。

用户现在可以从所有可用的图像尺寸中进行选择( #24795 )。

Image Size Control

Image Size Control in Media & Text Block

阻止 API V2

新的块 API 版本使块能够呈现它们的包装元素。新 API 版本的目标是减轻编辑器的 DOM，使其与首页内容相匹配。根据艾拉·范·杜普的说法:

这样做的最大好处是，如果编辑器中的标记相同，主题和插件可以更容易地设计块内容的样式。

新版本要求在块类型注册上声明apiVersion属性:

registerBlockType( name, { apiVersion: 2 } );

新 API 还需要块Edit函数中的useBlockProps 钩子。这个钩子将块的包装元素标记为块元素。

传递给这个钩子的任何属性都将被合并并返回给包装元素。来自开发笔记的以下示例展示了一个简单的用例:

import { useBlockProps } from '@wordpress/block-editor';

function Edit( { attributes } ) {
	const blockProps = useBlockProps( {
		className: someClassName,
		style: { color: 'blue' },
	} );
	return <p { ...blockProps }>{ attributes.content }</p>;
}

有关更多示例，请参见 Block API 版本 2 。

面向块开发人员的附加功能和改进

除了 Block API 版本 2 之外，这里还有一份清单供开发者查看。

块支持 API

block Supports API 允许 Block 开发者向他们的 Block 添加特性。颜色、背景、字体大小只是可以通过块支持 API 添加到块中的许多特性中的几个。

WordPress 5.6 还引入了几个新的块支持“以增加一致性，更容易将这些选项引入块中”。

开发者可以使用新的块支持将相应的键添加到 block.json 文件的supports属性中，或者直接添加到registerBlockType 函数中。

下面的例子来自块支持开发说明显示了它是如何工作的:

supports: {
	color: {
		background: true, // Enable background color UI control.
		gradient: true, // Enable gradient color UI control.
		text: true // Enable text color UI control.
	},
	fontSize: true, // Enable font size UI control.
	lineHeight: true // Enable line height UI control.
}

样式值将通过has-<value>-<preset-category>类(对于预设值)或通过style元素(对于自定义值)自动附加到包装元素。

出于这个原因，组块支架打算与新的组块 API V2 一起使用。

块支架也可与动态块一起使用。

createblocksfrominblockstamp API

开发人员可以使用 InnerBlocks 组件来创建包含其他块的定制块。例如“专栏”块和“社交链接”块。

新的createBlocksFromInnerBlocksTemplate块 API 允许您从 InnerBlocks 模板创建块。

参见 dev notes 获取 depper 视图和代码示例。

工具栏组件

一些变化也影响了工具栏组件:

1.工具栏组组件

在 WordPress 5.6 之前，工具栏组件允许开发者在一个公共容器中对相关选项进行分组。现在，应该使用一个新的工具栏组组件。

<BlockControls>
	<ToolbarGroup>
		<ToolbarButton />
	</ToolbarGroup>
</BlockControls>

2.工具栏按钮和工具栏项目组件

不赞成直接使用可制表元素作为工具栏项目(即<button>)。为了提高可访问性，可以使用工具栏按钮添加工具栏项目，使用工具栏项目添加其他控件。下面的例子显示了一个按钮和一个下拉菜单:

<BlockControls>
	<ToolbarItem as="button" />
	<ToolbarButton />
	<ToolbarItem>
		{ ( itemProps ) => ( <DropdownMenu toggleProps={ itemProps } /> ) }
	</ToolbarItem>
</BlockControls>

禁用核心块模式

现在可以使用core-block-patterns支持标志( #24042 )禁用核心模式

禁用嵌入式图像编辑器

Gutenberg 8.4 增加了一个内嵌图像编辑功能，允许用户直接从块编辑器编辑图像。

Inline Image Editing

开发人员现在可以使用block_editor_settings过滤器( #23966 )禁用图像编辑器:

add_filter( 'block_editor_settings', function( $settings ) {
	$settings['imageEditing'] = false;
	return $settings;
} );

Inline Image Editing disabled

移动到单独包装中的可重复使用的块

先前属于@wordpress/editor包的可重用块已经被移动到包中，以便在其他编辑器中可用。

一个新的默认主题:221

WordPress 5.6 包含了一个全新的默认主题。Twenty Twenty One 是一个高度易用的极简风格的 WordPress 主题，有一个单列布局和一个页脚侧边栏。

新的主题使用系统字体堆栈和基于柔和背景色的最小调色板。

Twenty Twenty-One

Twenty Twenty-One theme preview (Image source: Make WordPress Core)

你可以在我们的深度博客文章中读到更多关于 Twenty Twenty One 的内容:Twenty Twenty One:深入探究 WordPress 新的默认主题。

主要版本的自动更新

自动更新是 WordPress 3.7 中引入的一个核心功能，旨在提高网站的安全性，并使网站管理员更容易保持他们的 WordPress 网站最新。

虽然在早期版本中已经实现了自动的次要核心更新，但是在 WordPress 5.6 中，站点管理员现在也可以手动启用主要版本的自动更新(稍后将详细介绍)。

不幸的是，对于非技术用户来说，这个重要的维护任务可能仍然有点混乱。你可以在我们的深入 WordPress 自动更新博客文章中读到更多关于自动更新如何工作的信息。

因此， WordPress 5.6 引入了一个新的界面，允许站点管理员为主要核心版本启用自动更新。

这个特性的范围在 WordPress 5.6 测试周期中发生了变化，最初的开发注释已经被替换。用 Jb 奥德拉斯的话说，

核心自动更新的初始范围已经转移到:

为 UI 的设计提供一些更新。

对于现有的安装，行为将保持不变:默认情况下选择加入较小的更新，但用户必须选择加入较大的更新(主机或代理已经在使用的常量和过滤器仍将优先)。

对于新的安装，默认行为将会改变:默认情况下选择加入次要更新，默认情况下选择加入主要更新。

从 WordPress 5.6 开始，你可以在更新屏幕中选择主要核心版本的自动更新，其中一个新的 UI 提供了一个复选框，允许你为所有新版本的 WordPress 启用自动更新。

Enable automatic updates

Enable automatic updates for all new versions of WordPress

一旦启用了主要版本的核心自动更新，您就可以通过单击切换到仅针对维护和安全版本的自动更新来启用仅针对维护和安全版本的核心自动更新。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Disable automatic updates

Switch to automatic updates for maintenance and security releases only

面向开发人员的主要自动核心更新

首先，当启用主要核心自动更新时，auto_update_core_major选项存储在启用了option_value的数据库中。因此，如果get_site_option( 'auto_update_core_major' )返回true，自动更新复选框被选中。

然后，WordPress 通过WP_AUTO_UPDATE_CORE常量或allow_major_auto_core_updates过滤器检查是否启用了主要核心自动更新，并相应地设置复选框。

开发者也可以通过将WP_AUTO_UPDATE_CORE常量设置为false或minor来禁用主要核心自动更新，如下所示(参见通过 wp-config.php控制后台更新):

# Disables all core updates:
define( 'WP_AUTO_UPDATE_CORE', false );

# Enables minor updates:
define( 'WP_AUTO_UPDATE_CORE', 'minor' );

注意，WP_AUTO_UPDATE_CORE的可能值是true(全部)、'beta'、'rc'、'minor'、false。

另一个默认禁用主要核心自动更新的选项是使用新的allow_major_auto_core_updates过滤器:

add_filter( 'allow_major_auto_core_updates', '_return_false' );

添加核心自动更新的几点意见

早在 2018 年 12 月，马特·莫楞威格就分享了 2019 年的九大优先事项，其中“为用户提供一种选择加入主要核心版本自动更新的方式”排在第七位。也许有点晚，但我们正在努力。

主要的自动核心更新应该会对 WordPress 的安全性和整体体验产生很大的影响。有一点似乎很清楚:从技术的角度来看，主要的自动核心更新功能是一项复杂的任务，并不是随着 WordPress 5.6 的发布而 100%完成的。

在对 Slack 进行了一次深思熟虑的讨论后，约瑟芬·哈登总结了来自核心贡献者的担忧和问题。

主要的长期目标是在大部分 WordPress 网站上提供自动更新，以提高整个 WordPress 生态系统的安全性(超过 30%的网站)。

总之，核心首席开发人员 Helen Hou-Sandí 表示:

在我看来，有一些非常困难的技术问题需要执行，这需要一些非常自律和专注的技术产品所有权

因此，随着时间的推移，我们应该会看到对主要自动核心更新 UI 的其他更改和改进。这就是我们从现在开始所期待的:

WordPress 5.6:

在现有安装中，主要更新必须由用户启用。任何正在使用的常量和过滤器都将优先。默认情况下，启用次要更新。
在新的安装中，次要和主要更新都默认启用。

WordPress 5.6.1:

根据反馈，我们应该会看到核心自动更新 UI 的一些变化。

WordPress 5.7:

对于那些选择退出主要自动更新的人，应该在网站健康屏幕上添加一个提示。
在安装过程中应该加入一个自动更新选项。

核心自动更新的一个大问题是用户的信任。根据海伦的说法:

我相信我们仍然可以做很多工作来主动赢得用户的信任，尤其是那些之前有过 WordPress 和/或更新的糟糕经历的用户

然而，每个 WordPress 网站都是核心、插件和主题的混合体。用海伦的话说:

核心更新大体上是相当安全的，并且有一些内置的保护措施，但是由于网站可以运行来自任何来源的任何代码，所以没有“100%”适用于“所有类型的 WordPress 网站”。

启用了核心自动更新的用户应该定期备份他们的网站，或者在他们的计划中选择一个提供自动备份的 web 主机。

核心自动更新也会影响整体更新体验，包括插件和主题自动更新。Joost de Valk 在评论中指出:

如果我们默认启用 WordPress 核心自动更新，我们应该对插件做同样的事情。否则插件和主题因为核心更新而无法对需要修复的东西进行更新。我想用户也希望这样:如果 WordPress 自动更新，插件和主题也应该自动更新。

WordPress 5.6 中的站点健康变化

除了这里讨论的所有特性，WordPress 5.6 还带来了一个网站健康工具的改进版本，它现在在后台的表现有所不同。

站点运行状况检查数据验证

验证程序现在检查站点健康测试的问题响应。验证器将丢弃任何无效响应，防止站点健康工具导致致命错误并停止任何进一步的控制。

从现在开始，无效响应不会影响站点健康指示器( #50145 )。

通过 rest 端点进行异步检查

站点健康工具是一个强大的安全工具，允许站点所有者了解其网站的健康状态。

需要一个给你带来竞争优势的托管解决方案吗？Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

该工具执行大量安全测试，提供网站健康状态的概览。

这些测试分为两类:直接测试，在页面负载上运行，以及异步测试，这可能需要一些时间来完成，稍后将通过 JavaScript 调用运行。

以前，这些测试是通过调用admin-ajax.php来执行的。有了 WordPress 5.6，事情正在远离admin-ajax.php，取而代之的是一个新的 REST API 端点。从 WordPress 5.6 开始，异步测试可以在 /wp-json/wp-site-health/v1 名称空间下找到。

由于新的 REST API 增强，插件和主题也能够利用 REST 端点，而不局限于 Ajax 动作来进行健康测试。

每个异步测试现在可以声明has_rest参数，默认为false。

下面来自WP-admin/includes/class-WP-site-health . PHP的代码展示了 WordPress 5.6 中异步测试的数组:

'async'  => array(
	'dotorg_communication' => array(
		'label'             => __( 'Communication with WordPress.org' ),
		'test'              => rest_url( 'wp-site-health/v1/tests/dotorg-communication' ),
		'has_rest'          => true,
		'async_direct_test' => array( WP_Site_Health::get_instance(), 'get_test_dotorg_communication' ),
	),
	'background_updates'   => array(
		'label'             => __( 'Background updates' ),
		'test'              => rest_url( 'wp-site-health/v1/tests/background-updates' ),
		'has_rest'          => true,
		'async_direct_test' => array( WP_Site_Health::get_instance(), 'get_test_background_updates' ),
	),
	'loopback_requests'    => array(
		'label'             => __( 'Loopback request' ),
		'test'              => rest_url( 'wp-site-health/v1/tests/loopback-requests' ),
		'has_rest'          => true,
		'async_direct_test' => array( WP_Site_Health::get_instance(), 'get_test_loopback_requests' ),
	),
	'authorization_header' => array(
		'label'     => __( 'Authorization header' ),
		'test'      => rest_url( 'wp-site-health/v1/tests/authorization-header' ),
		'has_rest'  => true,
		'headers'   => array( 'Authorization' => 'Basic ' . base64_encode( 'user:pwd' ) ),
		'skip_cron' => true,
	),
),

预定的站点健康检查:

虽然已经实现了异步测试来防止缓慢的页面加载和超时，但是对于预定的测试不存在这样的问题。

记住，除了我们上面提到的has_rest参数，测试数组也可以声明async_direct_test参数(使用上面的代码)，它应该是一个测试的可调用实例。

如果测试在预定事件期间运行，测试将不会使用 REST API 端点，而是直接运行。

REST API 认证的应用程序密码

应用程序密码是一个新系统，用于向各种 WordPress APIs 发出认证请求。

密码长度为 24 个字符，由大写、小写和数字字符组成，可以手动生成，也可以通过 REST API 生成。

要手动生成新的应用程序密码，请浏览至您的个人资料屏幕并向下滚动页面。

Application Passwords

Application Passwords in User Profile screen

为您的应用程序密码选择一个名称并确认。WordPress 将显示您的新密码。

A new application password

应用程序密码以空格分隔的 4 字符块显示，如下所示:

gsUc UhkU 0ScI gdRd TGoU vrW5

然而，密码可以带空格也可以不带空格:

通过授权流传回的应用程序密码不包含空格。严格来说，它们是为了让盯着一个长字符串的人在手动输入时更容易保持位置。

它们可以分块使用，没有空格，或者——见鬼——如果你愿意，你可以在每个字符后加一个空格。

在用户配置文件屏幕中，您可以查看、创建和撤销应用程序密码。“上次使用”和“上次 IP”列使您可以轻松找到应该撤销的不再使用的密码。

Last Used and Last IP fields

在撰写本文时，应用程序密码可以用于 REST API 认证请求和遗留的 XML-RPC API 。然而，将来我们应该会看到应用程序密码与其他 API 一起使用。乔治·斯蒂芬尼解释道:

当 WordPress 的 API 可用时，应用程序密码认证方案也可以应用于未来的 API。例如，如果 GraphQL 或其他系统在 WordPress 中启用，应用程序密码将为它们提供一个可靠的、现成的认证基础设施。

An authenticated call to the REST API in Postman

在wp-login.php上使用应用程序密码是不可能的。

要更深入地了解此功能和更多技术见解，请务必查看以下资源:

更好地支持 PHP 8

PHP 8.0 带来了大量的新特性和优化，使其成为语言发展过程中的一个真正的里程碑。新版的 PHP 引入了许多打破向后兼容性的更新，许多被否决的特性现在已经被正式移除。因此，在 WordPress 中添加对 PHP 8 的支持是一个巨大的挑战。

事实上，即使 WordPress 的核心贡献者尽了很大努力使 WordPress 5.6 兼容 PHP 8，我们也不应该期望每个可能的问题都会被发现。这里的目标是达到一个点，使整个 WordPress 生态系统与 PHP 8 兼容，这在目前看来确实是一个棘手的问题。

此外，WordPress 网站包括至少一个主题和数量可变的插件。因此，我们可能期望 WordPress Core 对 PHP 8 的良好支持，但是很难相信插件和主题会迅速增加对 PHP 8 的支持。

我们同意 Jonathan Desrosiers 的观点，他说:

PHP 8 在更广泛的生态系统(插件、主题等)中的支持状态。)是不可能知道的。出于这个原因，WordPress 5.6 应该被认为是与 PHP 8“beta 兼容”的。

“与 PHP 8 兼容的测试版”似乎是一个很好的表达，代表了一个仍需要大量努力的正在进行的过程，但同时也承认了迄今为止所做的大量工作。

然而，

所有插件和主题开发者，以及托管社区，都被要求让他们的代码与 PHP 8 兼容。这将允许 WordPress 更快地达到真正的“完全兼容”,而不需要终端用户来承担这个负担。

重要的

虽然通过自动化测试发现的大部分不兼容性已经被修复，但是仍然需要一些手工测试。出于这个原因，强烈建议在将你的网站升级到 PHP 8 之前，在一个临时或本地环境中运行严格的兼容性测试。

需要注意的一些 PHP 8 变化

正如我们上面提到的，让 WordPress 完全兼容 PHP 8 是一项正在进行的工作。Jonathan Desrosiers 提供了一份 PHP 8 特性和变化的清单，WordPress 开发者应该了解这些特性和变化。

命名参数

使用 PHP 命名参数现在可以根据参数名而不是参数位置将参数传递给函数。这允许编写自文档化的代码，参数与顺序无关，默认值可以任意跳过。

不幸的是，当前命名的参数可能会导致 WordPress 向后兼容的问题。主要原因是，在当前审计完成之前，参数名称可能会在没有通知的情况下更改。所以，在写这篇文章的时候:

在调用 WordPress 函数和类方法时使用命名参数是明确不支持的并且强烈反对直到审计完成，因为在审计期间，参数名称可能会在没有通知的情况下更改。审计完成后，将在未来的开发者笔记中宣布。

**#### 内部函数的严格类型/值验证

当传递非法类型的参数时，内部函数和用户定义函数的行为不同。用户定义的函数抛出一个TypeError，但是内部函数的行为有很多种，这取决于几个条件。

为了消除这些不一致，在 PHP 8 中，内部参数解析 API总是在参数类型不匹配的情况下生成一个ThrowError。

WordPress 核心中不使用严格类型声明。然而，核心贡献者正在努力防止无效类型被传递给核心函数。在这项工作完成之前，PHP 8 的这一变化可能会导致TypeError s，“特别是如果一个值的类型通过与过滤器挂钩的代码被错误地改变了”。

对算术运算符和按位运算符进行更严格的类型检查

在以前的 PHP 版本中，允许对数组、资源或非重载对象使用算术和按位运算符，但是行为不一致，有时甚至不合理:

var_dump([] % [42]);
// int(0)

在 PHP 8 中，行为总是相同的，当操作数是数组、资源或非重载对象时，所有算术和位操作符都会抛出一个TypeError异常(参见RFC)。

这是另一个需要核心贡献者做一些额外工作的变化，比如许多错误、警告和通知变化。

同样，由于还有几个问题没有解决，强烈建议在您的网站切换到 PHP 8 之前，在一个阶段或开发环境上运行兼容性测试。阅读更多关于 WordPress 和 PHP 8.0 的信息。

针对开发人员的其他更改

WordPress 5.6 为开发者引入了大量的变化，我们不能在我们的列表中包括所有的变化。但我们认为值得关注的前三项是:

1.wp_after_insert_post 操作挂钩

在 WordPress 5.6 之前，你可以使用save_posts或类似的动作在文章发布后运行自定义代码。现在 WordPress 5.6 引入了新的wp_after_insert_post action hook，它只在术语和元数据被保存后触发。

此外，还更新了几个函数来防止这些钩子被触发。新的$fire_after_hooks参数被添加到wp_insert_posts()、wp_update_post()和wp_insert_attachment()功能中。如果设置为false，它会阻止后插入挂钩被触发。

查看开发笔记以获得更深入的概述。

2.铅字铸造

从核心中移除了类型转换功能intval()、strval()、floatval()和boolval()，以支持直接类型转换:

intval() → (int)
strval() → (string)
floatval() → (float)

这一变化对性能有直接影响，因为直接类型转换比类型转换函数快到 6 倍。

3.WP_Error 对象

WP_Error类得到了增强，允许将多个WP_Error实例合并成一个。以前你只能手动操作。现在，WordPress 5.6 引入了三种新方法来帮助处理多个WP_Error实例。下面的代码是来自开发笔记的一个例子:

<?php
$error_1 = new WP_Error(
	'code1',
	'This is my first error message.',
	'Error_Data'
);

$error_2 = new WP_Error(
	'code2',
	'This is my second error message.',
	'Error_Data2'
);

// Merge from another WP_Error.
$error_1->merge_from( $error_2 );

// Retrieve all error data, optionally for a specific error code.
$error_1->get_all_error_data( 'code2' );

// Export to another WP_Error
$error_1->export_to( $error_2 );

开发者的进一步阅读

不可能提到 WordPress 5.6 引入的所有开发方面的变化，但是你可以通过下面的资源了解更多:

PHP 8 support, Application Passwords, Site Health improvements, Block API V2, and much more... Click here and dive deep into WordPress 5.6! 🥳Click to Tweet

摘要

WordPress 5.6 是一个主要版本，为用户和开发者提供了大量的特性和变化。我们总是很兴奋地看到网络技术的发展如何直接影响 WordPress 的安全性、性能、可用性和可访问性。

但是进化从未停止，我们已经可以窥见未来潜在的发布日期。

现在由你决定:你最喜欢 WordPress 5.6 中的什么？还有你希望 WordPress 5.7 增加哪些功能？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 5.7 的新特性(延迟加载、HTTPS、用户界面更新、新 API 等等)

原文：https://kinsta.com/blog/wordpress-5-7/

每次发布新版本时，我们都习惯于看到小的或不那么小的变化和新特性被添加到 WordPress 核心中。WordPress 5.7 也不例外，很高兴看到每个新版本都让我们离的大图景更近了一步。

随着多个版本的块编辑器合并到 Core 中，新版本改善了整体编辑体验，使开发人员能够构建更高级的块，并向块编辑器添加更强大的自定义功能。

除了编辑器，WordPress 5.7 还引入了大量的变化和强大的功能，包括延迟加载 iframes、登录和注册界面更新、重置密码链接、大量的错误修复等等。

我们已经在 DevKinsta 上运行了我们的测试，我们已经准备好与你分享我们最喜欢的 WordPress 5.7 的特性和变化——当然，还有大量的截图和代码片段。

如果你想更深入地了解 2021 年的第一个主要版本，请查看 WordPress 5.7 开发周期、规划综述和领域指南。

所以，当我们继续等待全站点编辑(在 WordPress 5.8 的核心中)的时候，让我们舒适地享受 WordPress 5.7 的新功能吧！

WordPress 5.7 is the first major release of the year 🥳 Check out the new features and find out what we may expect from WordPress in 2021 🎁Click to Tweet ## 块编辑器中的新功能

WordPress 5.7 带来了许多版本的古腾堡插件。在编辑器中添加的许多更改和错误修复的基础上，不可能在这里提到所有这些新增内容，但您可以访问以下链接来深入了解每个版本: 9.3 、 9.4 、 9.5 、 9.6 、 9.7 、 9.8 、 9.9 。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

Gutenberg 10.0 和 10.1 的错误修复和性能改进也是 WordPress 5.7 的一部分。

也就是说，让我们仔细看看 WordPress 5.7 中添加到块编辑器中的最令人兴奋的特性和变化:

阻止变体功能、增强功能和 API

在 WordPress 5.4 中引入的块变体为用户提供了一种选择同一块的不同实例的方式。

这个特性与块变体 API 协同工作，后者是一个强大的工具，允许开发人员添加、管理或删除块的变体。

WordPress 5.7 为 block variations 引入了几个增强、特性和新的 API，为开发者提供了更好的 UI 和更强大的工具。让我们开始吧。

块变化变换

古腾堡 9.4 首先引入了，现在又添加到了 WordPress 5.7，一个变换到变体切换器出现在支持这个特性的块的块卡下面。

Transform to variation

The Transform to variation switcher for a Buttons block

注册新的块变体时，块开发人员可以通过向块变体scope字段添加新的transform选项来将变体切换器添加到块检查器，如下例所示(仅 JS 代码):

wp.blocks.registerBlockVariation( 'core/heading', { 
	name: 'green-text', 
	title: 'Green Text', 
	description: 'This block has green text. It overrides the default description.',  
	attributes: { 
		content: 'Green Text', 
		textColor: 'vivid-green-cyan' 
	}, 
	icon: 'palmtree', 
	scope: [ 'inserter', 'transform' ] 
} );

在此示例中，块变体出现在编辑器用户界面的两个区域——块插入器和块检查器。

transform to variation example

Block Variation example with transform scope

有关块变化变换的深入概述，另请参见 PR #26687 。

块信息现在与块变化相匹配

自从 WordPress 5.7(和 Gutenberg 9.7 )以来，UI 显示了更多关于块变化的具体信息，而以前它只显示一般信息。

block variations information

Before WordPress 5.7, the interface elements showed generic information about block variations

嵌入块和社交图标被构建为块变体；他们提供了 WordPress 匹配块信息和块变化的好例子。

block variations information

Now the interface elements show information specific to block variations

这些更改会影响块检查器、块导航栏和面包屑。从古腾堡 9.8 开始，这个 UI 增强也适用于块切换器。

block switcher

UI 增强块切换器中的块变化

新的块变体 API

WordPress 5.7 还引入了新的 API，开发者可以在块变体注册时使用它们来显示块变体的正确信息(古腾堡 9.7 )。

新的isActive属性是一个接受块属性的函数。您可以使用变体的属性来确定变体是否处于活动状态(参见块 API 参考)。

块开发人员可以使用此功能显示变化信息，而不是块信息。一个例子是embed块，在这里我们可以改变providerNameSlug属性的值(一个来自开发注释的例子):

const variations = [
{
	name: 'wordpress',
	title: 'WordPress',
	keywords: [ __( 'post' ), __( 'blog' ) ],
	description: __( 'Embed a WordPress post.' ),
	attributes: { providerNameSlug: 'wordpress' },
	isActive: ( blockAttributes, variationAttributes ) =>
		blockAttributes.providerNameSlug === variationAttributes.providerNameSlug,
},
];

在下面的示例中，isActive属性用于更改颜色属性:

variations: [
{
	name: 'blue',
	title: __( 'Blue Quote' ),
	isDefault: true,
	attributes: { color: 'blue', className: 'is-style-blue-quote' },
	icon: 'format-quote',
	isActive: ( blockAttributes, variationAttributes ) =>
		blockAttributes.color === variationAttributes.color
},
],

新的useBlockDisplayInformation钩子返回关于给定块的信息。新的挂钩考虑了块变体的isActive属性，并返回块的title、icon和description。

这些更改会影响块卡(检查器工具)、导航列表视图(顶部栏)和面包屑(另请参见 PR #27469 )。
T3】

新按钮阻止功能

几个新特性改进了按钮块的功能和界面。

按钮尺寸

设置侧边栏中的一个新控件现在允许我们为按钮块中的按钮设置一个百分比宽度。

buttons block settings

Width settings for buttons

只需选择一个按钮，然后选择 25%、50%、75%或 100%。百分比是指父容器。下图显示了按钮尺寸的不同组合。

buttons

Combinations of buttons with different width values

如需更多技术见解，请查看拉式请求 #25999 和 #26781 。

垂直布局

这个新特性为按钮块增加了垂直方向的变化。用户可以使用块设置面板中的转换切换器从水平布局切换到垂直布局。

vertical orientation

Buttons block with vertical orientation

社交图标增强

WordPress 5.7 为社交图标增加了新的定制选项:定制尺寸支持和定制颜色。

社交图标大小

选中社交图标块后，块工具栏现在提供了一个大小的选项菜单，有可用的大小(古腾堡 9.4 )。

social icons size

‘Huge’ size for social icons

社交图标中的自定义颜色

同一块现在支持颜色设置，允许我们为图标和背景设置不同的自定义颜色(古腾堡 9.9 )。

Social icons with black background color

你现在可以为社交图标使用主题的调色板，防止图标颜色与你的网站的配色方案冲突(参见 PR #28084 )。

字体大小支持

WordPress 5.7 增加了对列表和代码块的字体大小支持。

列表块中的字体大小

带有字体大小控件的排版卡已添加到列表块设置中(古腾堡 9.4 )。

Font size in List block settings

用户可以为列表项选择一个可用的字体大小，或者设置一个以像素表示的自定义字体大小。“重置”按钮恢复默认值。

代码块中的字体大小支持

WordPress 5.7 还增加了对代码块中字体大小管理的支持。选中一个代码块后，块设置侧栏会显示一个新的字体大小控件。这个控件允许你在你的主题中选择一个可用的预设尺寸，或者以像素为单位设置一个自定义值(古腾堡 9.5 )。

Global font sizes available in Twenty Twenty

这个特性的实现还允许在代码块的 CSS 中使用全局样式变量(参见 PR #27294 )。下图显示了安装了 Twenty Twenty 主题的前端代码块。

Global CSS styles in a Code block

盖块中的全高度对齐

WordPress 5.7 引入了一个新的全高工具栏对齐组件。它最初是用 Gutenberg 9.5 添加到块编辑器中的。现在，它被合并到 Core 中，并在 Cover 块中实现。

Full Height Alignment

Full Height Alignment has been implemented in the Cover block

如果您切换块工具栏按钮，注意最小高度控件，您会看到全高对齐只是100vh的简写(阅读更多关于视口百分比长度)。

cover block minimum-height

Full Height Alignment in a Cover block

您可以将全高度对齐与其他控制设置(如固定背景、内容位置等)结合使用。您可能会对能够在页面上创建的令人印象深刻的效果数量感到惊讶。

从插入器中拖放块和图案

块插入器现在支持块和图案的拖动&放下。用户可以从插入器中抓取任何块或图案，并将其放置在帖子画布上的任何位置(古腾堡 9.6 和 9.7 )。

drag and drop blocks and patterns

Now you can drag blocks or patterns from the inserter to the post canvas

注意，只有当你的主题支持方块模式时，拖放才有效。

半透明间隔块

间隔块现在具有半透明背景(古腾堡 9.8 )，取代了之前的不透明灰色。

An opaque Spacer Block in WordPress 5.6

该特征应该使得在任何背景颜色之上识别间隔块更容易。

A semi-transparent Spacer Block in WordPress 5.7

A semi-transparent Spacer block in WordPress 5.7

值得一提的是块编辑器中的其他改进

我们的列表不会涵盖合并到 Core 中的所有特性和增强功能，所以一定要查看官方文档和开发人员笔记，以更全面地了解 WordPress 5.7 的块编辑器中的新特性。

但仅举几个例子，在 5.7 中，您还会发现:

启用黑暗背景时，自动打开黑暗模式(PR #28233 )
社交图标中增加了帕特里翁、电报和抖音图标(PR #26118
字体大小设置中支持的所有单位(PR #26475 )
块变换预览(PR #27861
改进了块插入器中的块模式预览(PR #27204 )
选项模式已改进，名称更改为偏好设置
@wordpress/data API 的变化
内部块 API 变化
导入/导出功能增强
更改块编辑器组件和块

Block transforms previews

Block transforms previews in WordPress 5.7

惰性加载 iframes

延迟加载是一种优化技术，它推迟加载非关键资源，直到它们出现在用户的视窗中。延迟加载图像和嵌入式资源直到需要时才会被下载和渲染。它可以显著提高网站的性能，尤其是那些展示高分辨率图像和视频的网站。

在原生惰性加载之前，开发者只能通过 JavaScript 惰性加载资产。WordPress 用户被迫使用插件来达到同样的效果。自从延迟加载成为标准以来，图像和 iframes 可以通过简单地添加loading="lazy"属性到img和iframe标签来延迟加载。

Safari supports lazy loading images as an experimental feature

WordPress 5.5 在 WordPress 核心中引入了原生图像惰性加载，自动将loading="lazy"属性添加到指定了width和height属性的img标签中。

现在，从 WordPress 5.7 开始，懒加载扩展到了标签。对于图像，为了防止布局偏移，loading="lazy"将只添加到那些指定了width和height属性的iframe标签上。

在 WordPress 中，本地延迟加载在以下环境中使用 iframes:

帖子内容中的 iframe(the_content)
帖子摘录中的 iframe(the_excerpt)
文本小部件中的 iframe(widget_text_content)

Lazy loading settings in Chrome

Lazy loading settings in Chrome (available at chrome://flags/)

在 WordPress 中，大多数 iframes 依赖于 oEmbed 集成，它自动将 URL 转换成相应的iframe标签。不幸的是，并不是每个 web 服务都为 iframes 提供了width和height属性；这可以防止 WordPress 将loading属性添加到那些 iframes 中。

下图显示了一个带有loading="lazy"属性的iframe标签:

Lazy loading with an embedded YouTube video in WordPress 5.7

Lazy loading with an embedded YouTube video

用费利克斯·阿恩兹的话说:

那些iframe标签的标记由各自的 web 服务控制，只有一些 web 服务遵循提供width和height属性的最佳实践。由于 WordPress 无法猜测嵌入资源的维度，只有当 oEmbed iframe标签同时具有两个维度属性时，才会添加loading="lazy"属性。

下图显示了一个没有loading="lazy"属性的iframe标记:

An iframe without the loading attribute

面向开发人员的延迟加载 iframes

从开发人员的角度来看，新特性需要几处改变，包括:

wp_filter_content_tags()函数行为已经扩展为将loading属性添加到iframe标签中。loading属性以前只添加到img标签中。
默认情况下，wp_lazy_loading_enabled() 函数现在为iframe标签返回true(启用时)。
新的wp_iframe_tag_add_loading_attr()功能允许将loading属性添加到iframe标签中(类似于wp_img_tag_add_loading_attr()——参见代码参考)。
wp_iframe_tag_add_loading_attr过滤器允许定制特定 iframes 上的延迟加载。返回false或空字符串不会添加属性。

您可以使用现有的wp_lazy_loading_enabled 过滤器覆盖默认行为，该过滤器现在为iframe标签返回true。

add_filter(
	'wp_lazy_loading_enabled',
	function( $default, $tag_name, $context ){
		if ( 'iframe' === $tag_name && 'the_content' === $context ){
			return false;
		}
		return $default;
	},
	10,
	3
);

您还可以使用新的wp_iframe_tag_add_loading_attr过滤器，它允许定制特定的iframe标签的行为。例如，您可以在特定的上下文中禁用 YouTube 视频的延迟加载。

下面的代码基于 dev note 中的一个例子，展示了如何为嵌入 YouTube 视频的 iframes 禁用延迟加载:

add_filter(
	'wp_iframe_tag_add_loading_attr',
	function( $value, $iframe, $context ){
		if ( 'the_content' === $context && false !== strpos( $iframe, 'youtube.com' ) {
		return false;
	},
	10,
	3
);

请注意，在撰写本文时，并非所有的 web 浏览器都支持延迟加载。你可以在下面看到 Firefox 和 Safari 只支持图片的延迟加载。

Lazy loading via attribute for images & iframes

Lazy loading via attribute for images & iframes (Source: caniuse.com)

从 HTTP 到 HTTPS 的一键式站点迁移

从 5.7 开始，WordPress 会检测一个网站的环境是否支持 HTTPS。如果是这样，站点健康工具中的 HTTPS 状态部分提供了一个号召行动的按钮，允许站点管理员点击一下将他们的网站从 HTTP 切换到 HTTPS 。网站内容是动态迁移的，避免了我们遇到任何混合内容警告。

HTTPS supported

Update your site to use HTTPS in WordPress 5.7 (Image source: WordPress.org)

如果不支持 HTTPS，WordPress 会显示一个通知。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

HTTPS is not supported

面向开发人员的 HTTP 到 HTTPS 迁移

除了可从站点健康工具访问的新的自动功能，WordPress 5.7 引入了新的功能，使开发者能够测试和定制 HTTPS 检测和迁移的不同方面。

如果“网站地址”(home_url())和“WordPress”(site_url())都有一个包含https的 URL，那么新的wp_is_using_https()函数将返回true。Felix Arntz 在开发笔记中清楚地阐述了这一新特性:

从本质上讲，将这两个网址都改为 HTTPS 正式表明该网站使用 HTTPS。虽然有其他方法可以在 WordPress 中部分启用 HTTPS(例如使用FORCE_SSL_ADMIN常量)，但是新的检测机制专注于在整个站点中使用 HTTPS，即它的前端和后端。

当wp_is_using_https()函数检查 URL 中是否存在https时，wp_is_https_supported()检查站点环境是否正确支持 HTTPS。

该函数主要检查数据库中是否存在https_detection_errors选项，如果没有检测到错误，则返回true。如果您的环境不支持 HTTPS，https_detection_errors选项将出现在wp_options表中，如下图所示:

HTTPS is not supported

如上所述，站点内容中的硬编码 URL 是动态变化的，这都要归功于两个新函数:wp_replace_insecure_home_url()和wp_should_replace_insecure_home_url()。

要将一个网站从 HTTP 迁移到 HTTPS，网站管理员只需要手动更新“网站地址”和“WordPress 地址”来包含 HTTPS 而不是 HTTP。然而，为了让事情变得更简单，WordPress 5.7 引入了新的wp_update_urls_to_https()功能。

后一个功能允许通过点击将网站及其所有内容从 HTTP 迁移到 HTTPS(至少在最常见的情况下，比如当“网站地址”与“WordPress 地址”匹配时)。这绝对是一个新奇的东西，也是 WordPress 管理体验的一个重大改进。

有关 HTTPS 探测和迁移的更多技术方面，请参见 Felix Arntz 的开发笔记，以及门票 #47577 和 #51437 。

新的 Post 父相关函数

WordPress 5.7 引入了两个新的 Post Parent 相关函数。它们使用简单，可以帮助你减少插件和主题中的逻辑。

has_parent_post()

has_parent_post()函数是一个条件标签，它检查给定的帖子是否有父帖子，然后相应地返回true或false。它接受 post ID 或WP_Post对象作为参数，并使用$post全局变量(如果有的话)。请参见以下示例:

<?php if ( has_parent_post( get_the_ID() ) ) : ?>
	// your code here
<?php endif; ?>

get_parent_post()

get_parent_post()函数是一个模板标签，用于检索给定帖子的父WP_Post对象。像前面的函数一样，它接受文章 ID 或WP_Post对象作为参数。参见下面的用法示例:

<a href="<?php the_permalink( get_parent_post( get_the_ID() ) ); ?>"><?php echo get_the_title( get_parent_post( get_the_ID() ) ); ?></a>

在现实世界中，我们会结合使用这些函数。你可以自己运行一个测试，把下面的代码从开发笔记添加到你的主题的single.php模板文件中:

<?php if ( has_parent_post( get_the_ID() ) ) : ?>
	<p><a href="<?php the_permalink( get_parent_post( get_the_ID() ) ); ?>">
	<?php
		echo sprintf(
			esc_html__( 'Parent page: %s', 'text-domain' ),
			get_the_title( get_parent_post( get_the_ID() ) )
		);
	?>
	</a></p>
<?php endif; ?>

登录和注册界面更新

WordPress 5.7 为登录和注册功能带来了几项改进，包括改进的重置密码界面，新的挂钩，以及其他微小的变化。

重置密码屏幕

重置密码画面现在提供了两个按钮:生成密码和保存密码。第一个按钮会在每次单击时生成一个新的强密码，而第二个按钮会保存您的密码。这个改变应该会改善新用户的密码重置体验。

下图比较了 WordPress 5.6 和 5.7 中的重置密码屏幕:

Reset Password screen in WordPress 5.7

The Reset Password screen in WordPress 5.6 vs. 5.7

新过滤器

新的lostpassword_user_data钩子允许我们在密码重置时过滤$user_data变量。开发人员现在可以使用自定义数据而不是用户名或电子邮件地址来执行用户验证。一个真实世界的例子，看看这个来自Marcelo ville la gus Mao的评论。

新的login_site_html_link过滤器挂钩允许我们用自定义代码/链接完全替换生成“返回”链接的 HTML。现在开发人员可以为链接设置自定义文本，也可以更改链接本身。您可以使用过滤器，如下例所示:

function custom_login_site_html_link( $link ) {
	return '<a href="' . esc_url( home_url( '/blog/' ) ) . '">' . __( 'Back to my awesome blog', 'textdomain' ) . '</a>';
}
add_filter( 'login_site_html_link', 'custom_login_site_html_link', 10, 1 );

下图显示了屏幕上的输出:

Back to

Custom “Back to ” link in WordPress 5.7

如需更多更改，请查看 WordPress 5.7 开发备注中的登录&注册屏幕的更改。

检查帖子是否公开的新功能

WordPress 5.7 引入了两个新的功能，使得开发者能够检查一篇文章是否可以公开。

is _ post _ status _ viewable()

新的is_post_status_viewable()功能让开发者根据帖子状态来决定帖子是否公开。

与现有的is_post_type_viewable()函数相比，这个新函数提供了一种更好的方法来检查帖子是否可见，现有的is_post_type_viewable()函数可以检查帖子类型是否对匿名用户可见，但不能帮助确定特定的帖子是否可见。

需要一个给你带来竞争优势的托管解决方案吗？Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

对于内置的文章类型，is_post_status_viewable()检查public属性。对于定制的文章类型，它检查的是publicly_queryable属性。

我们在本地安装中测试了以下代码，这些代码基于 dev note 中的示例:

$current_post_status = get_post_status( $post );
if ( is_post_status_viewable( $current_post_status ) ) {
	echo '<p>This post uses a public post status.' . ' Current status: <strong>' . $current_post_status . '</strong></p>';
} else {
	echo '<p>This post uses a non public post status.' . ' Current status: <strong>' . $current_post_status . '</strong></p>';
}

is_post_status_viewable()接受一个必需的参数:

$post_status ( string|stdClass )发布状态名称或对象。

在一篇公开的博客文章中，上面的代码会产生以下结果:

current status publish

The current status of a publicly viewable post

在私人帖子中，结果将如下:

current status private

The current status of a private post

《发展报告》的作者让·巴普蒂斯特·奥德拉斯警告说:

请注意，受密码保护的帖子被认为是公开可见的，而私人帖子则不是。

is _ post _ publicly _ viewable()

如果is_post_status_viewable()和is_post_type_viewable()都返回true，新的is_post_publicly_viewable()函数将返回true。它还让我们确定特定的帖子是否是公开可见的(例如，它是否对已注销的用户可见)。

is_post_publicly_viewable()接受一个可选参数:

$post ( string|stdClass )一个帖子 ID 或对象。默认情况下，传递全局$post对象。

一个新的动态挂钩，用于过滤特定块类型的内容

WordPress 5.7 引入了一个新的动态钩子，使得开发者能够过滤特定块类型的内容。

这个新鲜的render_block_{$this->name}滤镜类似于现有的render_block 滤镜，有一个关键区别:render_block过滤单个块的内容，而新的动态钩子过滤块类型{$this->name}的内容。

要使用此过滤器，您应该提供以下参数:

$block_content ( 字符串):要追加的块内容。
$block ( 数组):完整的块，包括名称和属性。

回调返回修改后的块内容。

以下示例显示了此过滤器在段落块上的使用情况:

add_filter( 
	'render_block_core/paragraph', 
	function( $block_content, $block ) {
		$content  = '<div class="my-custom-wrapper">' . $block_content . '</div>';
		return $content;
	}, 
	10, 
	2 
);

在本例中，core/paragraph后缀是核心段落块类型的 slug。对于自定义块，slug 应该是类似于my-custom-plugin/my-custom-block的东西。

请参见开发说明以获得更深入的概述和更多使用示例。

新机器人 API

meta 标签允许网站所有者控制网页如何在搜索引擎结果中被索引并提供给用户(顺便说一句，一定要查看我们关于 WordPress SEO 的指南)。

WordPress 5.7 引入了一个新的 Robots API ，允许开发者控制这个robots meta 标签。新的 API 为主题开发者提供了一个wp_robots过滤器，将他们的自定义指令添加到robots meta 标签中。

此外，max-image-preview:large指令现在默认添加到配置为搜索引擎可见的网站中。它指示搜索引擎在搜索结果中显示大图片预览。

robots meta tag

The ‘max-image-preview:large’ directive in WordPress 5.7

开发人员可以使用以下代码删除max-image-preview:large指令:

remove_filter( 'wp_robots', 'wp_robots_max_image_preview_large' );

定制robots指令非常简单。dev note 中的以下示例显示了如何向 meta 标记添加自定义指令:

add_filter( 
	'wp_robots', 
	function( $robots ) {
		$robots['follow'] = true;
		return $robots;
	}
);

上面的代码会产生以下输出:

<meta name="robots" content="max-image-preview:large, follow">

也可以通过取消设置值来删除现有的指令。以下代码禁用了max-image-preview指令:

function my_wp_robots_directives( $robots ) {
	unset( $robots['max-image-preview'] );
	$robots['follow'] = true;
	return $robots;
}
add_filter( 'wp_robots', 'my_wp_robots_directives' );

你会在 Ahrefs 博客和谷歌搜索参考上找到对robots meta 标签的深入概述。关于新的 WordPress Robots API 和废弃函数的更多信息，请参见开发说明。

重置密码链接

一项新功能现在允许网站管理员通过电子邮件向任何注册用户发送重设密码链接。如果用户出于任何原因无法访问重置密码链接，此功能会很有用。

网站管理员可以从不同的地方通过电子邮件发送重置密码链接。首先，你会发现一个新的部分，在任何用户的个人资料屏幕中提供了一个发送重置链接按钮。

Your Profile Screen in WordPress 5.7

Send Reset Link button in Your Profile screen

如果一切顺利，您应该会看到一个管理员通知，确认已经通过电子邮件将密码重置链接发送给了用户。

admin notice

An admin notice confirms that the email has been successfully sent

您也可以从用户屏幕发送密码重置链接。

Users Screen

Send Password Reset link in Users Screen

你甚至可以选择几个用户，批量发送密码重置链接。

Bulk actions

Send password reset link in Bulk actions

如前所述，用户将收到一封包含密码重置链接的电子邮件。下图显示了 DevKinsta 电子邮件收件箱工具中的密码重置电子邮件。

DevKinsta email inbox

The Password Reset email in DevKinsta

开发者可以使用retrieve_password_title和retrieve_password_message过滤器定制电子邮件的主题和信息。

面向开发人员的其他增强功能

向脚本标签传递属性的新函数

几个新函数现在允许将属性传递给<script>标签(即async或nonce)。

wp_get_script_tag()

wp_get_script_tag()加载一个格式化的script标签，如果主题没有声明支持 HTML5 script标签，自动注入type属性。它接受一个键值对数组，表示添加到<script>标签的属性。

该函数与新的wp_script_attributes过滤器配对，可用于过滤属性。

wp _ 打印 _ 脚本 _ 标签()

wp_print_script_tag()打印格式化的script标签。

wp_get_inline_script_tag()

wp_get_inline_script_tag()将内联 JavaScript 包装在一个script标签中。

这个函数有一个相应的wp_inline_script_attributes钩子，用于过滤要添加到脚本标签中的属性。

wp_print_inline_script_tag()

wp_print_inline_script_tag()在script标签中打印内联 JavaScript。

wp_sanitize_script_attributes()

新的wp_sanitize_script_attributes()函数用于将一组属性整理成一个属性字符串。然后可以将它们添加到一个script标签中。

查看开发说明了解更多信息和使用示例。

标准化可湿性粉剂管理颜色

作为一个旨在清理 WP-Admin CSS 的更大项目的一部分，WordPress 现在使用一个新的标准化的 WP-Admin 调色板。新的调色板包括 12 种色调，分别为蓝色、绿色、红色和黄色。它还添加了 13 种灰色、黑色和白色。另外，它满足最低 WCAG 2.0 推荐对比度的要求。

WP Admin color palette

WP-Admin color palette (Image source: ryelle)

用让·巴普蒂斯特·奥德拉斯的话说:

标准化这组颜色将有助于贡献者做出一致的、可理解的设计决策。主题和插件开发者被鼓励使用这个新的调色板，以使他们的产品和 WordPress 核心之间更好的一致。

站点健康中的 WP_MEMORY_LIMIT 常量

常量WP_MEMORY_LIMIT指定 PHP 可以消耗的最大内存量。

以前的 WordPress 版本也没有包含的WP_MEMORY_LIMIT常量已经被添加到到站点健康的信息标签中。

WP_MEMORY_LIMIT in WordPress 5.7

WP_MEMORY_LIMIT in Site Health Info tab

针对开发人员的其他更改在其他开发人员关注的更改和WordPress 5.7 中 REST API 的更改中列出。你会在 WordPress 5.7 领域指南中找到开发人员笔记的完整列表。

New features, new APIs, security, accessibility and UI improvements, functions, and hooks for developers... There's a lot of great stuff in WordPress 5.7 🎁 Check out our in-depth overview 🤓Click to Tweet

摘要

WordPress 的市场份额继续稳步增长:

据我们所知，有 64.4%的网站使用 WordPress 的内容管理系统。这是所有网站的 40.3%。

这是 CMS 健康的重要证据，特别是对于那些在 WordPress 上建立业务的人。这也是关注 WordPress 生态系统的一个极好的理由。

WordPress 5.7 为用户和开发者增加了大量的新功能和改进，但这仅仅是我们预计在 2021 年看到的一点点。

现在就看你的了。我们错过了什么重要的事情吗？你最喜欢 WordPress 5.7 的哪些变化和特性？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 5.8 的新功能(全站点编辑，WebP 图片，全局样式和设置，等等)

原文：https://kinsta.com/blog/wordpress-5-8/

WordPress 5.8“塔图姆”来了，这是一个重大的发布。除了令人难以置信的大量功能、改进和漏洞修复，WP 5.8 引入了一种新的网站建设方式，将首批功能纳入了一个更广泛的项目，称为全站点编辑。

除了完整的网站编辑，WordPress 5.8 还对 CMS 的几个区域进行了大量的改变和增强。

没有使用 Gutenberg 插件的 WordPress 用户将会发现来自总共九个 Gutenberg 版本的特性和改进(要深入了解每个版本，请参见 Gutenberg 9.9 、 10.0 、 10.1 、 10.2 、 10.3 、 10.4 、 10.5 、 10.6

对于非常关心网站性能的用户来说，一个重要的新特性是 WebP 格式支持。

开发者肯定会喜欢 IE11 从支持的浏览器列表中删除，基于 theme.json 的新块配置和样式机制，基于 block.json 的改进块注册系统，以及 2021 年第二个 WordPress 版本带来的许多 API 改进。

所以，请耐心等待，因为这将是一个冗长的功能和增强的综述，为预计在未来几个月发布的新的强大的网站建设工具铺平道路。

重要的

WordPress 5.8 的变化太多了。为了防止任何与你的主题和插件发生意外冲突的风险，我们强烈建议你在更新你的网站之前，对你的网站进行备份，并在试运行环境中测试新版本。

WordPress 5.8 'Tatum' is here! 🥳 Check out the new features and enjoy the first implementation of Full Site Editing 🎁Click to Tweet

WordPress 5.8 中完整的站点编辑功能

完整网站编辑背后的愿景是提供一系列工具和功能，允许 WordPress 用户使用 blocks 构建一个完整的网站。有了完整的站点编辑，我们会看到许多块可以用来在页面上创建任何元素，从导航菜单到站点品牌、侧边栏小部件、模板等等。

即使 WordPress 5.8 引入了几个属于全网站编辑(FSE)范围的功能，也不要期望看到一个全功能的可视化网站建设环境。FSE 仍在开发中，WordPress 5.8 的发布开启了一个公共测试阶段。据约瑟芬·哈登·乔博斯称:

完整的网站编辑是一系列项目的集合，它们共同代表了一个巨大的变化，对一个版本来说可能太多了。要分享的最重要的一点是，它并没有为用户提供完整的默认体验。第一阶段合并过程中最明显的反馈之一是没有足够的时间给我们的扩展者(代理、主题作者、插件开发者、网站建设者等等)。)为即将到来的变化做准备。

考虑到这一点，这个合并过程不会是一个开/关开关。现在的焦点不是完整和细微的用户体验，而是 WordPress 5.8 中的一个公开测试版。

所以 WordPress 5.8 现在并没有引入一个完美和完整的 FSE 体验。相反，从 5.8 版本开始，我们将会看到新的特性随着时间的推移而增加和改进。出于同样的原因，我们可以假设 WordPress 5.8 不会对我们习惯的网站建设方式产生巨大的影响。

在撰写本文时，网站所有者和管理员仍然必须有意识地选择 FSE，安装一个 block 主题，如Twenty-Twenty One Blocks(Twenty-Twenty One 的基于 block 的版本)，并激活古腾堡插件。

全站点编辑包含一系列独立的子项目，包括站点编辑器、全局样式、查询块、导航块、模板、块主题等等。但是在 WordPress 5.8 中最接近站点编辑的是模板编辑模式和相应的主题块可以在该模式下使用，我们将在本文后面看到。

接下来，让我们深入了解一些与 WordPress 5.8 合并到 Core 中的 FSE 特性。

模板编辑模式

模板编辑模式提供了一种使用块创建帖子/页面模板的方法。这是降低站点构建复杂性的一个很好的方法，允许用户在习惯使用块的同时，利用站点编辑器界面之外的几个站点编辑功能。对于不使用基于块的主题但仍在寻找从块编辑器的用户界面创建和编辑模板的简单方法的用户来说，这也很好。

在 WordPress 中定制主题从来没有这么容易过。现在你不再需要构建一个子主题来创建你的定制模板。有了 WordPress 5.8，模板编辑不仅仅局限于区块主题，你还可以使用经典主题的，尽管你必须选择启用经典主题的模板编辑。

信息

模板编辑可以在经典主题中使用，包括一个 theme.json 文件或支持'block-templates'。不能对块主题禁用它。

The template editor.

要创建一个新模板，你只需要在设置侧边栏中启用模板编辑模式。一个新的模板面板现在可供用户切换编辑模式(参见古腾堡 10.5 发布说明)。

Template panel in the Block editor Sidebar.

从模板面板，您可以创建一个新模板或编辑现有模板。

Setting a template name.

要创建新模板，请点击新建。然后在模态中输入一个模板名，点击创建，就可以开始了。

Template Editing Mode in WordPress 5.8.

在模板编辑模式中，您可以使用所有可用的块来构建您的模板，包括 FSE 块，如站点标题、站点标语、登录/退出等等。

对编辑满意后，您可以切换回帖子编辑模式，并将模板与帖子/页面内容分开保存，如下图所示:

The Save Template options.

模板存储在你的 WordPress 数据库中，作为名为wp_template的自定义文章类型。这不仅允许您从编辑器界面编辑模板，而且还使得随意导入或导出模板变得容易。您还可以在不同的网站上使用一个模板(在撰写本文时，只有激活 Gutenberg 插件，此功能才可用)。

Exporting Templates and Template Parts.

信息

请注意，如果您为页面或博客文章设置了块模板，常规的 PHP 模板将不再用于生成页面。将使用块样板。

在撰写本文时，模板编辑模式仍然有一点问题，正如贾斯汀·塔德洛克的这个测试和实验的调用中所报告的。

Full-width alignment issue in Twenty Twenty-One classic theme.

但是需要的只是一点耐心，等待主要问题得到解决，以充分理解模板编辑模式将如何改变你定制网站的外观和感觉。

用户将不再需要开发人员的技能来获得对布局和网站整体外观的完全控制。

The full-width alignment issue has been fixed.

模板编辑模式最初可用于街区主题和经典主题。在 5.8 leads 频道经过深思熟虑的讨论后，决定让模板编辑器选择加入经典主题，选择退出块主题(另请参见 pull # 32858 )。

据卡罗莱娜·尼马克:

最初，所有主题都支持模板编辑。主题开发者担心他们无法更新所有现有的经典主题来支持这一新功能。随着最新的变化，发布团队和编辑团队选择改变模板编辑，以选择加入经典主题。

要选择经典主题，现在开发者应该添加主题支持:

add_theme_support( 'block-templates' );

使用 theme.json 的经典主题可以通过移除主题支持来退出:

remove_theme_support(  'block-templates' );

想要更详细地了解模板编辑模式在 WordPress 5.8 中是如何工作的，以及一些有用的用法示例，请务必观看 Anne McCarty 的视频:

主题块

如前所述，FSE 不是一个单一的功能，而是一套完整的网站建设功能，不仅仅与网站编辑器相关。模板编辑模式就是一个例子。但是连同模板编辑，WordPress 5.8 也带来了许多主题块，可以显示从数据库中动态检索的信息。其中一些块也可以在非 FSE 上下文中使用(参见 issue # 28744 )。

Full Site Editor blocks available in non-FSE contexts since WordPress 5.8.

主题块为经典主题带来了模板标签功能，你可以像普通块一样使用它们。例如，您可以在文章内容或模板的任何地方添加文章标签或文章的特色图片。要了解 WordPress 5.8 添加到核心的主题块的数量，只需在块占位符中键入 /post :

Suggested theme blocks.

WordPress 5.8 中一个有用的主题块是登录/退出块，它提供了登录和注销链接。它可以选择显示登录表单而不是链接。站点管理员也可以定制重定向目标(参见 PR # 29766 )。

关于 FSE 块的详细视图，请参见 Github 上的“在经典主题中启用完整的站点编辑器块”一期。
T3】

查询循环块

有多少次你发现自己需要显示一个定制的博客文章列表或者定制的文章类型？想想产品、事件、房地产……当然，你有大量的插件可供选择，但是创建高度定制化查询的能力通常需要开发人员掌握 WordPress 循环的技能。

随着 WordPress Core 中查询循环块的引入，网站所有者和管理员可以创建帖子和 CPT 列表，而无需编写复杂的代码或雇佣开发人员，至少在最常见的用例中是如此。

那么，查询循环块做什么呢？

简而言之，它做的工作和 WordPress 循环一样，但是在块编辑器的可视上下文中。

查询循环块根据用户在 WordPress 数据库上的设置执行查询，遍历每个检索到的帖子，并在页面上显示数据。

经过集约化开发，该区块达到目前的结构，现在由两个嵌套的区块组成:查询和帖子模板区块。

List View of a Query Loop block.

作为一项高级功能，查询循环块需要一些配置。

首先，您可以在转盘和网格视图中列出的不同块模式之间进行选择。一旦你选择了你的模式，只需点击选择，查询循环块将生成你的定制帖子列表。

Query Loop block patterns in Grid view.

如果你点击开始空白，你会看到四个核心区块变化列表:标题&日期；标题&节选；标题，日期&摘录；以及图像、日期&标题(参见区块设置上的提供图案)。

Query Loop block variations.

一旦就位，选择查询循环块将显示块设置侧栏，您可以在这里构建您的查询。您可以从 URL 继承查询，也可以定制查询参数:要包含在列表中的帖子类型、显示顺序以及是否有帖子。

您还可以设置几个过滤器，从类别、作者和关键词中进行选择。

The Query Loop block with sidebar settings.

此外，块工具栏中的显示设置按钮提供了更多设置来控制每页的项目数、偏移量和显示的最大页数。

Display Query Loop block settings.

是的，查询循环块是一个强大的工具，允许站点所有者创建高度定制的帖子列表和定制的帖子类型。

但是，如果您浏览一下 WP_Query 类参数，很明显，使用代码可能的定制级别比使用查询循环块可能的定制级别要精细得多。

然而，它确实是一个有价值且灵活的工具，适用于许多用例，我们很可能会在未来看到进一步的增强。

信息

在过去的几周里，查询循环和 Post 模板块已经被重命名了几次。最终的命名已经与古腾堡 10.9 达成。

帖子编辑器中的持久列表视图

另一个扩展到帖子编辑器的 FSE 特性是持久列表视图。在 WordPress 5.8(和古腾堡 10.7 )之前，列表视图显示在弹出窗口中。当将焦点移出弹出窗口时，列表会消失。

相反，站点编辑器在包含整个块树的侧边栏中显示列表视图。

在 WordPress 5.8 中，列表视图现在显示在文章编辑器的侧边栏中，允许用户更快更精确地浏览区块树。

The List View sidebar in WordPress 5.8.

单击列表视图中的一个项目会突出显示该列表项目，并将焦点移动到 Post 编辑器画布中的相应块。此外，如果您将鼠标悬停在列表视图中的项目上，项目和帖子编辑器中相应的块都会高亮显示。

Hovering over the items in the List View.

最后，将锚点添加到块中也会出现在列表视图中相应项目的旁边。

Adding an anchor to blocks in WordPress 5.8.

有了对列表视图的所有这些增强，导航复杂的文档应该会容易得多。

基于块的小部件编辑器和定制器中的块小部件

基于块的小部件编辑器是一个范围的项目，旨在将块编辑器的界面引入经典主题小部件。

新的窗口小部件编辑器为大多数仍在使用经典主题的人提供了许多优势。同时，它允许他们在 block 界面成为所有 WordPress 用户的标准之前熟悉它。

Block widgets modal.

正如 Anne McCarty 指出的，基于块的小部件提供了几个优势，包括以下几点:

您现在可以使用分栏、分隔符、间隔符和其他设计块在侧栏、页眉和页脚中创建布局。
小部件现在默认支持富文本编辑，不需要用户添加自定义代码或嵌入带有插件的第三方 HTML 编辑器。
许多基于短代码的小部件现在可以作为块使用，简化了编辑体验。

Andrei Draganescu 还强调了从基于块的界面编辑小工具的优势:

将窗口小部件功能升级到块的主要好处是能够使用您在编辑页面或站点上的帖子时使用的熟悉的块交互来直接编辑窗口小部件。从无代码迷你布局到利用庞大的核心和第三方块库来创建内容，能够使用块打开了大量新的创作可能性。

你不必担心你的小部件在 WordPress 5.8 中可能会停止工作，因为社区已经努力工作以确保向后兼容以便“现有的小部件和第三方小部件将继续工作，并且可以与块一起使用”(参见WordPress 5.8 中基于块的小部件编辑器)。

但是同样，为了防止你现有的 WordPress 安装上的任何兼容性问题，不要忘记在更新你的 live 站点之前在一个暂存环境中测试新版本。

对于那些现在选择不使用基于块的小部件编辑器的人来说，仍然可以通过三种不同的方式恢复经典的小部件屏幕:

可以安装官方经典 widgets 插件，恢复 Widgets 屏幕之前的界面。该插件“将被支持和维护到至少 2022 年，或者只要有必要”。
主题开发者可以像往常一样通过移除主题支持来禁用基于块的小部件编辑器:
```
remove_theme_support( 'widgets-block-editor' );
```

也可以使用新的use_widgets_block_editor过滤器:

add_filter( 'use_widgets_block_editor', '__return_false' );

参见微件模块编辑器概述中的恢复经典微件编辑器。

阻止定制器的小部件

作为同一个项目的一部分，WordPress 5.8 也为定制器带来了块部件。

Block widgets in the customizer.

在定制器中添加基于块的小部件非常简单。您可以通过点击微件面板右上角的加号图标启动定制微件插入器。

The customize widgets inserter.

您也可以从 widgets 面板的底部启动快速插入器，如下图所示。

The customize widgets quick inserter.

在撰写本文时，新的小部件编辑界面仍然需要改进和 bug 修复，但是定制的可能性实际上是无限的。

基本上，从 WordPress 5.8 开始，你将拥有定制器中的块编辑器的能力，并且你将能够毫无争议地构建高度定制的边栏。

Show more settings.

基于块的小部件编辑器 dev-note 为开发者提供了基于块的小部件编辑器的更深入的概述，以及示例和资源。

块编辑器的功能和改进

除了第一个 FSE 实现之外，WordPress 5.8 还为块编辑器的几个元素带来了新的特性和增强，这显著地改善了整体的编辑体验。

这些变化包括:

媒体和文本块增强

将一个块转换成一个列块已经有一段时间了。但是，所有转换为列的块都只有一列。对于媒体&文本块来说，这可能导致次优的结果，因为单列通常不适合。

Media & text block transforms and styles.

从 WordPress 5.8(和 Gutenberg 10.2 )开始，将媒体&文本块转换为列块会自动添加两列:一列用于图像，另一列用于文本。

Two columns transformed for media and text.

可重用模块改进

可重复使用的区块允许用户保存一个区块或一组区块，以便以后在网站的任何帖子或页面中重复使用。这对于那些在不同的帖子/页面中重复包含同一个块或一组块的用户非常有用。

A modal for the reusable blocks creation flow.

有了 WordPress 5.8，可重用的块在视觉上更加清晰，让 WordPress 用户更容易管理。

A reusable block in WordPress 5.8.

以下是用户将网站升级到 WordPress 5.8 后，可重用区块的快速改进列表:

创建可重用块时，模式现在允许用户为块指定名称。
可重用块的名称现在显示在块工具栏、导航列表和面包屑中。
当选择一个子块时，可重复使用的块现在会显示出来。这标志着可用性的显著提高，因为它允许您轻松识别父块及其内容。
现在可以在侧边栏检查器中修改块名了。

Reusable block outlines.

标准化块工具栏

重新排列了几个块工具栏，以提供跨块的一致的用户界面，并改善用户体验。现在，工具栏控件按照“元、块级、内联”的语义顺序进行分组。

Heading block toolbar.

从古腾堡 10.1 和古腾堡 10.3 开始，一整套的 block 工具栏被规范化。这些包括一个图像，按钮，按钮，列表，标题，段落，引用，音频，文件，媒体&文本，视频等等。

根据马蒂亚斯·文图拉的说法:

工具栏中的语义分组——元、块级、内联——也应该有一个带有边框的可视化表示。现在独立的块级控件有不同的表现形式，包括像导航这样的情况，每个控件都有边框。

Normalized image block toolbar.

因此，从 WordPress 5.8 开始，块工具栏将控件分组到由边框包围的片段中。此外:

Meta 段包含块类型的控件，如块切换器、拖动手柄和移动器控件。
块级段包含影响整个内容的特定块工具，如段落块中的对齐或图像块中的链接。
内联级别/其他段包含内联转换工具，例如文本块中的内联格式。
更多菜单包括附加工具。

下图比较了 WordPress 5.7 和 5.8 中的图像块工具栏:

Image block toolbar in WordPress 5.7 vs WordPress 5.8.

顶级工具栏改进

在以前的 WordPress 版本中启用了顶部工具栏模式，顶部工具栏和块工具栏并排显示，如下图所示:

The top toolbar on wide screens in WordPress 5.7.

在 WordPress 5.8 中，启用顶部工具栏视图会将块工具栏固定在编辑器的顶部，就在顶部工具栏的下面。这与浏览器的宽度无关，可以显著改善用户体验。

The top toolbar on wide screens in WordPress 5.8.

这一增强也为开发人员带来了变化，因为它统一了<BlockTools />组件下的工具栏 API(参见 PR # 31134 )。

嵌入式 pdf

当一个 PDF 文件通过文件块添加到文档中时，一个新的侧边栏开关允许您启用/禁用一个嵌入的 PDF 版本(参见 PR # 30857 )。

An embedded PDF in WordPress 5.8.

您可以将文件直接拖到编辑器画布上，或者直接从库中选择它。也可以手动调整 PDF 查看器的高度或使用侧边栏控件。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

除了移动浏览器之外，所有主流网络浏览器都支持 PDF 查看器。

双色调块支持

WordPress 5.8 合并到 Core 中的最有趣的功能之一是双色调过滤器，最初是在 Gutenberg 10.6 中引入的。

The new duotone design tool in an image block.

作为“块支持”功能，双色调滤镜默认在核心图像和封面块中启用。然而，在封面模块中，它不能与固定背景一起使用。

The new duotone picker in WordPress 5.8.

图像和封面块工具栏现在显示一个应用双色调过滤器控件，显示一个双色调选择器，有许多预设可供选择。

两个子控件允许分别定制阴影和高光。该效果是用一个隐藏在内嵌样式中的 SVG 过滤器应用的，并使用一个特定的类名应用。

Inspecting the duotone SVG filter in Chrome DevTools.

新工具附带了一个新的color.__experimentalDuotone属性，允许开发人员将双色调滤镜添加到他们的 block.json 文件中的块或块的部分中(更多信息请参见颜色对象参考):

supports: {
	color: {
		__experimentalDuotone: '> .duotone-img, > .duotone-video',
		background: false,
		text: false
	}
}

当一个块声明支持color.__experimentalDuotone时，一个style属性可以用来设置自定义默认颜色:

attributes: {
	style: {
		type: 'object',
		default: {
			color: {
				duotone: [
					'#FFF',
					'#000
				]
			}
		}
	}
}

下面你可以看到应用了两种不同双色调效果的相同图像:

Duotone color filter applied over an image.

A different duotone color filter applied over an image.

开发者可以在 theme.json 文件中定义双色调预置(参见下一节)，如下面的代码片段所示:

{
"version": 1,
"settings": {
	"color": {
		"duotone": [
			{
				"colors": [ "#000", "#7f7f7f" ],
				"slug": "black-and-white",
				"name": "dark-grayscale"
			}
		],
	...

你可以在用双色调滤镜给你的图像上色中了解更多关于双色调滤镜的信息。

表格块颜色和边框

WordPress 5.8 也为表格块带来了一些的增强，包括对表格背景和前景颜色的更好控制。

Enhanced Table block Color settings.

表格块的另一个新增功能是边框块支持，它让用户能够控制边框颜色、样式和宽度。

如果活动主题支持新功能，新的边框设置面板为用户定制提供了三个新控件。

Border block controls in WordPress 5.8 and TT1 Blocks.

开发者可以通过在 theme.json 文件中添加以下代码来为他们的主题添加边框块支持:

"border": {
	"customColor": true,
	"customStyle": true,
	"customWidth": true
}

对块插入器的改进

在 WordPress 5.8 中，插件已经增加了几个功能 (PR # 26938 和# 21080 ):

Pressing the arrow up and down moves the row focus.

1。块插入器上的二维键盘导航。现在，我们可以更精确、更直观地在块之间导航。

按下向上箭头键(↑)和向下箭头键(↓)将焦点移到上面或下面的行。
按下 Tab 或 Shift + Tab 允许在搜索框、标签列表和每个类别的第一个项目之间移动焦点。

2。模板部件和变体的新“主题”类别现在出现在全站点编辑的插入器中(参见 PR # 30020 )。

3。自动完成短语匹配器现在允许多个单词(参见 PR # 29939 )。

其他块编辑器改进

WordPress 5.8 带来了大量的额外的中小型变化，在这里值得一提。在这些增强功能中，我们要提到以下几点:

覆盖块中的拖放支持

现在你可以从你的桌面拖放图像来替换封面块的背景(见古腾堡 10.3 和 PR # 29813 )。

Drag-and-drop background images in the cover block.

增强的发布 UI

从 WordPress 5.8 开始，发布界面会显示网站图标和标题，让你发布文章或页面的位置更加清晰。

Publishing UI in WordPress 5.7.

Publishing UI in WordPress 5.8.

如果你在全屏模式下或在移动设备上工作，这一增强功能非常有用。

使用 theme.json 阻止设置和样式

在 WordPress 5.8 中，theme . JSON文件成为“配置的中心点”，为主题开发者提供了一种定制编辑器设置和风格的新方法。

使用 theme.json 文件，主题可以设置自定义预设和/或添加对新功能的支持，如双色调和表格边框(参见全局设置&样式)。

根据安德烈·马内罗的说法:

这个新的机制旨在接管和合并以前控制编辑器所需的所有各种add_theme_support调用。

例如，您可以使用以下代码全局设置自定义双色调预设:

{
	"version": 1,
	"settings": {
		"color": {
			"duotone": [
				{
					"colors": [ "#000", "#0FF" ],
					"slug": "black-cyan",
					"name": "Black Cyan"
				}
			],

这将覆盖默认预设，您将只看到一个双色调选项:

Custom duotone preset in theme.json.

这种新机制提供了一种全局或逐块控制设置的方法。例如，您可以通过将以下预设添加到您的 theme.json 文件来全局添加自定义的 12px 字体大小:

需要为你的 WordPress 站点提供超快的、可靠的、完全安全的托管服务吗？Kinsta 提供所有这些以及 WordPress 专家提供的 24/7 世界级支持。查看我们的计划

{
	"version": 1,
	"settings": {
		"typography": {
			"customLineHeight": true,
			"fontSizes": [
				{
					"slug": "extra-extra-small",
					"size": "12px",
					"name": "Extra extra small"
				},
				{...}

这就产生了一种新的字体大小，用户可以在内容中使用任何文本。

A globally defined custom font size in theme.json.

如果您只想自定义段落块，您的代码会稍有不同:

{
	"version": 1,
	"settings": {
		"blocks": {
			"core/paragraph": {
				"typography": {
					"fontSizes": [
						{
							"slug": "extra-extra-small",
							"size": "12px",
							"name": "Extra extra small"
						},
						{
							"slug": "extra-small",
							"size": "16px",
							"name": "Extra small"
						},
						{
							"slug": "small",
							"size": "18px",
							"name": "Small"
						},
						{
							"slug": "normal",
							"size": "20px",
							"name": "Normal"
						},
						{
							"slug": "large",
							"size": "24px",
							"name": "Large"
						}
					]
				}
			}
		}
	}
}

就是这样！您已经为段落块设置了自定义字体大小预设。

A paragraph block with custom font size presets.

核心块已经更新以遵循新的机制，而第三方块可以使用 React useSetting钩子来适应新的机制(在 dev-note 和 API 文档中阅读关于该函数的更多信息):

const isEnabled = useSetting( 'spacing.margin' );

信息

在 theme.json 中声明的设置将优先于通过add_theme_support声明的设置。

基于 theme.json 文件的新机制不仅仅适用于 block 设置。事实上，从 WordPress 5.8 开始，将不再需要创建编辑器样式并对它们进行排队。在 theme.json 文件里面声明预置就够了；引擎将生成类，并自动将它们排入编辑器和前端。

引擎还会生成相应的 CSS 自定义属性。

在前面的例子中，我们为段落块设置了五个fontSizes预设。对于这些预设，将生成以下 CSS 自定义属性:

p {
	--wp--preset--font-size--extra-extra-small: 12px;
	--wp--preset--font-size--extra-small: 16px;
	--wp--preset--font-size--small: 18px;
	--wp--preset--font-size--normal: 20px;
	--wp--preset--font-size--large: 24px;
}

一旦你在你的主题. json 文件中设置了段落字体大小，相应的p元素就会采用has-{preset-slug}-{preset-category}类。

这意味着具有extra-extra-small字体大小的段落将获得has-extra-extra-small-font-size类:

<p class="has-extra-extra-small-font-size">Lorem ipsum dolor...</p>

这是 CSS 声明块:

p.has-extra-extra-small-font-size {
	font-size: var(--wp--preset--font-size--extra-extra-small) !important;
}

为了用 theme.json 更近距离地查看设置和样式，请确保查看开发笔记和 API 文档。

此外，请查看安妮·麦卡蒂的 FSE 呼吁测试以获得更多有用的阅读资料，以及对想要探索新主题. json 功能的开发人员的一个令人兴奋的挑战。

阻止 API 增强

WordPress 5.8 的 Block API 增强功能值得插件开发者的特别关注。

现在鼓励使用 block.json 文件作为注册块类型的标准方式，并提供了几个优点:

关于性能，如果主题支持资产的惰性加载，通过 block.json 文件注册块类型会自动优化资源排队。这是因为由style和script属性指定的资源只有在检测到块时才会在前端排队。这允许开发更高效的插件，减少页面大小，并防止本文中提到的几个问题。
block.json 文件通过允许块类型 REST API 端点列出块来简化服务器端块注册。
如果你决定将你的 block 插件提交到 WordPress 插件目录，也需要 block.json 文件。

更改寄存器块类型函数

从 WordPress 5.8 开始，register_block_type函数得到了增强，可以从 block.json 文件中读取元数据。现在，第一个参数接受 block.json 文件所在文件夹的路径。

该函数的用法如下例所示:

function create_custom_block_init() {
	register_block_type( __DIR__ );
}
add_action( 'init', 'create_custom_block_init' );

失败时返回注册的块类型或false。

正如你可能注意到的，函数register_block_type现在的使用方式和register_block_type_from_metadata函数一样，它以前是唯一可以通过从 block.json 文件中读取元数据来注册块类型的函数。正如 Greg Ziókowski所解释的:

我们决定将register_block_type_from_metadata方法中已有的功能整合到register_block_type中，以避免由此产生的混乱。仍然可以使用这两个函数，但是我们计划从现在开始在官方文档和工具中只使用较短的版本。

一旦在服务器上注册了块，您只需要在客户端上使用您的 index.js 文件中的相同块名注册设置。

要更深入地了解 WordPress 5.8 引入的 block API 增强，请务必查看 Greg Ziókowski 的开发笔记。

WordPress 5.8 中的 WebP 支持

在 Kinsta，我们痴迷于网站速度和 WordPress 性能。这就是为什么 WordPress 5.8 中的 WebP 格式支持对我们来说是如此令人兴奋的消息。

被认为是下一代格式的 WebP 是由谷歌开发的 T2 图像格式，它提供了“比 PNG 或 JPEG 更好的压缩，这意味着更快的下载和更少的数据消耗”

Google Lighthouse suggests using next-gen image formats.

根据谷歌:

WebP 是一种现代的图像格式，为网络上的图像提供卓越的无损和有损压缩。使用 WebP，网站管理员和 web 开发人员可以创建更小、更丰富的图像，使 web 速度更快。

与 png 相比，WebP 无损图像的大小要小 26%。在同等的 SSIM 质量指数下，WebP 有损图像比同等的 JPEG 图像小 25-34%。

从 WordPress 5.8 开始，你可以像使用 JPEG、PNG 和 GIF 格式一样使用 WebP 图像格式。只需将您的图像上传到您的媒体库，并将其包含在您的内容中。

在之前的一篇文章中，我们深入研究了 WebP 格式以及在 WordPress 中使用它的工具。现在，由于在 WordPress 5.8 中对 WebP 图片的支持，事情有些变化。由于 WebP 格式支持开箱即用，你不需要安装第三方插件在 WordPress 中上传 WebP 图片，至少在最常见的用例中是如此。

注意，尽管你现在可以使用媒体库上传你的 WebP 图片到 WordPress，但是 WordPress 不支持自动转换成 WebP 格式。要在你的网站上启用该功能，你需要一个第三方的 WebP WordPress 插件。

如何在 WordPress 中使用 WebP 图片

您可以通过多种不同方式将图像转换为 WebP:

你可以使用 Google 的预编译的 WebP 工具和库用于 Linux、Windows 或 Mac OS X。
Mac 用户可以安装一个包管理器，比如家酿 WebP 包或者 Macports WebP 包。
你可以使用支持 WebP 的图像编辑工具，比如谷歌 Chrome Labs 的 Squoosh ，批处理图像转换器 XnConvert ，像 GIMP 这样的流行图像编辑器，等等。
你可以安装一个 WebP WordPress 插件来更好地控制 WordPress 中的 WebP 图片。

Export image as WebP in GIMP.

如果你选择命令行工具，你可以使用 cwebp 和 dwebp 工具对你的图像进行编码和解码。例如，以下命令执行基本的 JPEG 到 WebP 转换:

cwebp [options] original_image.jpg -o compressed_image.webp

您还可以使用 Bash 和 cwebp 运行图像的批量转换(Jeremy Wagner 的例子):

find ./ -type f -name '*.png' -exec sh -c 'cwebp -q 75 $1 -o "${1%.png}.webp"' _ {} \;

上面的命令转换所有的**。png** 图片到**。压缩系数为 75 的 webp** 格式。

Comparison of compression factor and file sizes.

一旦你有了你的 WebP 图片，你可以简单地使用 WordPress 媒体库上传它们。下面您可以在媒体库中看到转换前的 127 KB JPEG 图像:

The compressed JPEG file size is 127 KB.

压缩后的 WebP 图像比原始 JPEG 图像小 42%!

The same image in WebP format is 74 KB.

最后，WebP 图像具有与 JPEG、PNG 和 GIF 图像相同的编辑功能。您可以裁剪、旋转、翻转和缩放它们，并对您选择的图像大小进行更改。

WordPress 5.8 中关于 WebP 的警告

根据亚当·银色啤酒杯乐队的说法:

WebP 图像支持有损和无损压缩，以及动画格式和对透明图像的支持。在 WordPress 中，只有当托管服务器使用 Imagick(PHP 库)时才支持无损 WebP 格式，直到 LibGD 添加了支持。此外，调整大小的图像尚不支持动画和 alpha 格式(当您上传这些格式的图像时，会创建有损图像)。

如果您的 web 主机不支持 WebP 图像，您会在尝试上传它们时看到一条错误消息。如果您不确定您的 web 主机是否支持 Imagick 库，站点健康工具信息选项卡包括一个提供该信息的 Imagick 库字段。

Kinsta supports the Imagick library.

有了 WebP 支持，WordPress 5.8 还在站点健康的媒体处理部分引入了两个额外的字段:ImageMagick 版本和 ImageMagick 支持的文件格式。

ImageMagick version field in Site Heath.

如果 WebP 没有列在支持的文件类型中，您需要联系您的 web 主机以获得支持。

dev-note 提供了关于 WordPress 5.8 中 WebP 支持的附加信息，有用的 FAQ，以及更多的资源。

如果您对图像优化感兴趣，您可能也会喜欢以下教程:

如何针对网页和性能优化图像
为什么以及如何对你的 WordPress 图片使用有损压缩
如何在 WordPress 上使用 WebP 图片(并将图片文件大小缩小 35%)
15 种最佳图像文件类型
关于 WordPress 图片尺寸你需要知道的一切

面向开发人员的附加功能

你会在 WordPress 5.8 中发现许多令人兴奋的特性。在本文中，我们将更多的注意力放在了那些对您的开发工作有最重要影响的方面。但确实有很多值得关注的新特性，包括以下几点:

块支持 API

WordPress 5.8 增加了新的 block 支持标志，允许开发者用最新的 block 特性定制注册的 block。

除了前面提到的实验性的双色调区块支持(color._experimentalDuotone)，WordPress 5.8 还增加了对链接颜色的支持。要利用此功能，只需将以下标志添加到块元数据中:

supports: {
	color: {
		link: true;
	}
}

您可以使用属性设置默认值，如下例所示，或者在 theme.json 中设置预设:

attributes: {
	style: {
		type: 'object',
		default: {
			color: {
				link: '#FF0000',
			}
		}

其他块 API 更改包括:

fontSize和lineHeight支架变得稳定。
spacing支持范围扩大，现在可以控制margin和padding，还可以单独控制top、right、bottom和left的大小。

你可以在 Block supports API 更新 dev-note 中阅读更多关于 WordPress 5.8 中 Block Supports API 的内容。

关于如何使用 Block Supports API 的详细信息，请参见 Block Supports API 官方文档。

站点健康自定义选项卡

两个新的挂钩现在允许开发者将他们的定制标签添加到站点健康界面，并定制可用的屏幕。

site_health_navigation_tabs过滤器是选项卡 id 和标签的关联数组，用于在站点健康屏幕中注册新选项卡。您可以通过将以下示例代码添加到您的主题的函数文件或自定义插件中来使用过滤器:

function kinsta_site_health_navigation_tabs( $tabs ) {
	$tabs['kinsta-site-health-tab'] = esc_html_x( 'Kinsta', 'Site Health', 'text-domain' );

	return $tabs;
}
add_filter( 'site_health_navigation_tabs', 'kinsta_site_health_navigation_tabs' );

下图显示了新的站点健康选项卡:

A custom tab added to the Site Health navigation menu.

多亏了site_health_navigation_tabs过滤器，还可以对标签重新排序或删除一个或多个项目。

除了默认的状态屏幕外，当用户访问站点健康屏幕时，触发 site_health_tab_content动作。您可以使用这个钩子，如下面的代码片段所示(示例来自 dev note ):

function kinsta_site_health_tab_content( $tab ) {
	// Return if this is not your tab.
	if ( 'kinsta-site-health-tab' !== $tab ) {
		return;
	}

	// Include the interface, kept in a separate file just to differentiate code from views.
	include trailingslashit( plugin_dir_path( __FILE__ ) ) . 'views/kinsta-site-health-tab.php';
}
add_action( 'site_health_tab_content', 'kinsta_site_health_tab_content' );

首先，它检测当前选项卡是否是您的自定义选项卡，然后从一个加载您的站点健康屏幕内容。php 文件。site_health_tab_content动作还允许开发者扩展默认的信息标签，添加特定于他们的插件或主题的信息。

块编辑器 API 更改以支持多个管理屏幕

在 WordPress 5.8 中，post 编辑器不再是唯一使用 block editor 的管理界面(widgets 界面就是一个例子)。

核心贡献者发现了服务器上根据$post对象定义的几个钩子。该对象不存在于站点编辑、小部件和导航屏幕中。接下来，一些过滤器被弃用，代之以上下文感知的替代物。

此外，引入了一个新的代表当前块编辑器上下文和各种方法的WP_Block_Editor_Context类。

这些变化用新的功能改进了这些屏幕，并使开发人员能够添加他们的定制。

有关与管理屏幕相关的块编辑器 API 更改的完整列表，请参见 Greg Ziókowski 的开发说明。

其他特性和增强功能

WordPress 5.8 为开发者带来了如此多的新特性和变化，以至于我们不可能在本文中一一提及。但是，我们收集了一系列本文未涉及的开发笔记，供您进一步阅读:

WordPress 5.8 introduces the first implementation of Full Site Editing 🎁 Curious about the future of WordPress? Don't miss our in-depth overview of the major features and changes coming with WordPress 5.8 🚀Click to Tweet

摘要

WordPress 5.8 标志着全网站编辑道路上的一个里程碑。但是今年第二次发布的 WordPress 带来的不仅仅是 FSE。用户和开发人员会发现对块编辑器的大量改进，新的 theme.json 机制，更强大的块 API，WebP 图像格式支持，等等。

我们对块编辑器及其 UI 的大大小小的改进印象特别深刻。我们喜欢块之间改进的可导航性、改进的块工具栏、界面的丰富清晰度以及对几个块的增强。

这些小小的改变一点一点地改善了编辑体验，而且，在几乎没有意识到的情况下，我们发现自己正在使用更好、更健壮的软件。那是 WordPress ！

现在交给你了！你对全网站编辑有什么想法？你最喜欢 WordPress 5.8 的哪些变化？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 5.9 的新功能——全站点编辑、全局样式、块、模式、API、UI 增强等等

原文：https://kinsta.com/blog/wordpress-5-9/

约瑟芬来了！今年的第一个 WordPress 版本最初计划于 2021 年 12 月 14 日发布。由于几个公开的问题和未解决的 bug，最终的发布被推迟，最终在 2022 年 1 月 25 日发布。

如果你想知道 WordPress 5.9 有什么新功能，简短的回答是全站点编辑 (FSE)。

事实上，许多 5.9 的特性只有在你使用支持全站点编辑的主题时才可用，比如全新的默认主题，Twenty Twenty Twenty。

Twenty Twenty-Two preview, showing the text "Category: Birds" and pictures of various types of birds.

A preview of Twenty Twenty-Two, the new WordPress default theme. (Image source: WordPress.org)

有了 WordPress 5.9，我们就进入了古腾堡路线图第二阶段的核心部分:T2 定制阶段，主要集中在网站编辑、区块模式、区块目录和基于区块的主题上。

下个月即将推出的 5.9 版本，我想说，我们处于 MVP 阶段，这是古腾堡定制阶段的最小可行产品。

这些来自马特·莫楞威格的话最好地总结了新 WordPress 发布的主要特点。

The Gutenberg roadmap, showing four blocks for their four main goals for improvement: easier editing, customization, collaboration, and multilingual.

The Gutenberg roadmap. (Image source: Matt Mullenweg: 2021 State of the Word)

也就是说，2022 年的第一个 WordPress 版本有什么新的？

让我们来了解一下！

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

全局样式:用于 theme.json 的图形界面

随着 2021 年 WordPress 5.8 的发布，操纵 theme.json 文件成为主题开发者定制编辑器设置和样式的标准方式。

WordPress 5.9 引入了一个图形界面，允许用户为他们的网站定制风格预置，无论是全局的还是块级的，无需编写一行代码。

全局样式机制应该会显著改变你习惯于定制网站外观的方式，因为全局样式会影响 WordPress 网站设计的几个方面。

首先，全局样式界面取代了定制器，并且现在是用块主题定制设置和样式的唯一方式。同样，复杂的主题选项管理页面将不再需要。这提供了一种新的配置主题设置和样式的标准方法，同时，应该可以简化主题开发工作流。

有了全局样式，WordPress 用户可以获得对他们网站的更多控制，无论是全局的还是块类型的，超越了个人页面或文章的上下文。

站点编辑器中现在有了一个新的侧边栏，在它的顶部你会发现一个小的预览面板和四个组件，顺序如下:

排版
颜色
布局
块

我们可以预期随着时间的推移会有新的组件添加进来。

The Global Styles sidebar open on a WordPress page that's using the Twenty Twenty-Two theme, showing typography options such as

The Global Styles sidebar with the Blockbase theme by Automattic.

让我们仔细看看新的界面。

到了！🎉你需要知道的关于 WordPress 5.9 的一切，都在一篇大帖子里😄 点击推文
【CTA】

样式预览

全局样式工具条中的第一个元素是一个预览面板。此面板允许您检查定制的结果，并且当您的更改应用于站点编辑器画布中不可见的元素时特别有用。

下图显示了三种不同的风格组合:

Global Styles previews for three styles of different colors (green, yellow, and navy) shown side by side.

Global Styles previews compared.

排印

排版面板是你控制网站排版的地方。当然，这个面板中可用的控件取决于您的 theme.json 设置。

例如，二十个二十一个街区 (TT1 街区)主题声明了以下版式属性:

"settings": {
	"typography": {
		"customLineHeight": true,
		"fontSizes": [],
		"fontFamilies": []
	}
}

下图显示了全局样式边栏中产生的版式设置:

Typography settings in TT1 Blocks Global Styles, showing three side-by-side panels with various typography options such as font family, text size, and colors.

Typography settings in TT1 Blocks Global Styles.

让我们深入一点，看看 TT1 Blocks 主题如何声明fontFamilies:

"fontFamilies": [
	{
		"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
		"slug": "system-font",
		"name": "System Font"
	},
	{
		"fontFamily": "Helvetica Neue, Helvetica, Arial, sans-serif",
		"slug": "helvetica-arial"
	},
	{
		"fontFamily": "Geneva, Tahoma, Verdana, sans-serif",
		"slug": "geneva-verdana"
	},
	{
		"fontFamily": "Cambria, Georgia, serif",
		"slug": "cambria-georgia"
	},
	{
		"fontFamily": "Hoefler Text, Baskerville Old Face, Garamond, Times New Roman, serif",
		"slug": "hoefler-times-new-roman"
	}
]

您可以在“全局样式预览”面板中检查这些字体系列:

Six different previews of the same text ("Aa") with different font families applied.

Font families available in Twenty Twenty-One Blocks.

颜色；色彩；色调

在颜色部分，您可以查看和编辑调色板，并自定义几个站点元素的颜色。

Colors panel in TT1 Blocks, showing a palette of four different colors (red, navy, silver, and green).

Colors panel in Twenty Twenty-One Blocks

通过点击这些元素，您可以访问一个新的面板，您可以从三个调色板中选择颜色:核心、主题和自定义调色板(在默认颜色、主题颜色和自定义颜色中了解更多信息)。

TT1 Blocks colors settings, showing various color circles for three separate palette options: Theme, Default, and Custom.

Color settings in Twenty Twenty-One Blocks

在这个面板中，您可以设置和修改当前元素的颜色。

A color picker selecting a deep red color in the Global Styles panel.

Customizing link color in Global Styles.

布局

最后一组工具用于布局定制。在全局上下文中，这仅限于站点容器。

The global padding setting in the Global Styles panel, showing an alteration of the previous padding pixel size.

Layout settings in Twenty Twenty-One Blocks.

阻碍

随着全局样式机制的实现，现在还可以更改特定块的外观，比如段落(版式和颜色)、按钮(布局)和列(颜色和布局)。

注意，只有当块在相应的 block.json 文件中声明支持特定功能时，才能从全局样式接口定制块样式。例如，core/post-title块目前支持以下样式:

"supports": {
	"align": [ "wide", "full" ],
	"html": false,
	"color": {
		"gradients": true,
		"link": true
	},
	"spacing": {
		"margin": true
	},
	"typography": {
		"fontSize": true,
		"lineHeight": true,
		"__experimentalFontFamily": true,
		"__experimentalFontWeight": true,
		"__experimentalFontStyle": true,
		"__experimentalTextTransform": true,
		"__experimentalLetterSpacing": true,
		"__experimentalDefaultControls": {
			"fontSize": true,
			"fontAppearance": true,
			"textTransform": true
		}
	}
},

由于core/post-title块支持颜色、间距和排版，您可以在文章标题块的全局样式设置中找到相应的条目。

下图显示了排版设置，您可以很容易地将其与上面的代码进行比较:

Post Title typography settings in WordPress 5.9, showing a wide variety of options, including (among many others) Post Title (which is highlighted), Post Author, Table, Site Title, and Navigation.

Customizing Post Title typography settings

值得注意的是，WordPress 5.9 只提供了全局样式接口的第一个实现。正如 Matias Ventura 指出的，我们有理由期待新款控制功能的进一步发展:

将来，系统中会内置一些流程，允许您从局部样式转移到全局样式，例如对按钮块进行定制，并选择将它们的全局更改应用于该类型的所有按钮。

因此，我们可能很快就会看到重大改进。下图只是我们可能预期的一个例子:

A mockup of a possible future panel for changing link state colors, including options for Resting, Hover, Focused, and Selected.

In the future, you can control the link state color. (Image source GitHub)

额外的改进可能包括主题的能力到提供可选的调色板和多种全球风格变化。

上周，我在超级简单的儿童主题中建立了一些 Twenty Twenty 2 的颜色+字体变化。它们真的很轻便，我喜欢这个想法，只需一次点击就能给人们提供一个完全不同的网站。🎉https://t.co/dItIkvvhK9pic.twitter.com/rB4CcTfW0AT2

— kjellr (@kjellr) November 15, 2021

WordPress 6.0 的新特性:新的模块、风格切换、模板编辑、Webfonts API 等等

原文：https://kinsta.com/blog/wordpress-6-0/

WordPress 6.0 Arturo 在这里，像往常一样，我们躲在窗帘后面给我们的读者一个预览最新 WordPress 主要发布的新内容。

让我们马上说，如果说 WordPress 5.9 把我们带到了古腾堡第二阶段的核心，那么 WordPress 6.0 旨在整合已经可用的定制工具。

但是新版本不仅仅如此。正如 Matias Ventura 在 6.0 的初步路线图中指出的，站点编辑器的引入标志着一个巨大的里程碑，但也只是旅程中的第一步。

WordPress 6.0

WordPress 6.0 Arturo is out

WordPress 6.0 在 CMS 的几个方面带来了显著的改进，从可用性到性能，包括以下方面:

改进的信息架构和模板浏览体验
改进的模板创建
新挂钩
Webfonts API
网站编辑器的新浏览模式
替代全局样式
增强的导航块
新的设计工具
改进的性能
还有更多…

但是等等，这还不是全部。WordPress 6.0 带来了令人印象深刻的变化，有 251 个 Trac 标签，包括 97 个功能和增强以及 131 个错误修复。

是的，有很多要谈的。所以我们不要再拖延了，来看看 6.0 版的 WordPress 有什么新功能吧。

WordPress 6.0 is here! 🥳 It brings improved template creation, alternative Global Styles, new blocks, and much much more... 🎁 Check out what's new in the latest WordPress major release right here👇Click to Tweet

Webfonts API

一个新的 Webfonts API 现在提供了一种将 Webfonts 加载到 WordPress 的标准化方法，确保了性能和用户隐私。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

从 WordPress 6.0 开始，你只能从你的 theme.json 注册一个新的网页字体。

使用 theme.json 非常简单。你所需要做的就是在typography部分添加一个新的字体系列。以下代码提供了一个 webfont 注册的示例:

{
	"settings": {
		"typography": {
			"fontFamilies": [
				{
					"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
					"name": "System Font",
					"slug": "system-font"
				},
				{
					"fontFamily": "\"Source Serif Pro\", serif",
					"name": "Source Serif Pro",
					"slug": "source-serif-pro"
				},
				{
					"fontFamily": "\"Inter\", sans-serif",
					"name": "Inter",
					"slug": "inter",
					"fontFace": [
						{
							"fontFamily": "Inter",
							"fontWeight": "200 900",
							"fontStyle": "normal",
							"fontStretch": "normal",
							"src": [ "file:./assets/fonts/inter/Inter.ttf" ]
						}
					]
				}
			]
		}
	}
}

上面的代码将 Inter 字体系列添加到 2022 年可用的默认字体集fontFamilies中。如果你想亲自尝试，从谷歌字体下载互联网字体到*。/assets/fonts* 文件夹，然后将上面的代码添加到 Twenty Twenty ' stheme . JSON的settings.typography部分。完成后，保存文件并返回到站点编辑界面。

下图显示了编辑器中的结果。

A screenshot showing a new font family in Twenty Twenty-Two.

A new font family has been registered in Twenty Twenty-Two.

Webfonts API 只注册在当前页面上呈现块所需的字体，这对于在样式变体中定义的 webfonts 特别有用。此外，API 通过按照字体家族注册和排列字体来优化 HTTP 请求的数量。

你可以在 Webfonts API pull 请求、WordPress 6.0 包含的 Webfonts API 的状态以及 WordPress 6.0 的全局样式变化中了解更多关于新 API 的信息。

全局样式切换

全球风格变化是 WordPress 6.0 最令人期待的特性之一。主题作者现在可以将多组全局样式与他们的主题捆绑在一起，使用户只需单击一下就可以在样式变化之间切换。

这很像有现成的子主题，每个主题都有一组预定义的样式。

为了给你的 block 主题添加一个样式变体，你将添加一个替代的 JSON 文件到主题根目录下的样式文件夹中。

支持全局样式变化的主题在全局样式工具条中显示了一个新的浏览样式项目。这将带来一个面板，主题用户可以在其中找到可用样式的列表。

A screenshot showing the Browse styles item in WordPress 6.0.

Browse styles in WordPress 6.0.

从列表中选择一个全局样式，该样式会自动应用到您的整个网站。

A screenshot showing the Browse styles panel in WordPress 6.0.

Picking a style with a single click in WordPress 6.0.

新功能允许主题开发者创造无限的风格变化，并与新的 Webfonts API 完美结合。

下图显示了上一个示例中的自定义样式，对标题应用了不同的字体。

An image showing a style variation with a custom font in WordPress 6.0.

A style variation with a custom font in WordPress 6.0.

如果您想自己尝试一下，将一个 styles 文件夹添加到您的块主题的根目录，用一个有意义的名称创建一个新的 JSON 文件，在您最喜欢的代码编辑器中打开它，并添加以下代码:

{
	"version": 2,
	"settings": {
		"color": {
			"duotone": [
				{
					"colors": [ "#143F6B", "#EFEFEF" ],
					"slug": "foreground-and-background",
					"name": "Foreground and background"
				},
				{
					"colors": [ "#143F6B", "#FEB139" ],
					"slug": "foreground-and-secondary",
					"name": "Foreground and secondary"
				},
				{
					"colors": [ "#143F6B", "#F6F54D" ],
					"slug": "foreground-and-tertiary",
					"name": "Foreground and tertiary"
				},
				{
					"colors": [ "#F55353", "#EFEFEF" ],
					"slug": "primary-and-background",
					"name": "Primary and background"
				},
				{
					"colors": [ "#F55353", "#FEB139" ],
					"slug": "primary-and-secondary",
					"name": "Primary and secondary"
				},
				{
					"colors": [ "#F55353", "#F6F54D" ],
					"slug": "primary-and-tertiary",
					"name": "Primary and tertiary"
				}
			],
			"palette": [
				{
					"slug": "foreground",
					"color": "#143F6B",
					"name": "Foreground"
				},
				{
					"slug": "background",
					"color": "#EFEFEF",
					"name": "Background"
				},
				{
					"slug": "primary",
					"color": "#F55353",
					"name": "Primary"
				},
				{
					"slug": "secondary",
					"color": "#FEB139",
					"name": "Secondary"
				},
				{
					"slug": "tertiary",
					"color": "#F6F54D",
					"name": "Tertiary"
				}
			]
		},
		"typography": {
			"fontFamilies": [
				{
					"fontFamily": "\"Inter\", sans-serif",
					"name": "Inter",
					"slug": "inter",
					"fontFace": [
						{
							"fontFamily": "Inter",
							"fontWeight": "200 900",
							"fontStyle": "normal",
							"fontStretch": "normal",
							"src": [ "file:./assets/fonts/inter/Inter.ttf" ]
						}
					]
				}
			]
		}
	},
	"styles": {
		"blocks": {
			"core/post-title": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--inter)",
					"fontWeight": "700"
				}
			},
			"core/query-title": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--inter)"
				}
			}
		},
		"elements": {
			"h1": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--inter)",
					"fontWeight": "700"
				}
			},
			"h2": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--inter)",
					"fontWeight": "700"
				}
			},
			"h3": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--inter)",
					"fontWeight": "700"
				}
			},
			"h4": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--inter)",
					"fontWeight": "700"
				}
			},
			"h5": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--inter)",
					"fontWeight": "700"
				}
			},
			"h6": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--inter)",
					"fontWeight": "700"
				}
			}
		},
		"typography": {
			"fontFamily": "var(--wp--preset--font-family--inter)"
		}
	}
}

你可以在 GitHub 和 gist 上找到上面例子中使用的完整代码。

开发人员将在全局设置&样式和主题. json 文档文章中找到对全局样式和主题. json 的深入概述。

你也可以查看最新版本的222，它现在有三个新的风格变化。

A screenshot showing the Browse styles panel in Twenty Twenty-Two.

Browse styles in Twenty Twenty-Two.

到处都是方块图案

有一点是肯定的，block 模式在 WordPress 开发的当前阶段扮演着核心角色。随着时间的推移，block 模式得到了定期的改进。

此外，从 WordPress 5.9 开始，模式目录中的模式进入了我们的 WordPress 网站，从模式目录中被动态检索并且被加载到插件中。

现在，由于一种全新的在线工具，任何人都可以成为模式开发人员。模式创建者允许你建立、编辑和提交你最好的积木模式到模式目录。你所需要的只是一个 WordPress.org 的账户。

A screenshot of the Pattern Creator tool.

Searching for images in the Pattern Creator.

WordPress 6.0 引入了对 block 模式的进一步改进。

第一，块模式在模板编辑中更容易找到。现在当你在模板的顶层访问快速插入器时，快速插入器只显示块模式，即当你要添加到模板的块是文档的直接后代时。

这是当下列条件满足时:

您正在编辑块样板
快速反相器位于根级别
您在其他块之间添加了一个块(即不是页面上的第一个也不是最后一个块)

An image showing block patterns in the quick inserter.

The quick inserter only shows block patterns in the template editor.

另一个有用的功能是让主题开发者将推荐的模式添加到 theme.json 中。试一试，搜索模式目录，找到你想推荐给你的主题用户的模式，然后从 URL 中抓取模式 slug 并添加到你的 theme.json 中，如下所示:

"patterns": [
	"image-with-angled-overlay-shape-call-to-action-button-and-description",
	"hero-section-with-overlap-image"
],

用户将在块插入器中找到您推荐的模式。

A screenshot showing recommended patterns in the quick inserter.

Recommended patterns in the quick inserter.

WordPress 6.0 的一个强大的模式相关特性是隐式模式注册。主题现在可以通过将模式声明为主题根目录下新的/patterns目录下的 PHP 文件来隐式注册模式。

这个过程非常简单:

在你的主题根目录下创建一个新的模式文件夹，
在块编辑器中构建块组，
将 HTML 复制并粘贴到一个新的文本文件中，
在前面加上以下标题，
并将该文件作为 PHP 保存在您的 patterns 文件夹中。

<?php
/**
 * Title: My pattern
 * Slug: my-theme/my-pattern
 * Categories: text
 */
?>

仅此而已。您现在有一个新的块模式显示在块插入器中。

A custom pattern in the quick block inserter.

页面创建模式是 WordPress 6.0 引入的另一个块模式相关的特性。现在，当您创建一个新页面时，页面创建屏幕会显示一个模式，提供一组块模式，您可以从中选择来创建您的页面。

只有当至少一个模式声明支持core/post-content块类型时，才会显示模态。

开箱即用，WordPress 6.0 不包括任何这些模式，所以模态不会出现，除非你添加对现有模式的支持。但是将模态添加到页面创建屏幕非常简单。

如果您为您的主题注册了一个 block 模式，如上面的例子所示，您可以使用Block Types属性添加对模式模态的支持，如下面的例子模式所示:

<?php
/**
 * Title: Pattern with columns
 * Slug: twentytwentytwo/pattern-with-columns
 * Block Types: core/post-content
 * Categories: text
 */
?>
<!-- wp:heading -->
<h2>Hello there!</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<img alt=""/>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading -->
<h2>Heading</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Paragraph</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:list -->
<ul><li>List item</li></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

将这段代码保存在主题的/patterns目录下的一个 PHP 文件中。然后，在你的 WordPress 仪表盘上创建一个新页面。您应该会看到一个新的模态，如下图所示:

Page creation patterns

关于页面创建模式的更详细的视图，请参见 WordPress 6.0 中的页面创建模式。

关于区块模式开发的更全面的概述，也可以参见 WordPress 6.0 中使用模式和主题的新特性和 GitHub 上的追踪问题。

网站编辑功能

WordPress 5.9 并没有终结整个网站编辑的发展。WordPress 6.0 通过改进视觉主题构建功能和为 block 主题提供新的模板选项将事情向前推进了一步。更多的功能即将推出。

视觉主题建筑

WordPress 6.0 引入了一个改进的区块主题导出工具，它允许你下载当前主题以及你所有的修改和定制。

如果你到目前为止还没有使用过 block 主题导出工具，它是一个强大的站点编辑工具，允许你将你的样式和模板导出为一个完整的主题。

当你对你的改变感到满意时，从站点编辑器的界面，打开选项侧边栏，找到工具部分。这里有一个导出按钮，可以让你下载当前主题以及所有你定制的风格和模板到一个 zip 文件中。

An image showing the Export a theme option in the editor's interface.

Export a theme from the editor’s interface.

然后你可以导出你的主题并安装在任何 WordPress 网站上。

我们在本地 WordPress 安装上测试了改进的主题导出工具，发现几乎一切都如我们所料…😅

反正导出工具还在开发中，今天只能窥见其巨大潜力。想想从你网站的编辑界面创建你的主题，并在任意数量的安装上分发它们的可能性。那就是你是否是一个开发者…

仍然有许多开放的问题需要解决，这使我们认为我们很快就会看到一些改进。如果你很好奇，想了解更多关于视觉主题构建的知识(就像我们一样)，你可以关注 GitHub 上的追踪问题。

块主题中的更多模板选项

在以前的 WordPress 版本中，我们可用的模板类型数量有限。

A screenshot showing templates in WordPress 5.9.

Adding a new template in WordPress 5.9.

现在，WordPress 6.0 引入了几个新的模板类型，包括作者、类别、日期、标签、分类。

A screenshot showing templates in WordPress 6.0.

Adding a new template in WordPress 6.0.

这一增加应该会简化您的网站编辑工作流程。要尝试一下，只需从下拉列表中选择一个新模板，添加必要的块，保存您的更改，并检查它在前端的外观。是的，就像那样简单。现在，考虑一下上面提到的主题导出特性，你最好理解一下我们对网站编辑的期望。

界面和可用性改进

WordPress 6.0 对用户界面做了很多改变，其中很多都是为了让侧边栏更有序。总的来说，这些变化应该会对整体编辑体验产生相当大的影响。这里我们将只提到其中的几个，但是你可以查看古腾堡发行说明以获得更全面的变更列表(参见古腾堡 12.4 、 12.5 、 12.6 、 12.7 、 12.8 、 12.9 、 13.0 )。

列表视图改进

列表视图受到大量改进组件可用性的变化的影响。

选择时展开列表视图

当您单击编辑器中的某个块时，该块会自动在列表视图中高亮显示。如果块嵌套在父块中，父块展开,显示块树中的项目。

Expanded Group block in List View on block selection.

默认情况下，列表视图是折叠的

在 WordPress 6.0 之前，当你打开列表视图面板时，它默认是展开的。

Default List View in WordPress 5.9.

但是由于帖子通常由复杂的嵌套块结构组成，所以在打开列表视图时让块树折叠起来非常有意义。

在 6.0 中，列表视图在所有编辑器中默认是折叠的，使得块树一目了然。

Default List View in WordPress 6.0.

聚焦于列表视图按钮

当您打开列表视图面板时，现在焦点正确地返回到列表视图按钮。当您从键盘上浏览列表视图时，这一点特别有用，可以带来更流畅、更无缝的编辑体验。

多块选择和拖放

列表视图的另一个变化是允许你在同一级别选择多个块，然后拖动&将它们放到列表中的另一个位置。

块样式预览

在 WordPress 6.0 之前，区块样式预览被放置在区块侧边栏中，占据了样式面板的相当一部分。

Block style preview in WordPress 5.9.

在 6.0 中，只有样式变体的名称出现在样式面板中，而当样式名称被悬停或获得焦点时，样式预览显示在侧栏之外。

这一变化减少了侧边栏的尺寸，应该使样式名称更加明显。

Block style preview in WordPress 6.0.

段落排版部分

为了在块侧边栏中排序，段落块的首字下沉控件已经从其部分移动到排版部分。

有了这个改变，所有的排版设置控件现在都被放在了同一个部分下，带来了更加一致的用户体验。

An image showing Typography settings in WordPress 5.9 vs. WordPress 6.0.

Typography settings in WordPress 5.9 vs. WordPress 6.0.

边框和颜色设置移到了工具面板下

为了在杂乱的设置侧边栏中建立秩序，边框设置和颜色设置控件被移到了工具面板中，并且可以在多种上下文中展开和折叠。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

The new Border settings panel

The new Border settings panel.

这一改变应该可以简化几个块的编辑体验，并使侧边栏更加一致。

The Color panel in WordPress 6.0.

发布后面板类别提醒

当你匆忙或定期发布大量博客文章时，你很容易忘记标签或类别。如果您经常遇到这种情况，您会发现出现在“发布后”面板中的标签提醒非常有用。

现在，为了帮助网站管理员和作者确保他们的帖子被分配了必要的类别，WordPress 6.0 的中有了一个新的建议:当一个类别还没有被添加到帖子中时，分配类别面板会出现在帖子发布面板中。

下图比较了 WordPress 5.9 和 6.0 中的发布面板。

Post Publish panel in WordPress 5.9 vs. 6.0.

添加到站点编辑器的代码编辑器

从 WordPress 6.0 开始，代码编辑器现在也可以在站点编辑器中使用了。与文章编辑器一样，您可以在选项菜单下找到代码编辑器。

WordPress 6.0 adds the Code Editor to the Site Editor.

阻止锁定用户界面

更多设置下拉菜单中的一个新的锁项会打开一个弹出窗口，您可以在其中阻止用户移动或删除块(或两者)。

Locking a group of blocks.

这在模板编辑和可重用块中特别有用，在这些情况下，您还可以限制块编辑。

Locking a reusable Group block.

可以使用新的canLockBlocks设置以编程方式禁用新功能。

以下代码仅对具有编辑者角色或更高角色的用户启用块锁定功能:

add_filter(
	'block_editor_settings_all',
	function( $settings, $context ) {

		$settings['canLockBlocks'] = current_user_can( 'delete_others_posts' );

		return $settings;
	},
	10,
	2
);

开发人员还可以使用lock属性隐藏特定块类型上的块锁定 UI:

{
	"apiVersion": 2,
	"supports": {
		"lock": false
	}
}

你可以在 WordPress 6.0 的块锁定设置中阅读更多关于块锁定的内容。

多重选择

现在可以跨多个区块选择文本。

A screenshot showing text selection across two paragraphs.

Selecting text across two paragraphs.

风格保持

当你变换块或者创建新的按钮时，几个样式现在被保持。

下图显示了具有不同样式的列表块。

A screenshot of a List block with different styles applied.

A List block with different styles applied.

当您将列表块转换为段落时，新的块将保留与以前的列表项相同的样式。

A preview of a list to paragraphs transform.

Transforming a list into paragraphs.

同样的增强也适用于添加到按钮块的新按钮，现在继承了相邻按钮的样式。

新核心模块

核心模块的数量不断增加。如果你想知道当前可用的核心模块是什么，现在有一个手册页提供了古腾堡插件中包含的核心模块的完整列表。对于每一个块，都提供了名称、类别、支持和属性，以及一个有用的链接，链接到块开发者会喜欢的源代码。

WordPress 6.0 将提供更多的区块。在这里找到你可能期待的下一个版本。

注释查询循环

与查询循环块类似，一个新的评论查询循环块显示帖子评论。这是一个高级块，包括几个内部块，您可以分别编辑和配置。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

如下图所示，您可以选择注释查询循环块中包含的任何块，根据自己的喜好自定义其外观。你也可以添加更多的块或者移动或移除现有的块(源代码)。

Configuring the Comments Query Loop block.

查询循环中没有结果

No Results 块是一个块容器，您可以在其中添加任何文本或块，以便在查询没有结果时显示。要将无结果块添加到查询循环中，只需选择查询循环并单击右下角的加号图标即可启动快速插入器。然后搜索没有结果。该块在查询循环之外不可用(源代码)。

Adding the No Result block to the Query Loop.

头像和后作者传记

WordPress 6.0 还引入了新的块类型，将作者块分割成组件，并在内容中单独使用。

帖子作者简介块提供了作者的描述 ( 源代码)。

头像块只是显示一个用户的头像，允许你在网站作者之间进行选择(源代码)。

The Avatar block in WordPress 6.0.

这个块对于在作者信息块或评论的上下文之外显示作者的头像特别有用。例如，您可以在所有作者专用的页面上使用它，或者在显示用户/读者评论的页面上使用它。

现有街区的改进

WordPress 6.0 还引入了一些对现有模块的改变和增强，这可能会对你的编辑工作流程产生很大的影响。导航块将受到几个变化的影响，但你也会看到其他块的改进，包括查询循环、特色图像、组和社交图标。

导航块改进

在过去的几个月里，导航块得到了一些改进，现在有了一个更容易使用的界面。

首先，一个丰富的预览被添加到导航链接块中。当您添加指向公共可访问资源的链接时，单击块工具栏中的链接按钮会显示该资源的预览图像。

Rich preview for Navigation Links.

一些额外的更改会影响整体编辑体验。

现在，当您添加一个新菜单，并且只有一个导航菜单存在时，那么默认为唯一可用的菜单。如果您只有一个导航菜单，此更改应该会加快您的编辑工作流程。

导航链接已经有一个描述字段，用户可以在其中输入描述其导航链接的文本。然而，在以前的 WordPress 版本中，主题不支持这个功能。

现在，在 WordPress 6.0 中，一个<span class="wp-block-navigation-item__description">出现在链接的标签之后。

The Navigation Link description appears after the link's label.

The Navigation Link description appears after the link’s label.

在 Twenty Twenty 2 中，.wp-block-navigation-item__description元素通过 CSS 隐藏，但是主题可以添加一个display: block属性来显示链接描述。

Navigation Link description in WordPress 6.0 and Twenty Twenty-Two.

查询循环过滤器和特色图片

查询循环过滤器设置部分现在显示定制分类法的输入字段。这使得用户可以通过为所选文章类型注册的一个或多个自定义分类来过滤当前文章类型。

现在也可以通过多个作者过滤帖子，而在以前的版本中，你只能从下拉列表中选择一个作者。

An image showing Query Loop filter settings in WordPress 6.0.

Query Loop filter settings in WordPress 6.0.

此外，您现在还可以在查询循环块中设置特色图像尺寸。

Controlling Featured Image dimensions in a Query Loop block.

响应组块中的版式和边框支持

组和行块现在支持排版设置。这一改变允许用户一次将相同的排版设置应用于一整组块，在格式化包含几个嵌套块的组时节省了几次点击。

Typography settings for a Group block.

分组块得到了进一步的改进，现在你只需点击一下鼠标就可以轻松地将块分组到堆栈或行中。

只需选择您想要分组的块，并在块工具栏的中选择个可用控件之一:分组、行、堆栈。

一旦你将区块分组，设置侧边栏中的一个新面板会显示分组变化描述，让你点击几下就能切换变化。

A Row block shows blocks horizontally.

WordPress 6.0 还引入了对分组块的边距支持，使用户能够分别控制上下边距。

Controlling margins with a Group block.

封面中的特色图片

现在你可以在封面块中使用特色图片，就像在 WordPress 6.0 中一样，一个使用特色图片开关被添加到了封面块工具栏中。由于这一新的控制，您可以从当前图像切换到特色图像，只需点击一下。

Use featured image with a Cover block.

显示/隐藏社交图标中的标签

对社交图标块的一个小而有用的增强现在可以让用户打开/关闭图标链接标签。

A Show label control allows to toggle on/off labels in Social Icons.

启用此选项时，您可以显示默认服务名称或单独为您的图标设置自定义标签。

A screenshot showing the Show label option turned on.

Show label turned on.

其他块增强功能

即将到来的 WordPress 版本也为许多其他模块带来了大量的增强。

例如，现在你可以控制列块的边界(古腾堡 12.7 )。

Border controls for the Columns block.

另一个有用的 UX 改进允许你使用简单的[[键盘触发器插入内部链接。

Adding internal links in WordPress 6.0 is easier.

由于新的块间距控件，现在更容易控制画廊块中图像周围的空间。

Images without block spacing.

Images with block spacing.

开发人员的变化和性能改进

WordPress 6.0 还为开发者增加了许多功能。

一个新的wp_content_img_tag过滤器允许在一团 HTML 内容中调整图像(见在 WordPress 6.0 中修改内容图像的新过滤器)。
当do_parse_request过滤器返回 false 时，parse_request方法已经改变以减少查询的数量(参见在 WordPress 6.0 中对 do_parse_request 过滤器的改变)。
现在你可以从一个主题内注册块(见从主题内注册块)。
一个新的ancestor属性使得一个块只在指定的块类型中可用(参见 block.json 中的新祖先属性)。

新版本还提升了性能，对 WordPress 缓存 API 进行了一些添加，对分类术语查询进行了性能改进，对拥有大量用户的单个网站进行了进一步的性能改进。

这就是我们对 WordPress 网站升级到 6.0 后的新功能和变化的总结。

但是这些只是 WordPress 6.0 带来的一些改进。要获得完整的列表，请查看 Gutenberg 的发布说明和 WordPress 6.0 领域指南。

Do you already know the new features coming with WordPress 6.0? No... ? 🙀 Then don't miss this in-depth overview of WordPress 6.0 🎉Click to Tweet

如何在本地开发环境中安装 WordPress 6.0

如果你想在正式发布前试用 WordPress 的开发版本，请遵循以下步骤:

打开 DevKinsta 并创建一个新的本地 WordPress 网站
完成后，打开你的 WordPress 仪表盘，导航到插件→添加新插件
搜索并安装 WordPress Beta Tester 插件
激活插件，进入工具→ Beta 测试
在 WP Beta 测试器设置选项卡中，选择出血边缘选项并保存设置
回到你的 WordPress 仪表盘，打开更新屏幕，更新到最新的夜间版本

仅此而已！现在你有了一个本地 WordPress 开发安装，你可以自由地运行你所有的测试了。四处看看，让我们知道你对新功能的看法。

有了 DevKinsta，只需要点击几下鼠标就可以在你的本地机器上拥有一个现代的 WordPress 开发环境。🖥

在这里免费下载 DevKinsta！👈

摘要

如上所述，我们现在可以说我们正处于古腾堡开发的第二阶段，即定制阶段。

完整的站点编辑现在是 WordPress 核心和 6.0 的一部分，接下来的版本将会进一步改进我们已经拥有的和现在可以使用的。

所有这些都将对 WordPress 生态系统和整个网络产生巨大的影响，同时考虑到，在撰写本文时，

据我们所知，有 64.2%的网站使用 WordPress 的内容管理系统。这是所有网站的 43.0%。(来源 W3Techs )

我们暂时就此打住。WordPress 6.0 的特性和改进不可能在一篇文章中全部列出，但是希望我们至少强调了对我们日常使用 WordPress 的方式有最大影响的新增内容。

现在我们想以一些问题来结束这篇文章，以供读者参考！

你已经在用 FSE 建立你的网站了吗？你认为新的编辑器是一个适合建立专业网站的工具，还是你认为它仍然需要改进才能用于商业？你已经测试了 WordPress 的新特性了吗？

请在下面的评论区与社区分享您的想法。👇

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 6.1 的新功能:流畅的排版，改进的模板系统，新的网站健康检查，等等！

原文：https://kinsta.com/blog/wordpress-6-1/

WordPress 6.1《米莎》已于2022 年 11 月 1 日发布。今年的第三个主要版本是继 5 月 24 日发布的 WordPress 6.0 Arturo 和 1 月 25 日发布的 WordPress 5.9 Josephine 之后。

正如往常一样，新的 WordPress 版本带来了新的特性、改进和 bug 修复，这些都来自于核心的 Gutenberg 插件的最新版本。WordPress 6.1 也不例外，从 13.1 到 14.1，11 个版本的古腾堡插件被合并到核心中。

在本帖中，我们将一窥幕后，介绍 WordPress 新的主要版本带来的激动人心的新功能。

Matias Ventura 在 6.1 的路线图中给了我们一些见解，他说 6.1 的目标是完善 5.9 和 6.0 引入的经验，并在我们接近古腾堡路线图的第 3 阶段时修复一些东西。

Want to get a peek behind the curtain at what's new with WordPress 6.1? ✨ Keep reading... 👀Click to Tweet

1。模板编辑器改进:主要的新特性之一是模板编辑器。WordPress 6.1 应该引入浏览、可视化和编辑网站结构的能力。

2。模板模式:目标是在模板和页面创建中赋予块模式一个核心角色，使它们适应定制的文章类型和块类型，增强锁定功能，改进保存的模式管理等。

3。全球风格和区块&设计工具 : WordPress 6.1 将允许管理网页字体，实现响应排版，并扩展区块可用的工具集。

也就是说，让我们仔细看看 WordPress 6.1 的一些最强大的特性:

流畅的排版和间距

WordPress 6.1 通过 calc / clamp CSS 函数增加了对流体排版的支持。

表达式流体排版描述了文本适应视口宽度的能力，平滑地从最小宽度缩放到最大宽度。

这与您使用媒体查询所能实现的有所不同，因为媒体查询允许主题根据特定的视口大小来调整文本大小，但在不同的值之间不做任何事情。

一些主题已经支持流畅的排版。二十二十二举例来说，使用 CSS clamp()函数的几种字体大小。例如:

"settings": {
	...
	"custom": {
		"spacing": {
			"small": "max(1.25rem, 5vw)",
			"medium": "clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))",
			"large": "clamp(4rem, 10vw, 8rem)",
			"outer": "var(--wp--custom--spacing--small, 1.25rem)"
		},
		"typography": {
			"font-size": {
				"huge": "clamp(2.25rem, 4vw, 2.75rem)",
				"gigantic": "clamp(2.75rem, 6vw, 3.25rem)",
				"colossal": "clamp(3.25rem, 8vw, 6.25rem)"
			}
		}
	}
}

正如您在上面的代码中看到的，每个字体大小都使用了浮动字体大小值。

现在，从 WordPress 6.1 开始，通过声明新的typography.fluid属性，主题能够自动生成流畅的字体大小，如下所示:

"settings": {
	....
	"typography": {
		"fluid": true,
		"fontSizes": [
			{
				"size": "2rem",
				"fluid": {
					"min": "2rem",
					"max": "2.5rem"
				},
				"slug": "medium",
				"name": "Medium"
			}
		]
}

使用typography.fluid和typography.fontSizes[].fluid，使用以下公式自动计算每个字体大小的值:

--wp--preset--font-size--{slug}: clamp({fluid.min}, {fluid.min} + ((1vw - 0.48rem) * 1.592), {fluid.max});

例如:

--wp--preset--font-size--large: clamp(2rem, 2rem + ((1vw - 0.48rem) * 1.592), {2.5rem});

请注意，在撰写本文时，流畅的排版是一个实验性的特性。你可以在块支持中深入研究技术细节:添加流体排版。

流畅的排版是建立现代网站的一个重大改进。我们刚刚更新了 @frostwp 来包含这个功能。这里有一篇来自 @richard_tabor 的精彩文章，探讨了它是什么以及它为什么重要。https://t.co/Bq5YuHX3wi

—布莱恩·加德纳(@ bgardner)2022 年 8 月 8 日

优化转化率的 10 个最佳 WordPress A/B 测试工具

原文：https://kinsta.com/blog/wordpress-ab-testing-tools/

你的 WordPress 网站上的一切都会对你的转化率产生影响。有些东西可能只起了很小的作用，而其他的东西可能会让你的销售大幅飙升。因此，你应该计划一路测试你网站上的每一个元素。当然，有有效和无效的方法来测试和衡量他们的成功。但是在我们深入到一些我们推荐的最好的 WordPress A/B 测试工具之前，让我们讨论一下测试你的网页的重要性，以及为什么它会带来更好的转化率。

什么是 A/B 测试？
你能在你的 WordPress 网站上做什么样的测试？
最佳 WordPress A/B 测试工具
附加 A/B 测试工具

什么是 A/B 测试？

成功的 web 开发人员依赖于两种测试。 A/B 测试，也称为分割测试，在面对面的场景中让两页元素相互竞争，告诉你读者对哪个元素的反应更大。例如，如果你想测试一个标题，你可以设计两个相同的网页，分别使用不同的标题，并将流量导向每个网页，看看哪个标题能带来更多的页面浏览量、停留时间、更高的转化率等等。

A/B split testing

另一种在网络营销人员中流行的测试是多元测试。多元测试允许你比较和测试同一页面的多种变化，看看用户对哪个页面的反应更积极。这是一个很好的测试方法，但是，它在缩小您想要测试的最佳特定页面元素的范围方面有所限制。

要了解网站访问者对网页上特定元素的反应，A/B 测试更有效。多变量测试可以告诉您哪个版本的网页更有效，但是要测试网页上的单个元素，A/B 测试是首选方法，因为它允许您深入到每个特定的页面元素，并确定哪个版本最适合您的读者，并将更多流量转化为销售额。回报是 A/B 测试通常是一个漫长的过程，但这是因为它为您想要测试的元素提供了最彻底和最准确的结果。

没有所谓的 A/B 测试，这是一个永无止境的过程。👍 点击推文

你能在你的 WordPress 站点上进行什么样的拆分测试？

由于 A/B 测试是两种方法中更准确的一种，你应该计划实施一种策略，允许你测试你的网站和每个网页上的每个元素。为了有效地做到这一点，隔离每个元素并分别测试它们。这个想法是挑选同一个页面元素的两个版本，并对它们进行测试，看看哪一个在增加页面浏览量、转换率和其他重要指标方面最有效。

从你的头开始。取两个标题，将它们与 A/B 测试进行比较，看哪一个得到的结果更好。

页脚和侧边栏可以用同样的方式测试。例如，如果您想知道是三列页脚还是四列页脚更适合站点访问者，那么可以运行 A/B 测试，将每个页脚都作为一部分受众的样本。你的边栏也是一样。你可以测试你的观众对两个侧边栏和一个侧边栏的反应，或者测试两个不同的单侧边栏布局中哪一个最有效。

你可以运行的另一个站点范围的测试包括 颜色方案 。缩小主题范围后，选择两种配色方案并进行测试，看看哪种更受欢迎。

您可以测试的其他内容包括:

页面标题
选择加入表格
图形元素
内容
副标题
页面布局
行动呼吁
小工具
主题或登陆页面(如果你需要一些帮助，比如如何用 WordPress 插件快速创建登陆页面，我们发布了一个详细的教程)

仔细想想，A/B 测试的可能性真的是无穷无尽的。🤓这是令人兴奋的部分。但这也意味着你应该一直测试。

2019 年最佳 WordPress A/B 测试工具

WordPress 拥有令人难以置信的 A/B 测试工具。这些工具中的许多都是插件或服务，您可以立即安装并开始使用。大多数都很容易使用，所以你不需要任何技术技能。如果你能安装 WordPress 并做一些轻微的修改，那么你可以使用这些 WordPress 工具在你的网站上运行有效的 A/B 测试。

下面的一些工具测试特定的网页元素，而其他的是通用的测试工具。其中一些是不言自明的，而其他的则是基于开发者的声誉推荐的。注意:确保用你的缓存(无论是服务器级缓存还是缓存插件)测试 A/B 测试解决方案。

谷歌优化
内利奥 A/B 测试
分裂英雄
茁壮成长标题优化器
简单页面测试器
A/B 压力优化器
标题实验
WordPress 行动号召
WordPress 登录页面
营销优化器

1.谷歌优化

Google Optimize ，以前叫做 Google Content Experiments，是一个来自 Google 的非常棒的二次开发工具！这是现在与谷歌分析整合，非常容易使用，非常强大。最棒的是，它完全免费可以同时进行 5 个实验。这对你们大多数人来说可能已经足够了。优化 360 提供高级版本。查看一下谷歌优化和优化 360 的区别。我们在 Kinsta 使用免费版本的 Google Optimize，非常喜欢它！

Google Optimize

没有 WordPress 插件，但是你所要做的就是在你网站的标题中插入一段代码。我们使用它的一个很好的例子是在我们的 WordPress 工具条上测试不同的副本。更改副本，将按钮与不同的 UTM 参数和事件挂钩，然后在 Google Optimize 中启动 A/B 测试。然后，我们可以跟踪哪个侧边栏小部件转换得更多，点击得也更多。

更好的是，它自动与谷歌分析捆绑在一起，所以你可以直接将其与你的目标挂钩。相当酷！Google Optimize 绝对是我们目前最喜欢的 A/B 测试工具。

A/B testing with Google Optimize

基本上，你的 WordPress 站点上的任何 HTML 或 CSS 元素都可以在 Google Optimize 中轻松更改。关于如何在你的 WordPress 网站上设置它以及我们如何使用它的详细信息，请看我们的详细指南:如何免费使用 Google Optimize 在 WordPress 中进行 A/B 测试。

2.内利奥 A/B 测试

内利奥 A/B 测试是 WordPress 最强大最通用的转换优化服务。它帮助您定义、管理和跟踪 A/B 测试实验，并结合强大而美丽的热图。内利奥也兼容 WooCommerce。永远不要离开 WordPress，你可以在你的管理面板上做任何事情。

Nelio A/B Testing WordPress plugin

基本计划是 29 美元/月。还有专业级服务，每月 89 美元，非常适合小型企业。最后，企业级计划 259 美元/月。价格昂贵，但你可以在多达 10 个网站上使用它，你可以安排你的实验，还有其他很酷的功能，如自动停止实验。按年计费可以在这些价格上节省一点。

如果你在寻找一个能和 WordPress 很好集成的工具，内利奥 A/B 测试将是我们的首选。

3.分裂英雄

Split Hero 是一个简单的、用户友好的 A/B 测试工具。它主要是针对自由职业者，机构和他们的客户，虽然它也是完美的 DIY 网站建设者期待把他们的网站推向下一步。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Split Hero A/B Testing WordPress plugin

你所要做的就是选择一个你想测试的页面的 4 个变体，再加上转换页面，例如，一个联系表感谢页面，然后输入活动运行日期，你就可以做了。

与更复杂的工具相比，Split Hero 更注重保持简单，只为用户提供他们需要的数据，以便您采取行动。

因为 Split Hero 的工作是基于你在 WordPress 中的任何页面/文章，你可以继续用你喜欢的方式构建你的页面，包括使用你选择的任何页面构建器。

结合简单的理念，Split Hero 只提供 1 个简单的客户计划，价格非常合理，每月 27 美元。这包括它在无限的网页浏览量和无限的访问者以及所有当前和即将推出的功能无限的网站上的使用。唯一的限制是您一次最多可以同时运行 3 个活动，但是如果您需要，可以以每个月 5 美元的价格购买额外的活动。

对于那些准备开始为他们自己或他们的客户进行分割测试的人和机构所有者来说，Split Hero 是一个很好的选择。

4.Thrive 标题优化器

Thrive Headline Optimizer 是提高点击率、内容浏览时间和滚动时间的绝佳解决方案。这是一个高级插件，一个网站一年 67 美元起。它与 WooCommerce 完全兼容，你可以把它设置为自动驾驶。设置您自己的自动赢家设置，以获得更好的点击率和走开。

Thrive Headline Optimizer WordPress plugin

就像内利奥一样，它与 WordPress 有着非常紧密的集成，并且得到了开发者的良好支持。

5.简单页面测试器

简单页面测试器是一个名副其实的插件。它可以免费升级，费用是 59 美元。它的搜索引擎友好，支持缓存解决方案，并与谷歌分析兼容。

Simple Page Tester WordPress plugin

通过高级升级，您可以对自定义帖子类型、短代码、转换跟踪、 WooCommerce 集成进行测试，并获得一年的电子邮件支持。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

6.AB 压力优化器

AB Press Optimizer 让您快速轻松地创建数十种不同版本的图像、按钮、内容块、表格和标题。这个 WordPress 插件的个人版本允许你花 49 美元在一个网站上安装它。花 99 美元，你可以测试三个网站。该机构计划提供 199 美元的无限制现场测试。每一级服务都为无限数量的访问者提供无限数量的实验。您可以通过专家功能和支持获得实时报告。

AB Press Optimizer WordPress plugin

使用短代码测试你的主题、文章、页面和自定义文章类型。易于使用和安装。这对于分开测试 WordPress 小部件和不同的广告来看哪个有更好的点击率也是很棒的。

7.免费实验

题目实验很基础，但是做一件事，并且做好。测试您的图书，发现哪些图书可以获得更高的免费点击率。有一个 19.99 美元/年的高级版本，允许你测试多种功能图像，详细的统计数据，甚至自动实验冻结。

标题实验免费 WordPress 插件

8.WordPress 行动号召

除了标题，行动号召是转化优化最重要的页面元素之一。 WordPress 的行动号召插件可以让你测试你的链接、社交媒体按钮、文件下载，并设置行动号召模板。这个免费插件也将帮助你跟踪转化率和运行多元测试。

WordPress Calls to Action plugin

9.WordPress 登录页面

WordPress 登录页面插件由 WordPress 行动号召的开发者创建。您可以在登录页面上运行分割测试，而不是在登录页面上测试单个元素。定制模板，跟踪转化率，如果您想一次测试多个元素，甚至可以运行多元测试。这个免费插件有一个可视化编辑器，预先填充你的表单，并允许你克隆你的页面。

WordPress Landing Pages plugin

你可以购买额外的附加组件来进一步扩展这个插件。

10.营销优化器

营销优化器插件是完全免费的，允许你 A/B 测试一切，从覆盖图、CTA、登陆页、标题、页面布局、图像、按钮样式等等。他们甚至包括一堆免费的模板，你可以开箱即用。它也完全兼容流行的缓存插件和使用服务器级缓存的 WordPress 主机。

Marketing Optimizer WordPress plugin

附加 A/B 测试工具

这里有几个额外的 A/B 测试工具，可能不像上面的一些工具那样与 WordPress 紧密集成，但仍然值得一提。其中一些类似于 Google Optimize，让你直接在页面上编辑 HTML 和 CSS 元素。但是，它们的实现和使用也需要更高的学习曲线。并且定价明显多于上面提到的解决方案。

摘要

如果你想让你的 WordPress 网站将访问者转化为客户，那么 A/B 测试你的网页元素是必不可少的。这包括标题、图片、选择加入表格、内容、页面布局以及任何可能阻碍你销售的东西。记住，A/B 测试是一个永无止境的过程。

我们错过了什么吗？你在你的站点和页面上试过哪些其他的 WordPress A/B 测试工具？希望在下面的评论中听到你的想法。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何让你的 WordPress 网站具有可访问性

原文：https://kinsta.com/blog/wordpress-accessibility/

理解并正确利用 WordPress 的可访问性对你网站的可用性至关重要。如果您对这个主题不熟悉，可访问性就像它听起来的那样:任何人都可以访问和完全使用某个东西的程度。

可访问性是指让尽可能多的人可以使用你的网站。我们传统上认为这与残疾人有关，但使网站无障碍的做法也有利于其他群体，如使用移动设备的人或网络连接缓慢的人。”(来源 )

你的网站越容易访问，就有越多的人可以使用它。当一个网站的可访问性较低时，或者当可访问性没有被优先考虑时，你的一部分观众会被阻止或完全禁止获得你的网站所提供的所有信息。

在这篇文章中，我们将讨论为什么可访问性很重要，它意味着什么，WordPress 已经可访问的程度，网站建设者如何使网站可访问，以及如何测试网站的可访问性。

我们开始吧！

查看我们的视频指南网站可访问性

网页可访问性意味着什么

网页可访问性意味着网站的设计和开发是为了让所有人都能使用。这包括他们如何理解、浏览、，与网站互动，以及对网站做出贡献。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

一个充分定义和理解网页可访问性的好方法是打破它的一些神话。

你的网站越容易访问，就有越多的人可以使用它。就这么简单。💪在本指南中了解更多信息。⬇️ 点击推文

误区一:这只是给盲人用的

一个完全可访问的网站应该可供有听觉、认知、神经、身体、语言和视觉障碍的人使用。残疾人是无障碍努力的主要焦点。然而，他们并不是唯一从无障碍网站中受益的人。

网页可访问性改善了以下各类人和情况的用户体验:

使用屏幕更小、输入模式各不相同的移动设备的人。
因衰老而导致能力、视力或行动能力受限的人。
像受伤的手一样有暂时困难的人。
在有可能改变屏幕对比度的照明区域使用网站的人。
有人使用有限的互联网连接或带宽访问网站。

误解二:这是一种时尚或趋势

近年来，你可能已经听到越来越多关于网页可访问性的话题。随着网络的发展，越来越多的人依赖于它，网络的可访问性成为一个更加紧迫的问题。但这不仅仅是一种时尚。

“数字无障碍是全球残疾人的公民权利和人权。”
子卓琳·费恩戈尔德，残疾人权利律师兼作家

久而久之:网络的使用变得越来越普遍，因此需要广泛的网络可访问性。根据 WCAG 的规定，当一个网站不能完全访问时，个人可以对网站开发者或所有者采取法律行动。

只要看看围绕网页可访问性的诉讼数量，就能明白人们对此有多认真。从 2017 年到 2018 年，诉讼数量增加了近两倍。自那以后，这个数字平均每年为 2，345 起诉讼。即使在整个 2020 年的新冠肺炎疫情期间，联邦法院的 ADA Title III 网站可访问性诉讼数量也比上一年增加了 12%。

A chart showing the number of accessibility related lawsuits is only increasing with each passing year.

The number of accessibility-related lawsuits is only increasing with each passing year.

网页可访问性已经存在。当我们开发软件和网站时，我们需要将网页可访问性融入我们前进的过程中。这是必要的，不仅因为没有人喜欢被起诉，而且因为互联网需要满足所有个人的需求，无论这些需求是什么。

误解三:您可以完全自动化可访问性

一旦你理解了可访问性的重要性——以及不重视它的后果——你可能会急于确保你的网站符合 WCAG 标准。

关于网页可访问性的一个最流行的神话是，你可以下载一个简单的插件或者安装一个软件，只需动动手指，就能让你的网站完全可访问。这根本不可能。

根据 a11yproject.com的说法，无障碍问题既有客观的，也有主观的。客观问题可以通过代码检测，主观问题需要人的判断。代码永远无法准确地解决属于后一类的问题，并且试图这样做通常会在过程中造成弊大于利。

“覆盖解决方案是自动化的软件解决方案，我们知道，它首先只能检测到大约 30%的 WCAG 问题。这是因为 WCAG 是微妙的和解释性的。机器不擅长这个。”(来源 )

请记住，可访问性不是为了规避风险，而是为所有用户提供优化的体验。

网站内容可访问性指南

网页可访问性倡议制定了一套网页内容可访问性指南 (WCAG)，可以帮助您确保您的网站是合规的和完全可访问的。如果你设计、开发或支持一个网站，你应该非常熟悉这些准则。

易访问性不仅仅是开发者关注的焦点，也是设计师、营销人员、内容作者、项目经理等等关注的焦点。从规划到启动，无障碍应该是整个网站建设过程中的优先事项。在网站上线后，你也应该不断提高网站的可访问性。

WordPress 开箱即用的可访问性如何

当考虑将 WordPress 作为一个网站建设选项时，这是许多人提出的一个大问题:它的可访问性如何，要使 WordPress 可访问需要做多少工作？因为这个问题没有明确的答案，所以让我们来看看 WordPress 已经可以访问的程度。

WordPress 在哪些方面做得更好

好消息是，随着时间的推移，WordPress 已经变得越来越容易使用。每个版本都在考虑可访问性的基础上取得了一些小的进步。随着可访问性成为更多人心中的一个更大的话题，更多的人可以优先考虑它。

The WordPress Accessibility Handbook contains multiple pages of information about best practices, testing, tools, themes, and more.

The WordPress Accessibility Handbook.

此外，WordPress 社区中的许多人对这些话题充满热情并畅所欲言。每个新的默认 WordPress 主题都朝着更易访问的方向迈进了一步。开发者一直在开发新的辅助工具，编写关于 WordPress 可访问性的指南和文章。因此，在你的 WordPress 可访问性之旅中，你永远不会孤单。

如果你有兴趣直接从社区成员那里了解更多关于 WordPress 和可访问性的信息，请访问 WordPress.tv 并观看这些关于可访问性的演讲。

WordPress 的失误之处

尽管最近有所进步，WordPress 并不总是 100%开箱即用。每一篇 WordPress 新闻稿都面临着一些批评，比如它的不足之处。2019 年初，WPCampus 对当时最新的古腾堡版本进行了广泛的审计。像这样的工作非常重要；自那次审计以来，已经解决了 116 个与无障碍有关的问题。

残疾内容创建者很难用 WordPress 发布内容。因为不可能自动化所有可访问的设计和开发方面，任何人都可以用 WordPress 创建不可访问的网页。

WordPress 的前端基本上还停留在几年前的老地方:完全可以访问，但这完全取决于网站的开发者。糟糕的主题或不可访问的插件会造成很大的不同。管理员一直在不断改进——让古腾堡编辑器变得更容易访问是一条艰难的道路，但是已经取得了进展。也就是说，避免任何新界面组件的可访问性退化是一场持久战。”(来源 )

那么这对你作为一个 WordPress 开发者或者设计师来说意味着什么呢？当你开始使用 WordPress 时，你到一个完全可访问的网站的旅程会稍微短一些。然而，在到达终点线之前还有一段距离。

如何制作一个无障碍的 WordPress 网站

现在，让我们来看看你可以采取哪些步骤来确保 WordPress 网站对所有用户都是可访问的。

无论如何，永远不要把可访问性作为项目结束时要解决的任务。这应该是一个优先事项，从流程的一开始就整合在一起。这应该是一个持续的目标，一旦网站推出。

没有单一的清单可以遵循或自动化，以确保 100%的可访问性。大部分工作取决于你的插件、主题和内容。

创建一个可访问的网站就像建造一个安全的建筑——当然，有指导方针，但个人的关注、维护和周到的翻新是确保你达到目标的关键。

无障碍设计的最佳实践

让我们从 WordPress 网站无障碍设计的一些最佳实践开始，按类型分类。这些信息应该为您的无障碍教育打下坚实的基础。

形象

你网站上的所有图片都需要对所有用户开放。考虑到并非所有用户都能看到图像，有些人可能会使用辅助技术来理解视觉元素，因此您的网站应该准备好使用该技术。

可选文字是附加在图像上的书面描述。屏幕阅读器会向任何可能看不到图像的游客大声朗读该描述。替代文本应该用于在页面上提供有用信息的任何图像。这包括从照片到图标到信息图表的一切。

In this example from WordPress.com, the website example on the homepage comes with the alt text “Picture of easy to create homepage”.

Alt text demo.

唯一的例外是，如果一个图像被认为是纯粹的“装饰”背景图片，分隔线，或者显示页面上文本的图片不一定需要替换文本。

当书写替代文本时，记住不要如实描述图像。相反，在页面的上下文中传达图像的含义。这里有一些很好的指导方针，可以帮助你写出优秀的备选文本:

简短是最好的。
屏幕阅读器会告诉你这是一个图像，所以避免在你的替代文本中说“这是一个…的图像”。
如果图像是一个链接，alt 文本应该解释如果用户选择该图像会发生什么。
替代文本应该包括图像上出现的任何文本。例外情况是相同的文本也出现在图像附近，比如在标题中。

在你的 WordPress 网站的图片上添加替代文字比你想象的要简单。你可以在添加图片标题的地方添加文本。

打开您的媒体库并选择您想要编辑的图像。该图像的设置屏幕将会打开。在替代文本字段中，添加您的替代文本，然后点击保存:

The place for alt text is clearly marked in the WordPress media library and can be edited at any time.

Alt text field.

颜色；色彩；色调

当设计一个易访问的网站时，提供足够的颜色对比是很重要的。在许多情况下，糟糕的颜色对比度会影响站点的可读性，例如对于视力不好的用户、色盲用户或使用某些设备的用户。图像、文本和按钮等元素都需要适当的颜色对比。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

色彩对比指的是当彼此相对或非常接近时，颜色看起来是亮还是暗。例如，白色背景上的黑色文本的颜色对比度(21:1)比白色背景上的黄色文本(1.08:1)高得多。WCAG 2.0 AA 要求普通文本的最小比例为 4.5:1，较大文本(粗体 18px 或标准 24px 及以上)的最小比例为 3:1。

那到底是什么意思？确定你的颜色是否搭配得很好的最简单方法是将它们插入一个对比度测试工具，比如 WebAIM 对比度检查器。网上有大量免费的 checker 工具。

查看我们的测试部分，了解更多关于测试颜色的信息。

当你测试越来越多的颜色组合时，你会更好地通过视觉判断哪些颜色组合有效，哪些无效。

A demo of the WebAIM Contrast Checker tool.

The WebAIM Contrast Checker.

你还需要确保避免使用颜色作为主要的区分因素。例如，许多网站的链接颜色与周围的正文不同。然而，如果用户由于某种原因很难看到颜色，他们就不可能区分链接单词和非链接单词。使用颜色来修饰链接，但在文本下方添加下划线以使链接易于访问。

文本

我们在网上经历的大部分是文本。我们使用网站阅读文章、食谱、故事等等。你现在正在读这篇文章！因此，文本需要针对所有读者进行优化——无论他们是用眼睛还是耳朵阅读。

在谈论可访问性时，讨论文本主要有两种方式:字体和大小。

在小尺寸和大尺寸时，无障碍字体易于阅读。像 Tahoma、Calibri、Helvetica、Arial、Verdana、Times New Roman、Arvo、Museo Slab 和 Rockwell 这样的字体都是可访问的选择。患有阅读障碍的读者可能会发现阅读某些字体很有挑战性，包括许多衬线字体。正文使用无衬线字体更安全。最好避免显示字体——比如手写风格或者草书——除非文本很大，很稀疏，而且大多是装饰性的。

With an accessible font, differences in letters make words easier to read.

字体大小对于可访问性来说非常重要。让我们讨论一些关于可访问字体大小的经验法则。

默认字体至少应为 9pt 或 12px。建议 12pt 或 16px。根据 WCAG 指南，当缩放到 200%时，文本应该能够被阅读。建议使用百分比或 em 而不是像素或磅来设置字体大小。使用不同的字体粗细是可以的，但是如果你的文本使用了轻量级字体，要确保它足够大，可以看得见。

这并不是如何在设计中考虑可访问性的最终目的。但是知道从哪里开始是至关重要的。如果你想深入了解无障碍设计，请参考以下资源:

无障碍开发的最佳实践

当建立一个网站或其补充软件(如主题和插件)时，有一些重要的事情需要记住。这与设计有些重叠，但是下一节主要关注你的网站如何工作，以及你的用户如何与之交互。

互动元素

无论如何，用户应该能够相对容易地与你的网站互动并使用它。这不仅仅包括欣赏图像和阅读文本，还包括与菜单、表单、、按钮和视频的互动。

当你建立你的网站时，确保所有的交互元素都可以被容易地识别。所有导航菜单——从页眉到页脚——都应该可以用键盘控制。hover、focus和click上的链接和按钮的外观应该改变。

The styles of a normal, unclicked button should be different from a button when a mouse is hovering over it, as well as from the button when it has been clicked.

Button styles.

网站页面的导航应该一致清晰。导航链接的命名、风格和位置非常重要。深思熟虑的面包屑和清晰的标题会让用户自信地与你的内容互动。

How Kinsta uses breadcrumbs to help readers easily navigate our blog.

Kinsta utilizes breadcrumbs to help readers more easily navigate our blog.

很有可能，你的网站上有一两个表格。您可能会惊讶地发现有多少表单是不可访问的。您的表单元素必须包含相关联的标签，可以在域的左侧，也可以在域的上方。(复选框和单选框可以放在右边。)用户应该非常清楚每个表单域的用途。

需要为你的 WordPress 站点提供超快的、可靠的、完全安全的托管服务吗？Kinsta 提供所有这些以及 WordPress 专家提供的 24/7 世界级支持。查看我们的计划

Borders for text fields make a form more accessible. Removing borders can make it more confusing which field is which.

Borders for text fields make a form more accessible.

如果你的网站上有任何自动播放的内容，如 GIF 、滑块、旋转木马、视频或音乐，应该有允许用户停止动画或声音的可见控件。最好提供停止、暂停或完全隐藏元素的选项。

如果你是一个想要深入开发网页可访问性的开发者，请直接从 W3C 查看这些技巧。

wordpress 主题

如果你是一个 DIY 网站建设者，你可以通过选择一个可访问的主题来完成这篇文章讨论的很多内容。对于开发人员来说，重要的是要理解是什么让一个主题具有可访问性，以便在他们的项目中优先考虑它。

WordPress 主题控制你网站的外观。许多主题都预先打包了配色方案和字体系列。务必确保这些颜色和字体符合上述要求。许多主题标榜自己是“完全可访问的”，但这并不总是正确的。使用您自己的测试来确定主题是否可访问。

WordPress 的易访问性团队已经在 WordPress 知识库中准备了一份 92 个免费主题的列表，你现在就可以开始使用。

当构建一个可访问的主题时，确保你从一开始就熟悉 WCAG 的需求。开发过程中需要解决的常见问题包括:

预设调色板中足够的颜色对比度
使用键盘轻松浏览网站的能力
使用适当的 ARIA 角色和/或 HTML5 地标来确保屏幕阅读器就绪体验
正确的 HTML 语义标记
避免页面上重复的 id
允许用户停止或控制任何自动运动

当你开始创建你的主题时，确保将 WordPress 可访问性指南加入书签以便参考。

WordPress 插件

WordPress 插件允许你给你的 WordPress 网站添加即插即用的功能。有两种类型的 WordPress 可访问性插件:帮助你建立一个可访问的网站和使一个现有的网站对用户可访问。

注意那些为你提供“一键访问”或“自动访问”保证的 WordPress 插件这些事情是不可能的。插件是可以帮助你实现可访问性目标的工具，而不是为你做所有工作的魔棒。有时候，插件甚至会阻碍你的可访问性——所以要小心行事！

有大量以可访问性为中心的插件，承诺改善、监控或修复可访问性问题。他们可能会审核网站，让你知道哪里可以改进。或者他们可以提供前端工具，使在你的网站上创建可访问的体验变得更加容易。

其中一些非常有帮助。然而，其他人提供虚假的承诺。在使用一个插件之前，一定要彻底检查它。

一些插件创建交互式内容，如测验和滑块。如前所述，这些元素需要特别关注和测试，以确保它们是完全可访问的。在将一个交互式插件推出之前，一定要在试运行或开发网站上彻底测试它。

对于表单插件也可以这么说。不幸的是，许多都有可访问性问题。如果您发现这种情况，自定义编码的表单是一个很好的选择。

一个流行的插件类别是页面生成器插件。这些非常有助于您快速构建健壮和复杂的拖放式设计。然而，它们带来的可访问性问题往往比它们解决的问题更多。这个问题没有单一的解决方法，所以保持你的设计简单，确保你测试了所有的元素来确认可访问性。

可访问性声明

辅助功能声明是您网站上的一个页面，您可以在其中传达您的内部政策、辅助功能目标以及过去与残疾人合作的成功案例。

出于以下原因，你应该在你的 WordPress 网站上生成并发布一个可访问性声明:

向你的用户表明你关心可访问性和他们
提供关于内容可访问性的信息
展示对无障碍和社会责任的承诺

你可以遵循 W3C 提供的这些指导方针或者使用 T2 的可访问性声明生成器来编写你自己的可访问性声明。

如何测试 WordPress 网站的可访问性

可访问性不是按下正确的按钮，然后走开。测试是确保网站完全可访问的重要部分。自动和手动测试都有助于确保覆盖所有的基础。

如何进行自动化测试

自动化测试有助于判断从哪里开始。如果您对可访问性不熟悉或者不确定从哪里开始，可以从自动测试和评估开始。

大多数自动化测试将识别诸如差的颜色对比、缺少 alt 文本、空链接、结构元素的问题等等。您可以使用这些测试来生成要解决的问题列表。像这样的测试对于发现基于代码的错误特别有帮助，这些错误可能不太容易被肉眼看到，但是对一些用户来说却非常重要。

您可以使用的免费可访问性测试的一个例子是 WebAim 工具。它会检查您的整个网页并生成一个错误列表。它甚至会告诉你这些错误发生在页面的什么地方。

When you insert a URL into the WebAim tool, you get a Summary of errors, as well as those items broken down into individual tabs.

WebAim tool showing a summary of errors.

您可以找到大量的个人辅助工具来帮助解决特定的问题。例如，在你开始设计之前，使用对比检查器来确保你调色板中的颜色搭配得很好。

请记住，没有一个自动化测试是完美的、万无一失的，或者是手工测试的替代品。

如何进行手动测试

因为 WordPress 的可访问性是关于真实的人类用例，真实的人类必须对一个网站是否可访问做出最终的决定。因此，为手工测试预留时间和资源是非常重要的。

那么，如何执行手动测试呢？这里有几个方法可以测试一个网站的可访问性，不需要昂贵的工具或程序:

**扔掉鼠标:**确保你可以仅使用键盘按键合理方便地浏览网站的所有功能。这包括在各部分之间移动、访问菜单、从一页到另一页、向下跳转页面以及与链接和表单交互。
**使用屏幕阅读器:**把自己放在能见度低或差的人的位置上。使用屏幕阅读器应用程序或网站，检查网站上的内容，确保大声朗读时仍然有意义，听起来流畅。
**在不同的环境中测试网站:**去一个有公共 WiFi 的地方，确保你的网站在没有高质量互联网连接的情况下正常加载。请注意网站中因连接不良而滞后或完全消失的区域。
**增加缩放:**在浏览器中打开你的站点，使用浏览器设置放大 200%。在这种情况下，你还能使用、浏览和参与网站吗？是否有内容消失或被切断？
关注交互性:确保花大量时间测试视频、表单和按钮等交互元素。链接和表单域应该始终用轮廓、下划线和特殊光标来突出显示。
**仔细检查你的 alt 标签:**如果你不确定一个图像是否有附加的替换图像，使用检查元素工具来确认。
**换个角度思考:**如果你网站上的所有图片都消失了，有人还能使用它吗？如果你的网站上所有的颜色突然变成黑色和白色，那会如何影响可用性？确保如果装饰元素受到某种影响，网站的基本部分仍然可以工作。

如有疑问，请联系提供手动可访问性测试的公司。易访问性和网页设计与开发方面的专家可以快速完成手工检查，并准确地告诉你哪些地方需要改进。

不要忘记你现实生活中的观众是你最好的资源之一。在你的网站上有一个清晰的区域，用户可以在那里提供可访问性反馈。如果有人在使用你的网站时遇到困难，从你收集反馈的努力中可以清楚地看出，你愿意倾听他们的经历并纠正这个问题。

所有访问者都可以访问你的网站吗？👀在本指南中了解有关如何测试可访问性的更多信息⬇️ 点击发送推文

摘要

互联网已经成为我们日常生活中最重要的工具之一。每个人都需要有访问它的自由，无论是浏览娱乐还是基本信息。你的网站有责任达到网络公平的标准。

理解这些指导方针的必要性是做出重大而持久的改变的第一步。建立一个可访问的网站意味着更多的人从你的网站所提供的东西中受益。

关于 WordPress 的可访问性，你还有什么问题吗？请在评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

posted @ 2024-11-01 16:30 绝不原创的飞龙阅读(0) 评论(0) 编辑收藏举报

刷新页面返回顶部

龙哥盟

掠夺·扩张·投机·博弈

Kinsta-博客中文翻译-十五-

Kinsta 博客中文翻译（十五）

为什么使用 WordPress？深入探究 10 个好理由

网站困境——为什么使用 WordPress？

1。该软件是免费和开源的

观看它的实际应用:

简单的安装方法

2。它可以适应，所以你可以做任何类型的网站

观看它的实际应用:

3。它支持多种媒体类型

一句警告

观看它的实际应用:

4。它很容易学习，有一个巨大的社区

观看它的实际应用:

5。你可以用主题和插件来扩展你的网站

网站扩张不仅仅是通过插件完成的

观看它的实际应用:

6。这并不需要天才来管理

观看它的实际应用:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

7。SEO 第一

观看它的实际应用:

8。你可以完全控制你的网站

观看它的实际应用:

9。博客无疑是业内最好的

观看它的实际应用:

10。每个人都在做

观看它的实际应用:

使用 WordPress 的另外 14 种方法

1.新闻门户

2.用 WordPress 开发房地产管理系统

3.知识库/百科全书/维基

4.电子学习门户和课程

5.用 WordPress 安排约会

6.发票系统

7.使用 WordPress 创建工作门户

8.客户关系管理系统

9.事件管理系统

10.企业目录门户

11.项目管理系统

12.论坛

13.众包

14.社交网络

那么，为什么要用 WordPress 呢？因为它很棒

2022 年要尝试的 11 种最佳 Wix 替代方案

为什么要考虑寻找 Wix 的替代品？

2022 年最受欢迎的 11 种 Wix 替代产品

1.WordPress

2.Squarespace

3.吉姆多

4.Webnode

6.GoDaddy 网站建设者

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

7.Pixpa

8. Shopify

9. Weebly

10.广场在线

11 .零

哪个是最好的 Wix 替代方案？

如果您已经有了 Wix 网站，是否可以转向 Wix 替代网站？

如何从 Wix 迁移到 WordPress(完全指南)

购买主机和域名

选择和自定主题

选项 1-从 Wix 导入内容到 WordPress

第一步

第二步

第三步

第四步

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

第五步

重要的

第六步

选项 2–使用 Kinsta 的合作伙伴 WordHerd

迁移后

网站安全