第 10 集：使用 Kadence 在 WordPress 中构建设计原型

每个新设计都从某个地方开始，而 Figma、Invision、Axure 或 Adob​​e XD 等工具为设计师提供了创建网页设计视觉表示的创新方法。 然而，在 WordPress 世界中，块编辑器中的创新使得在最接近实现的空间中本地创建设计更加容易。 在这一集中，我们将真正了解 WordPress 中的网页设计。 这些工具可能会有所帮助，但始终专注于在 WordPress 中创建有效设计的最重要组件至关重要。 独特的内容、对客户的了解以及通过网站设计进行的有效沟通是成功的最佳秘诀。

通过下面的控件收听，或将我们添加到您最喜欢的播客应用程序中。

在新窗口中收听。

时间戳和链接

• 0:00 简介：汉娜在海滩上！
• 1:33 最佳 WordCamp 体验：citymuseum.org
• 8:47 在 WordPress 中制作新设计原型，从哪里开始
• 9:51 绕过空白页问题
• 10:50 LMS 课程登录页面入门
• 15:37 竞争性研究：它们存在，什么对它们有用？
• 18:41 客户的立场
• 19:31 在设计任何东西之前先弄清楚你的内容
• 20:43 你独特的业务有一个独特的卖点，使用它
• 22:40 把最好的内容放在第一位
• 25:00 Kadence 是您的设计工具
• 30:22 Shop Kit 2.0 准备发布，iThemes 培训预览

第 10 集的成绩单

凯西：欢迎来到 The Kadence Beat 的第 10 集。 我们已经完成了第 10 集。对于第 10 集，我们想要举办一点派对。 所以我们把汉娜飞出国门，飞到了一个秘密的地方，靠近海滩。 汉娜，你去哪儿了？

汉娜：我在墨西哥。

凯西：你是！ 所以这不仅仅是第 10 集的派对。这是第 10 集的嘉年华，对吧？

汉娜：这是嘉年华。 是的。 我猜你们错过了备忘录。 我的意思是，我以为我们是在墨西哥参加第 10 集的派对，但事实证明只有我一个人。

凯西：嗯，本，我想你和我都错过了。

本：是的，今天这里很冷，有点像雪花飘落。 所以墨西哥海滩听起来不错。

汉娜：你知道，这正是我在这里的原因。 因为上周博伊西有创纪录的降雪，我想，我不能这样做。 所以我用了一些里程，订了一张去墨西哥的机票，我开心了很多，也晒伤了很多。 我的身体很脆。

凯西：真的吗。 嗯，你看起来更开心了，你似乎准备好参加第 10 集了。所以我很兴奋。 在你所有的旅行中，我几乎全年都会通过你来替代生活。 所以。

汉娜：是的，我们现在就邀请大家来。 就在墨西哥的海滩上，阳光明媚。 这是我们第 10 集的地方，欢迎参加聚会。

凯西：太好了。 汉娜，你有一个关于第 10 集的问题，你的问题是什么？

汉娜：是的，所以我喜欢一个好的派对。 我喜欢举办派对，我认为让人们参与派对的一个好方法是提出一个好问题。 所以，嗯，我想到的某个人是你最喜欢的 WordCamp 体验，如果你去过 WordCamp？ 好吧，我又知道了，凯西和本有我们这些人在这里，我们都去过。 那么告诉我你最喜欢的 WordCamp 体验？

凯西：我想我可以走了。 我去的一个 WordCamp，我儿子和我一起旅行，他刚满 18 岁，就像几天之内一样。 我们在迈阿密 WordCamp，其中一个人决定我们应该去南海滩。 那是春假，我们被困在车里，周围都是人。 我们无法移动。 我刚满 18 岁的儿子去体验南海滩，我忍不住笑了，因为他和他妈妈在一起，那不是你想要的体验，第一次春假体验是和你妈妈一起出去玩.

他有点羞愧，但直到今天仍然让我发笑，给我们讲有趣的故事，比如，那些坐在敞篷车后面的女孩怎么样。 而他就像把脸藏在这辆车的后座里一样，因为周围的人太多了，所以无处可逃。

汉娜：我喜欢那个。

凯西：这很有趣。

本：太棒了。

汉娜：那是最好的。 本，你呢？

