第 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 中設計時，你已經在移動設備中進行設計。

你已經在嘗試弄清楚了。 你只需要從一開始就這樣想。 您可以使用其中的一些設計工具，而不必被迫以這種方式思考。 我認為最常見的事情，實際上，我認為它甚至不是移動的，因為大多數人都比較了解。

是大屏幕。 他們設計了這些非常窄的頁面，我很喜歡，但是當它只佔你屏幕的三分之一時會發生什麼？ 然後你把那個寬度拉出來，突然之間它的設計就完全不同了。 我認為這些工具真的很有幫助，但是當有人在設計它們時，我經常對他們沒有展示的東西以及設計師沒有考慮和能夠不考慮的東西感到更加沮喪，好吧，我不需要to think about a 27-inch wide screen here because I set my pixel width at 1400 and that's this wide it's the screen is cause that's what it is in Figma and things like that.

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? And if so, how? 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 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. So very cool. 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.