本：嗯，我认为我们有一个共同的经历，这是迄今为止最令人难忘的，而且非常荒谬。 那是在 WordCamp 2020 或 2019 年。老实说，他们在博物馆举办了一场派对，我一直在那里，我想，这个地方怎么没有关闭。 就像，这太不安全了。

所以感觉就像我们刚刚进入一座被谴责的建筑物，然后有人进入它并在被谴责的建筑物上建造了一大堆超级粗略的东西。 然后就像是，每个人都可以免费为所有人做任何你想做的事。

汉娜：我认为那可能是吸毒的人。 你可以说？

本：很多事情就像，什么，什么，好吧。 像这样毫无意义。 我的意思是，很难解释这个博物馆。 我希望它仍然存在。 因为我认为它需要在这个世界上占有一席之地，但我也很好奇它是如何不关闭的，因为我们喜欢的东西太多了，好吧，是的。 这真的很危险。 我们四处闲逛，我们度过了非常非常愉快的时光，因为我们对我们正在进入什么一无所知。

所以它实际上只是在某人的某事上徘徊，有一个类似的梦想，这就是他们创造的。 有一次，我们爬上了两层楼。 我的意思是，你基本上喜欢什么，比如铁丝网，悬挂在像半圆顶一样的天花板上。

汉娜：就像一个圆顶。

本：是的。 然后就像你从天花板上跳出来一样，你在一个屋顶上，有一个巨大的滑梯下降到屋顶的另一部分。

汉娜：带着一只巨大的蚱蜢。 不要忘记巨型蚱蜢。 什么！

Ben：然后，就像滑梯撞到混凝土上一样，没有，就像什么都没有。 然后你滑下一张漂亮的幻灯片，就像一个不错的结局。 就像，你刚滑进混凝土里，每个人都站起来环顾四周，就像，这真的发生在我身上吗？ 我的意思是，他们，是的。 汉娜帮我解释一下这个地方。

汉娜：是的，这很难解释，但它很棒。 最好的部分就像本说的，我们真的不知道。 就像我们在一楼度过的前45分钟，就像鸡尾酒时间一样思考，哦，这只是一个有趣的博物馆。 然后我们就像，好吧，也许我们应该徘徊。 然后你像一个很小的门一样穿过，你必须像跪着一样爬行才能穿过。 然后它打开了另一个疯狂的地方。 你就像，什么？ 它就像每个角落。 你就像，什么？ 然后你知道，你在屋顶上沿着这个蚱蜢滑梯向下，然后就像这个疯狂的旋转木马。

然后有一张从顶楼滑下来的幻灯片，就像，你会说多少故事？ 五？ 一直到底部。 这是野生的。 老实说，这也是迄今为止我所拥有的最好的 WordCamp 体验中最有趣的。

本：是的。 我的意思是，如果你没去过的话，WordCamps 很有趣，对观众来说，有很多乐趣。 你，你确实会遇到很多人。 你可以参加这样的课程，在那里你可以学到很多东西，但之后的聚会也非常棒，因为它们通常是在一个随机的地方。 甚至在那之前的一年里，还有一个天文馆，是晚会的一部分，那是一次非常有趣，也非常令人眼花缭乱的经历。 这是个好时机。 确实。 如果你能参加 WordCamp，那值得你花时间。

凯西：那个博物馆在圣路易斯。 它被称为城市博物馆。 如果您访问 citymuseum.org，您可以感受一下 Hannah 和 Ben 在那里经历的酷刑室。 嗯，我什至没有上那个滑梯，我喜欢在上的路上撞到膝盖然后转身。 我想，这不会有什么好处，但他们实际上在屋顶上有一个摩天轮。

这是一个疯狂的地方。 WordCamp US 的组织，做事后派对的人真是太棒了。 WordCamp Europe 也在几周内发生。 那可能是另一个史诗般的派对。 几年前我去了柏林，他们的表演非常出色，就像麦当娜的模仿者。 就像麦当娜在那里一样。 这太疯狂了。 所以无论如何，是的，WordCamps 非常棒。 之后的派对绝对值得，你会遇到像本和汉娜这样的人。 有时我。

汉娜：虽然我们都在那里，但我认为我们没有见过面，我对此感到难过。

凯西：我大部分时间都在从一个对话到另一个对话，只是在赞助区的隧道和帷幔中度过，那是一段忙碌、忙碌、忙碌的时光，但是，嗯，是的，这就是 Kadence 真正开始得到一些东西的地方在 WordCamp US 2019 上声名狼藉。那时人们才真正开始谈论您组合在一起的一些工具的创新性。

汉娜：是的，是的。 那时只有本和我，没有人知道我们是谁。

凯西：嗯，观看的人很快就知道了，看看我们今天的情况。 相当令人兴奋。

汉娜：是的，第 10 集。我们已经走了很长一段路。 我们有一个播客！

凯西：你有一个播客！ 现在我告诉你坚持到第 10 集，这不是更容易，对吧。 有点像闲逛和聊一些很酷的东西。 我编辑了所有愚蠢的东西。

所以我一直在做一个秘密项目，Ben 在几个月前在内部做的一次演示中所说的话，开始真正成为现实。 我开始说，哦，是的，我完全理解本的意思。

你曾和 Ben 谈过，在你要发布的地方附近进行原型设计是多么有意义。 我现在正在经历这个，因为我正在使用在其他地方构建的原型，并且我正在使用自定义字段和所有东西在 WordPress、Kadence Elements 中构建它。 原型中的很多东西都没有。 我只需要在构建时做出决定，这会以这种方式工作，因为这就是 WordPress 的工作方式，这就是 Kadence 的工作方式。

我想就 WordPress 项目和设计原型的最佳实践进行对话，嗯，人们使用的不同工具。 它们什么时候有意义？ 他们什么时候没有意义？ 以及如何摆脱“空白页”问题。 这听起来像我们今天可以谈论的事情吗？

本：是的，绝对的。 我认为空白页问题是表达这一点的好方法，因为我认为每个人都可以与之相关。 你出现了，你就像，我需要建立任何东西，一个登陆页面，一个销售页面，你知道，你盯着一个空白页面，然后你走了，好吧，接下来我该怎么做？ 这是一个棘手的原因，这就是重点，通常人们接下来会经历一段非常艰难的时期，一段令人沮丧的时期，他们做了 10 件事，撤销 10 件事，再做 10 件事，然后全部撤销那些。 最后，他们很少对最终得到的结果感到满意。

所以我认为，甚至比你所说的更重要的是，好好思考一下。 有比出现在白色空白页上更好的策略，我需要创建一个设计。 因此，甚至在您开始使用其中一些工具之前进行一些备份，但就像没问题一样。

那么让我们来谈谈如何从空白页一直到最后。 所以我建议我们刚刚讨论过你是否需要为你的在线课程建立一个登陆页面。 这样，我们就有了一些可以讨论和思考的东西，比如真正需要进入的内容以及我们如何将这些内容整合在一起？

凯西：完美。 我认为这是一种很好的方式来磨练一个特定的领域，我们可能有很多人在使用 LearnDash 或其他 LMS 系统，并且……也许他们甚至还没有决定他们将使用什么 LMS 工具。 但他们就像，我有知识，必须有人在听这个，他们知道他们可以转移给其他人并以某种方式将其货币化。

你甚至从哪里开始？

Ben：我想一件事，每当你开始一个新页面并且它可以扩展到任何地方时，你是否必须去，这个页面的主要目标是什么？ 我想我们在谈论为 Hannah 的助产士建立主页时已经讨论过这个问题。 我认为，你需要从那里开始。 你需要说，好吧，目标是什么？

因为一切都需要朝着那个目标前进。 并且这一切都需要尽可能清楚地传达，以便客户不会混淆，我应该去这里还是我应该去这里有竞争的东西，或者只是那些不是他们的语言并且不是的东西给他们一条直接的道路。

你想开始，我的目标是什么。 如果我们正在制作课程页面，目标是让他们注册课程。 你可能有这样的选择。 您可能拥有基础课程套餐，然后是免费 30 分钟咨询的 VIP 套餐。 而且，您知道，您通常在课程中看到的那些附加组件就像访问私人 Facebook 群组一样。

所以你可能会有一些包裹，你可能会考虑定价表。 然后从那里你需要说，好吧，如果我的目标是让他们购买，我需要从给他们购买的理由开始。 为此，您必须知道如何与您要联系的人交流。

所以你需要知道你在和谁交流。 这可以追溯到我们之前谈到的内容。 那个目标客户是什么？ 您需要确保您所说的所有内容都在说他们的语言，但是在该页面的顶部，我们需要的是我们需要基本上说的内容：这就是您要参加本课程的原因，这就是你生活中将要发生的变化。 您正在为立即显示在此页面上的客户定义，您要么暗示他们的问题，要么为他们拼写出来。 你说你有这个问题，这个课程会解决它。

当你特别谈论课程时，你不仅仅是在解决一个问题。 您实际上是在尝试为他们定义作为个人的结果是什么，对他们来说会发生什么变化以及这将如何影响他们的前进。

但是从这个角度来说，你还是要考虑清楚，好吧，这个人有问题。 他们想写一本书，他们需要有写书经验的人来指导他们写一本书。 所以你有一个关于如何写你的第一部小说的课程。 那个客户群，你需要与之交谈，就像写一部小说一样，不仅仅是对小说有一个好主意。 这是关于计划的。 这是关于坚持。 您开始解释并说，本课程不仅为您提供了所有工具，而且您周围还有一个社区可以帮助您并从中获得反馈，现在我要开始了，我想我需要这个。

这就是你可以开始进入的方式。 在我们进入任何类型的设计之前，你必须能够先弄清楚这些东西。 与此人有什么联系？ 让我把我需要的内容放在一起。 在我看来，从你做销售页面的时候开始。 您必须从页面顶部开始，必须是大而短的文本，并且尽可能清晰简洁，您基本上说明了问题以及您的解决方案如何解决该问题。 从那里你想研究哪些不同的部分将使最初的报价更好。

所以当我向下滚动时，他们会走，他们越来越喜欢，是的，我需要这样做。 是的，我需要这样做。 您可以在整个页面中使用“立即购买”按钮。 您不希望客户喜欢，我在哪里注册？ 您还可以在他们向下滚动以喜欢定价表时创建该旅程。 推荐是关键。 当您考虑所有这些时，现在您已经有了，我必须在顶部有一些简洁的语言，并且我需要某种图片，最好是有人微笑或用图片可视化结果的结果。

当您正在考虑时，例如，我该如何构建它？ 你必须开始收集这些内容，你需要的文本，推荐，你需要考虑你的定价表以及该定价表的功能。 因此，进行一些内容收集并真正考虑到您的客户是非常重要的。

凯西：一旦你有了你的内容，你显然不希望页面上只有文字。 您不希望只是喜欢您的按钮和图片。 有人如何开始真正将其中一些设计元素组合在一起，你从哪里得到想法？ 因为你可以去看看你的竞争对手，看看他们在做什么。 也许你会搜索其他正在上如何写书或如何写小​​说课程的人，看看那里是否存在竞争以及他们是如何做到的。 但谁能说他们做得很好。 你怎么知道围绕设计做出什么决定？

本：是的。 我的意思是，我认为观察你的竞争对手是一个很好的策略，因为通常如果你有竞争对手，他们至少表现得足以生存。 所以，这至少是一件好事，就像它们存在一样。 你知道，他们至少做得很好，可以存在。 所以你肯定想从竞争中收集信息。

我非常喜欢寻找好的设计。 我发现很多时候人们喜欢只关注设计的问题是他们实际上并没有构建一个转换良好的页面。 所以你可以去喜欢网站的设计奖，看看所有这些非常时髦的网站，这些网站实际上可能不是非常转换的网站，也可能超出常规，对于普通用户来说，就像，这是一个新奇事物，但就像，我实际上不知道如何浏览这个网站。 所以我会小心搜索最好的网页设计之类的东西。 我认为您想专注于您遇到的问题。

在你的搜索中使用转换之类的词，但是好的，我知道我需要一个英雄部分。 我知道我需要一个推荐部分。 我知道我需要一个定价表部分。 有时，当您开始搜索这些部分时，您会获得更好的设计理念，而不是如何构建一个好的课程登录页面？

或者只是一般来说，什么是好的设计。 所以我正在做一个灵感和搜索阶段。 我正在为我喜欢的东西截屏。 试图做笔记。 所以这对于像 Miro board 或 Figma 这样的东西来说是个好时机您想要在您的页面中使用的元素的条款或您想要如何组织您的内容的设计理念，同时始终牢记您自己的配色方案，然后是您的实际图片。 我发现最多的是，嗯，人们会去看这些设计，然后就像，哦，我想重新创造这个。 然后他们把他们的照片放进去，他们就像，伙计，这太糟糕了。 这是因为你的图像不够好。

我认为这是另一件大事。 图像对页面的整体设计非常重要。 我的意思是，它只是设计的一个巨大的压倒性部分。 您可以花费所有时间来获得正确的渐变或正确的字体，但是选择了错误的图像，您的设计就会失败。

这是一个非常重要的部分，无论您是要查找库存图片还是要拍照，获得非常非常好的图片都会有很长的路要走。 如果你想有一个好的设计，你必须有正确的开始。

凯西：汉娜，从客户的角度来看，当你在一个页面上并且你正在考虑购买一些东西时，什么样的元素……是页面的流程吗？ 页面中是否有弹出内容？ 这种体验如何让你产生共鸣？

汉娜：是的，我会说就是这样。 我的意思是，你真的想为人们创造一种体验，对吧？ 所以，就像本说的，我认为图像是巨大的。 你的图像匹配吗？ 您知道，如果您的库存照片显然是库存照片，但它们不是，它们不匹配并且它们不流动，那就是这样的关闭。

但是当你清楚地创造了一种体验，我觉得我是。 你知道那里，或者，你知道，你觉得你在墨西哥的海滩上，你知道，如果你能够通过喜欢他们看到你的网站或看到你提供给他们的东西来给予他们，那是巨大的。

Ben：我认为在这里声明很重要，超越自己并像实际设计一样跳入其中，比如在 Figma 中进行设计，或者在没有弄清楚您的内容的情况下在 WordPress 中进行实际设计，这是绝对令人沮丧的秘诀。 因为当你喜欢的时候，我稍后会弄清楚我的图像。

不要这样做，因为您将花费大量时间来尝试使设计看起来不错，而没有您需要做的实际内容。 它只是令人沮丧，你最终会一遍又一遍地重做它，当你经历并最终得到一些内容然后去时，哇，这些都不起作用，因为我的图像与我之前的不同期待。 所以不要超越自己。 把你的内容放在一起，花时间认真思考。 这就是为什么你进行灵感阶段的部分原因是说，好吧，现在我知道我需要三个这样的图像，因为我真的想要一个部分来讨论这三个功能或这三个对客户来说很重要的事情。

在最初的阶段，当你把你的东西放在一起时，就像，好吧，在我开始实际设计之前，我真的必须确定我的内容将是什么。 并且不要使用其他人的内容进行设计。 您肯定想首先获得自己的内容。

凯西：当然。 好吧，一个独特的卖点将是您网站上的独特内容。 以独特的方式与观众联系的东西是只有你才能创造的东西。 这不是您可以从其他地方提取图像或从其他地方复制的东西。

只是，不要那样做。 那是行不通的。 它不会引起共鸣，因为当你试图复制别人创造的东西并与观众建立联系时，它不会有你独特的声音。 你带来什么，你的业务带来什么，你的品牌带来什么，从长远来看，这将使你与众不同，并帮助你超越。

就，好吧，假设我有我的 Figma，我有我所有的草图和我想要在页面上的所有东西。 我有一个基本的，好吧。 我看到每个人都在顶部使用英雄图像，所以他们必须工作。 然后我如何开始构建页面？ 我会先加入推荐书吗？ 我需要先更好地解释事情吗？ 我怎么知道我要以哪种方式组织页面才能真正与客户建立联系？ 什么是第一位的？

Ben：我是那个英雄上衣的忠实粉丝，它并不总是必须是全幅图像。 有时它旁边是文本和图像。 你想在顶部有一个大标题，基本上说，这就是你来这里的目的。 然后从我所看到的所有研究来看，实际上你如何订购页面的其余部分并不重要。

够有趣的。 如果你想去推荐推荐，最后，没有人可以说推荐接下来更重要。 我认为你想把最好的内容放在第一位。 所以如果你有最棒的推荐信，你会说，我需要人们阅读这个，把它放在前面和中间，放在下面。

但是，如果您不这样做，而您只是喜欢，是的，我有推荐书，它们很好，但是它们就像您所期望的那样，然后将它们放低，因为您需要它们在页面上给出自己的品牌信任度。 那是另一部分，也许您处于与知名品牌合作的情况，因此您需要像这样，您可能会说，这些品牌信任我们。

或者你有很多用户，你说，我有这么多用户。 你总是想办法让客户觉得我可以信任这个人。 我不像他们的第一个客户。 这可以通过比推荐书更多的方式来完成，无论是首先还是中间，根据研究，这有点像，更多的是关于你在做什么，你在卖什么或者你是什么为那时而建，就像，这就是确切的路径。 我认为一般来说，人们会说确保你在页面顶部有简洁的解释和号召性用语。 通常你想要一张图片，然后如果它有意义，有时定价表就在顶部，特别是如果它是用户的第二次导航，比如假设他们去你的主页，然后他们点击定价页面。

您可能不想在下面深入了解定价页面。 他们打算看定价，所以向他们展示价格。 与传统的登陆页面一样，该定价页面可以位于下方。

确保你，你保持行动号召是明确的，然后我认为你，你准备好了。 所以你有你的内容。 您有点知道您想要哪些部分，并且您已准备好开始为您的网站进行实际设计。

对我来说，在这个阶段，我会推动人们在 WordPress 中这样做。

我得到它。 我有一些反对意见，嗯，现在合作要容易得多，你们俩都在做同样的事情，比如 Figma 之类的东西。 我明白了。 如果您有与某人合作的奢侈，也许这就是事情。 一般我不会。 而且我不知道有多少人确实拥有这样的奢侈，就像我们将有两三个设计师同时从事同一件事一样。

但对我来说，你想尽可能地接近它将要居住的地方，它实际上将在哪里。 你想在那里做。 不要通过在 Figma 中创建它来完成您的工作三遍，然后尝试弄清楚如何去做，或者，你知道，我们正在选择 Figma。 就像 Figma 是一个很棒的工具。

但它不会转换为完成网站。 您必须手动完成所有这些工作。 我知道人们会喜欢，嗯，你可以导出 HTML 和所有这些东西。 就像，是的，我加入了，但这并不是你最终真正想要的。 您想要的是 WordPress，以及您想要使用的 WordPress 工具。

我的观点是 Kadence 应该是一个足够的工具，您不需要其他设计工具来设计，因为您可以在 Kadence 中实际完成您的设计工作。 并且不需要工具来完成它，但是你进入 Kadence 就可以了，好吧。 你只需要在这里多一点填充。

而且我知道我想要这里的边界半径和一点阴影，你可以在 Kadence 中获得非常好的设计，因为它是一个设计工具。 所以你可以把它用作设计工具，你可以调整，你可以移动，你可以撤消和重做事情，但你正在做所有的工作。

所以当你完成时，你实际上已经完成了，而不是，好吧，我们终于完成了设计，它在 Figma 中。 然后你去，好吧，太好了。 现在我们必须再次完成所有这些工作才能真正在 WordPress 中实现。 对我来说，我想更接近它在哪里生活和设计的终点，并在它的限制下进行设计。

就像 WordPress 有限制，Kadence 有限制一样。 尽管我想给你每一个选择，我会继续努力让它尽可能多的选择。 仍然会有设计限制。 你需要考虑这些并不总是限制，但就像，它让我保持在一个特定的、特定的领域内，我应该编辑什么，也许我不应该编辑。

凯西：对。 我有很多话想说。 首先，我认为最终发生的情况是，当你使用 Figma、Miro 或其他工具进行设计时，你正在构思你想要的东西看起来像什么，你几乎可以陷入完美主义模型在哪里，好吧，然后我们可以调整这个，我们可以调整这个，我们可以调整这个。

突然之间，你得到了一个看起来很棒的天空设计。 也许绝对完美。 它可能拥有最优秀的头脑，将他们所有的内容和设计理念整合到绝对完美的东西中。 然后它不一定在现实世界中翻译得很好。 另一件事是当你甚至在设计时，例如，如果你正在设计使用自定义字段的东西并且你正在做数据设计并且在一个完美的第三范式数据库中，这就是一切应该工作的方式，对吧.

它应该有这个表与那个表相关，并且一切都应该是完美的和第三范式。 在现实世界中，这实际上可能不是向前台的简提供数据输入的最佳方式，您将不得不选择此方式，并且将采用这种方式。

然后，当您将其转为实际在 WordPress 中使用时，它实际上可能无法按这种方式设计。 因此，当您在更接近工具的地方进行设计时，不仅可以节省时间，还可以节省使您的设计工具中的一切都完美无缺的分析瘫痪，围墙花园。 但是您正在使用将向客户展示它的工具来做这件事。 您正在以最好的方式进行操作，不仅对使用 wp-admin 的人，而且对在前端查看它的人，在工具的限制下都是最好的。 很多这样的动态内容，动态内容的工具仍然处于它们的阶段，嗯，它们并不是真正处于起步阶段，但还有很多工作要做。 要使动态内容的无代码方式发挥作用，还有很多工作可以做。 因此，在此范围内工作，构建可以随着工具的增长而增长的东西，在 WordPress 中做这件事更有意义，至少从我的经验来看。 我现在离开我的肥皂盒了。

本：是的。 我觉得有时候你知道这很令人沮丧，我从 Figma 的设计师那里得到了文件，我很喜欢，但那是什么，移动设备呢？ 他们就像，哦，是的，我可能也需要为你制作一个移动版本，嗯。 我想，嗯，不，当你在 WordPress 中设计时，你已经在移动设备中进行设计。

你已经在尝试弄清楚了。 你只需要从一开始就这样想。 您可以使用其中的一些设计工具，而不必被迫以这种方式思考。 我认为最常见的事情，实际上，我认为它甚至不是移动的，因为大多数人都比较了解。

是大屏幕。 他们设计了这些非常窄的页面，我很喜欢，但是当它只占你屏幕的三分之一时会发生什么？ 然后你把那个宽度拉出来，突然之间它的设计就完全不同了。 我认为这些工具真的很有帮助，但是当有人在设计它们时，我经常对他们没有展示的东西以及设计师没有考虑和能够不考虑的东西感到更加沮丧，好吧，我不需要在这里考虑一个 27 英寸宽的屏幕，因为我将像素宽度设置为 1400，这就是屏幕的宽度，因为这就是 Figma 中的内容和类似的东西。

So, I would encourage people to try to design in WordPress when they can, but don't do it without your content because you will be so frustrated to try to do it without. It just doesn't, it just never really works.

Kathy: Okay. Well, that's a definitely an interesting discussion. We'd love to hear from you about your experiences, designing new sites or redesigning sites. What tools are you using? What works for you? Are you finding tools like Figma, Miro, and I don't know, Adobe's got stuff too. There's a whole list of things that you can use in order to design.

Do they help your process? 如果是这样，怎么办？ Or do they kind of just get in the way and you'd rather just, start with a starter template or Kadence wire frames and just roll from there. 我们很乐意听取您的意见。 Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. 是的。

Kathy: I am so excited about Shop Kit 2.0, I know everybody who was on that training is excited for it. We're getting pinged on Twitter and other social media places. When's it dropping? When can we play with it too? Give us a good overview of what Shop Kit 2.0 includes and when we can see this in people's dashboards.

本：是的。 I mean, I think you can see it in your downloads page by the time you're listening to this, you should be able to go into your account and see it in your downloads page. Um, that'll be the beta version. Things are really close. I'm still always kind of like doing little tweaks in here about like what settings, but it very much is like a good foundation for templating inside of WooCommerce.

So what 2.0 largely brings into the equation is the ability to create templates for your product pages, your archive pages and things like that. And you can apply them to an individual product or you can apply them across a category or a tag or whatever. , that key means that like every piece of WooCommerce then got kind of put into a block with its own block settings.

So you can kind of rearrange and organize and there's some cool things you can change the way that tabs work inside of a product page, which is kind of a standard WooCommerce implementation, but you're going to get a lot more control over it. Hide and show tabs, change the order, things like that. You also get, with Shop Kit 2.0, we kind of rewrote our gallery. So the gallery extension now is a lot more robust. It does like variation galleries and has a lot more control for different layouts based on screen size, so that's pretty exciting. So yeah, it's largely going to be a tool to help you build very unique and much more interesting product pages, so it's just going to be much easier for you to do really cool stuff.

Kathy: Very exciting. And so the beta is going to be available. If you are a bundle owner full bundle or the lifetime or if you bought Shop Kit in the past, that's available to you as well. And the full version going to be ready in a couple of weeks, looks like. 非常令人兴奋。 Well, if you are on our mailing list, you will get an announcement as soon as all of the stuff comes out.

And that's the big news with Kadence right now. I know you got a lot of other things going on. I don't want to put any pressure on you of when those types of things are coming. Cause I know this is a big one and big news for Kadence and WooCommerce users. Well, any final thoughts?

Ben: Well, go party up on the beach, Hannah, for us both because you're only one that's successfully is in the party zone.

Hannah: I'll do what I can.

凯西：太好了。 Yeah, we're all living vicariously through Hannah's adventures right now. 太酷了。 Well, we will be back in a couple of weeks. I think next time we should talk a little more about WooCommerce because there's some interesting things happening there. So thanks for tuning into the Kadence Beat and we will talk to you next time.