技術如何塑造設計師、開發人員和營銷人員之間的權力動態

WordPress 今年 20 歲了，這意味著開發人員、設計師和營銷人員已經在幕後工作了 20 年，為網站構建、設計和創建內容。 內容消費的不斷變化和在 WordPress 中工作的重要團隊之間的緊張關係意味著創建網站並不總是那麼容易，當然也有其自身的挑戰。

在本次會議中，WP Engine 創始人兼首席創新官 Jason Cohen 從頭開始，回到 2003 年，回顧了當時的網站創建以及 WordPress 已經並將繼續塑造設計師、開發人員和營銷人員之間的工作流程的方式。

會議幻燈片：

成績單：

JASON COHEN：大家好，歡迎來到 DE{CODE} 2023，這是由 WP Engine 製作的虛擬開發者大會。 我的名字是傑森科恩。 我是 WP Engine 的創始人。 我今天就要開始了。 但是我們有一個驚人的事件，在 WordPress 開發世界中有數十個有趣的現代主題會議。 所以整天都在關注。 我認為您會學到很多東西，並對最近發生的許多技術發展感到興奮。

因此，我將以一個有趣的話題開始，在過去 13 年的運行 WP Engine 中，我看到了變化、發展和展開，我認為它非常有趣並且與我們所有人都相關，這是製作網站的人、設計師、開發人員和營銷人員之間的權力動態。 首先，我想帶你們回到一個時代，你們中的一些人可能還沒有活著，但你們中的那些還活著的人會記住這種廢話。 這些是 90 年代的網站。

還記得亞馬遜是一個我認為是游泳池的時候嗎？ 在我看來，它就像一個游泳池。 在我看來它不像亞馬遜河。 但是每個網站看起來都是這樣，那種背景顏色，而且總是有 Times Roman 字體。 看，他們有一百萬個網站。 我想這很好。

我們會用這些蹩腳的工具搜索網絡。 [大笑] 九個搜索結果，這在當時已經很多了。 谷歌在過去非常甜蜜。 2500 萬頁，哇，很多。 您可以選擇 10 個結果或更多。 我也喜歡它來自斯坦福大學。 它還不是谷歌合適的。 這只是斯坦福的事情。 我想知道他們是否從中賺到了錢。 我想大概是這樣。

這些令人驚嘆的網站幕後技術如何？ 好吧，如果你像我一樣，你可能在壁櫥裡有一台服務器。 我確實在壁櫥裡有一個服務器，就像這樣，包括風扇，因為裡面很熱，當然，你必須把熱空氣吹出去，這樣東西就不會融化，雲之前的世界，我也記得如果你不得不更改網站，你會坐在這裡的椅子上，插入你的鍵盤和一個小顯示器，然後更改網站。

我不敢相信我們做了那樣的事情，但我們做到了。 太棒了，我想我們的娛樂活動發生了很大變化。 有時候，我猜事情會回來。 但我最喜歡的部分是邁克爾喬丹的三頭肌。 我的意思是，你知道在這張照片中他就像坐在那裡彎曲，知道這個三頭肌會出現在海報或其他東西上，因為即使你是邁克爾喬丹，你也必須證明你有肌肉或其他東西像那樣。 我不知道。

現在好點了嗎？ 這部電影變得更好了嗎？ 曾經好過嗎？ 我不知道。 但是很多事情都發生了變化，比如手機。 我想玩貪吃蛇曾經很有趣。 至少我們會更多地互相交談。 所以也許這樣更好。

現在我們口袋裡的電腦可能比我們的筆記本電腦更好，我想這是一件好事。 這當然是一個有趣的發展。

那麼在過去，在這個詭異的世界裡，這些明明很重要的做網站的玩家，到底是什麼關係？ 設計外觀的設計師。 雖然，那時候，你沒有太多選擇。 開發人員，製作它的極客，以及網站所有者，需要該網站以某種方式有效的人。 答案是開發人員擁有所有權力，因為如果營銷人員想要更改“關於我們”頁面上的某些文本以修復拼寫錯誤，他們將不得不向開發人員開具工單，而開發人員將進入壁櫥並做出改變。

如此有效，開發人員擁有所有權力，所有控制權，這並不好。 即使對於開發人員來說也不好，因為如果您是軟件開發人員，您就想編寫代碼並製作有趣的東西。 您不想為有票的人編輯文本。 就像，這不是一件有趣的事情。 因此，開發人員不僅擁有所有權力，而且沒有人對這種情況感到滿意。 但這就是它一開始的樣子，因為它是新的，而新的技術通常是無法獲得的。

所以隨著時間的推移發生的事情是，由於 WordPress 之類的東西，營銷人員最終獲得了越來越多的控制權。 現在，Matt Mullenweg 可能還記得這個版本的 WordPress。 它是 1.0.1。 儘管這顯然很簡單，而且 1.0.1 版的任何內容都將變得簡單，但與營銷人員剛剛擁有的功能相比，它已經擁有令人難以置信的強大功能。

我的意思是，有一個文本框，他們可以更改文本。 他們甚至可以讓它聽起來大膽、愚蠢和簡單，我想這很簡單，尤其是按照我們的現代標準，它非常強大，因為現在你可以在不與開發人員交談的情況下更改“關於我們”頁面中的拼寫錯誤。 與你所擁有的相比，這是一個驚人的力量。 而這只是 1.0.1 版，幾乎沒有做任何事情，而且是 WordPress 所做的最少的事情。

因此，即使只是在 WordPress 的最開始，它就開始改變誰能夠做什麼、誰控制什麼的權力動態，我認為這是一個有趣的動態，可以貫穿今天和未來，看看這是如何改變的，這有時是好的，但實際上，有時是壞的，這意味著我們需要做些什麼。

如此向前看，因為回顧過去很有趣，但我們明白了，當然，WordPress 通過主題和插件系統為營銷人員和設計師帶來了全新的視角，今年 WordPress 慶祝成立 20 週年，是驚人的和不可想像的，我想我們中的任何一個人，無論我們在 WordPress 社區工作了多久，每次我們想到它已經存在了多久的技術，當然是技術，但即使只是一般來說。 作為人類，20 年對任何人來說都是很長的一生。 所以這太神奇了。

WordPress 當然繼續吞噬互聯網，其中大多數 CMS 或大多數使用 CMS 的大型網站都使用 WordPress，這實在是太驚人了，很難想像這樣的東西怎麼會出現在互聯網這麼大的地方，但它是WordPress 所做的——我們都知道這一點——是它在營銷人員、設計師和開發人員之間創造了這種權力平衡，當然，它開始於帶有一些格式的簡單文本框，然後它繼續做很多事情。 我們不必一一列舉。

但是如果我可以作為營銷人員控制菜單，我就可以製作頁面並組織我的導航並真正構建整個站點或多站點，我可以在其中啟動多個站點，整個站點而無需與開發人員交談，或者驚人的 SEO迄今為止，在如何在網絡上進行 SEO 方面處於領先地位的工具剛剛內置，營銷人員可以使用它來盡可能聰明，同樣，無需與開發人員交談，也無需創建人們可以填寫的表格。 顯然，這只是 WordPress 中數十個主題中的四個，這些主題以不剝奪開發人員權力的方式為市場提供動力。 開發人員仍然在做各種各樣的事情，比如製作執行此操作的工具，當然設計師可以讓它看起來像他們想要的任何東西，所以每個人都開始擁有他們應該擁有的權力，這樣每個人都可以更好地完成他們的工作。 WordPress 再次通過這些功能促進了這一點。

現在，在過去幾年中，塊編輯器和全站點編輯達到了頂峰，我們在總體上又向前邁進了一步，特別是在開發人員、設計人員和站點所有者的這種動態方面，以及什麼這意味著。 我認為塊編輯器——再一次，在全站點編輯中達到頂峰——將它提升到一個新的水平。 開發商並沒有失去任何權力。 他們仍然控制著網站的組裝方式，但現在，他們有了一個新工具。

所以我們有插件和簡碼之類的東西。 顯然，我們有主題之類的東西，現在，我們有另一個工具，當然這個工具是塊，這是開發人員創建可視化功能的另一種方式，可以與其他東西混合，可以是涉及佈局，可以有各種配置，使營銷人員能夠對其進行特定類型的更改。

然而，該塊是可重複使用的。 它是可測試的。 無論你是在你的公司還是在你的機構內重複使用它，或者你可能在互聯網上贈送它，也許你在互聯網上出售它，只是各種不同的方式來利用這種能力並用它做事就像我們已經長期以來一直在使用插件和主題。 這只是開發人員創建交互式和可視化組件的另一種方式，對開發人員來說太棒了。

現在，確實要學習新技術。 有 React 之類的東西。 有像 JavaScript 這樣的東西。 那是真實的。 但是，當然，作為開發人員，這就是我們生活中的一部分，有時就是學習新技術。 你不必。 您可能是 COBOL 開發人員，他們作為 COBOL 開發人員有很多工作保障。 所以你可以這樣做。 這是職業道路之一。

但大多數情況下，作為開發人員，我們有時確實必須學習技術，以便隨著技術的進步而進步。 所以對我來說，塊只是其中之一，是的，有一些新東西需要學習，這樣做有很大的好處，它通常有助於 WordPress 作為一個在 web 上設計東西的平台。

所以開發者仍然被授權。 設計師呢？ 啊，設計師呢，我覺得一方面，才剛剛開始，未來有各種有趣的東西，對設計師有幫助，我們最後再說。 但是，事情已經很好了，因為設計師可以再次幫助設計這些塊，這些組件是什麼。

此外，還有一些我們以前沒有的新控件和工具，現在由塊編輯器提供了便利。 因此，例如，這是我們內部網站的實際屏幕截圖，很明顯，它是 WordPress，並使用完整站點編輯和塊編輯器，您在這裡看到的是在這種情況下，它不是營銷人員，而是網站所有者，因為它是我們公司的內部網。 所以真的，是我們的員工體驗人員在做這件事。

無論如何，您可能會說，哦，您可以為文本顏色、背景顏色、邊框顏色或類似顏色選擇任何顏色。 但是，如果你可以選擇任何顏色，一方面，我想這是能夠選擇任何東西的能力，另一方面，這意味著你不在品牌上，因為你所看到的是我們的 WP Engine 品牌顏色。

因此，一方面，您想賦予營銷人員選擇顏色的權力。 另一方面，也許您想留在品牌調色板內，或者幾乎一直想留在該調色板內，或者當然可以輕鬆地從調色板中挑選顏色，這就是您在這裡看到的所以這是我們用我們的品牌調色板配置了塊編輯器。

因此，對於那些既不是設計師也不是開發人員的人來說，製作看起來不錯且符合品牌的精彩內容非常容易。 所以這是設計師的夢想，讓其他人能夠做到這一點，同時保持品牌不變。 如果你真的想讓設計師生氣，那就離開品牌吧。 我也學到了。 他們是對的，順便說一下，他們是對的。 [笑]

那麼營銷人員呢？ 嗯，再一次，我認為如果 WordPress 還沒有迎來賦予營銷人員權力的黃金時代，我認為塊編輯器和完整站點編輯顯然會更好，因為現在他們可以構建完整的內容佈局或整個頁面佈局不同。 而以前，您可能需要開發人員在主題內製作一個新模板或類似的東西。

因此，無論是自定義頁眉和頁腳、側邊欄、內容區域，還是具有不同佈局的全新頁面，我的意思是，這就是所有的東西，這就是重點。 這就是為什麼它如此強大，因為他們可以做所有的事情。 你可以在一個下午通過拖放和其他方式自己創建 20 個登錄頁面，然後將其加載到 A/B 測試器中，你可以自己完成所有工作。 您不必等待開發人員對其進行編碼。 您甚至不必等待設計師模擬它。

在 WP Engine，我們當然會這樣做。 大多數公司在某種程度上都會為內容製作登錄頁面並對其進行測試，過去我們需要花費數週的時間來設計它們，然後開發它們，然後將它們加載到 WordPress 中，等等，而現在我們確實需要一個下午的時間來完成賺 20 美元。這是令人難以置信的授權。

所以我們現在到了這個年齡，這很棒。 WordPress 確實使這三個角色能夠一起發揮最大的作用，這很棒。 但是在 Web 開發中，特別是在 WordPress 開發中，還有另一種趨勢正在發生，那就是無頭開發，我們已經在 WP Engine 和我們的 DevRel 以及去年的 DE{CODE] 中討論了很多，我們將討論今年更多，因為這是一個持續的趨勢。

現在，互聯網上最大的網站中有 3% 是無頭的，從長遠來看，這比 Drupal 更大，與 Shopify 差不多，而且增長非常快。 所以這個廣場會越來越大，但是它已經很重要了，所以這是一個重要的發展趨勢。

我們相信無頭 WordPress 網站是無頭網站的未來，當然，這是我們在 WP Engine 上非常致力於我們的產品 Atlas 的事情。 同樣，稍後您將在其他會議中聽到更多相關信息。 但是現在，我想談談 headless 的一個問題，因為 headless 破壞了我們剛剛談論的所有這些美味的東西。 因為 headless 刪除了所有前端內容，這意味著網站的外觀、URL 的解析方式、實際發生的情況、我們在 WordPress 中可能稱之為主題的內容，所有這些都發生在 WordPress 之外。 這最終打破了 WordPress 構建的這種動態和偉大的東西。

因此，特別是，開發人員仍然被授權。 事實上，他們被壓倒了。 事實上，這就像回到 1997 年，那裡的一切都需要開發人員。 所以好消息是，開發人員可以使用所有這些現代開發工具、JavaScript，以及整個開發管道、開發工具、測試工具、React 和其他組件網絡的世界、Gatsby 的世界，以及Next.js 和其他用於構建網站的框架，其中有令人驚奇、不可思議的東西。

您可以使用一些庫來做各種令人驚奇的事情。 很容易獲得對其他地方任何類型的託管服務的 API 訪問權限，以將其他服務集成到其中。這是人們在編碼學院和大學學習的現代語言，總的來說，它是最流行的編程語言。 開發人員非常喜歡它，這很好。

但此時的問題是，它是以網站所有者甚至設計師為代價的，因為營銷人員說的這些話，等等，我習慣於編輯內容，做任何我想做的事，開發人員說，是的，那是現在發生在 JavaScript 中，所以你不能那樣做。 但是等一下，我設置了菜單並製作了頁面，而 JavaScript 開發人員說，不，我們製作菜單，我們製作頁面。 突然之間，我們回到了 1997 年。您想將圖片向左移動五個像素，請打開一張票。 當然，這很糟糕。 這與 1997 年的情況一樣糟糕。

所以我們對此的願景是，好吧，無頭是一種趨勢。 它會繼續下去。 有好處，但我們必須對這種動態做點什麼。 因此，WP Engine 在構建軟件、基礎設施、Atlas 和 Faust 等方面發揮了我們的作用，您將在今天晚些時候聽到這些內容。 但我只想從高層次上談談這些東西是什麼，然後展望未來以及會發生什麼樣的事情。

所以我們知道開發人員很高興，好的，很好。 設計師呢？ 好吧，這對設計師來說真的是個好消息，因為事實證明，有很多很棒的設計系統專門針對 React 等 JavaScript 框架。 例如，這是我們在 WP Engine 中使用的設計庫。 所以我們建造了這個。 我們稱之為獨角獸。 這是一種內部產品名稱。 但是有些工具既可以免費使用，也可以來自任何開源和封閉源代碼，您可以將其用於此類事情。

但基本上，這個想法是你有一個組件庫，同樣，就像塊一樣，但對於 React，這些組件中的每一個都是以特定的方式設計的，以特定的方式運行。 它們可能有不同的狀態，比如它們是活動的還是不活動的，選中的還是禁用的，或者使用不同的語言或不同的上下文，等等，無論是營銷網站的視覺元素，還是控件，甚至在營銷站點，您需要諸如表單、定價頁面之類的東西，或者某種狀態，或者控制面板或用戶門戶與營銷站點之間的某種更好的集成。 這些越多，客戶體驗就越好。

不管怎樣，有這樣的系統，對設計師來說很棒，因為他們可以製作所有這些，並且幾乎可以像單元測試系統一樣使用它來查看它。 但是開發人員可以選擇這些。 這些都是 React 組件。 他們可以把它們撿起來，放進去。所以就像我們用積木談論營銷人員一樣，開發人員可以拿走這些東西，使用它，然後砰的一聲，它們在品牌上，一切看起來都是一致的，而且組件已經在所有瀏覽器和東西上進行了測試，等等，所以這真的是設計師擁有他們的東西然後開發人員能夠重用它的完美結合。 所以當談到設計師可以做什麼時，實際上是個好消息。

那麼網站所有者呢？ 營銷人員呢？ 可能是最重要的人，因為他們需要網站表現良好，無論這意味著什麼。 這可能意味著產生廣告收入。 這可能意味著電子商務交易。 這可能意味著偉大的品牌。 這可能意味著讓您宣傳您的公司，或者只是傳達世界上重要的事情。 無論如何，他們需要網站來執行。

那麼他們呢？ 嗯，對於營銷人員來說，headless 的第一個好處就是性能。 所以這是我們的一位客戶的圖表，他剛剛通過超級碗廣告看到了超級碗期間你獲得了什麼樣的流量，對吧？

所以他們投放了兩個廣告，這些是兩個小光點，或者你可以在右邊看到的兩個細光點。 第一個亮點是他們在一分鐘內僅獲得 500 萬次點擊的第一個廣告。 然後第二個光點是第二個廣告，在三分鐘的時間裡，他們獲得了 2500 萬次點擊。 如此絕對驚人的規模。 該站點沒有問題。 在那期間，我們坐在那裡自己刷新網站。 它非常快。 在該峰值期間，第一次咬人的平均時間為 150 毫秒。

所以無頭網站可以非常快速和可擴展，所以這真的很高興看到。 還有，一開始就在這裡顯示這些奇怪的三個光點，就像一個心臟監視器，這真的很有趣。 那些是負載測試，因為當然，客戶就像，我不知道你們是否可以處理我們的流量，所以我們進行了負載測試。 如您所見，即使是負載測試也無法重現您在超級碗期間獲得的流量。 幸運的是，一切都很好，一切都按比例縮放，一切都很好。 但它幾乎不值得嘗試測試它，因為你無法模擬它。

無論如何，好的，所以這很好。 如果你是網站所有者，你會說是的，這就是我想要的技術，到目前為止，非常好。 但是我被剝奪權力怎麼辦？ 這就是我們對 Atlas 和 Faust 所做的改變。 所以你今天晚些時候也會看到這個。 你可以自己玩。

順便說一句，這都是開源的，GPL，所有的好東西。 WordPress 組件和 JavaScript 組件都是開源和免費的。 所以這是一個社區項目。 我們很樂意讓您嘗試一下。 我們希望您為此做出貢獻等等。 所以請檢查一下。

但只是為了給你這個快速演示，你在左邊看到的是常規的 WordPress 塊編輯器，你可以看到有人正在編輯圖像中帶有一些奇怪背景顏色的文本，然後在右邊，這是一個無頭的基於浮士德的headless WordPress 站點，如您所見，塊編輯器中的所有設置和配置都已轉移到那裡。

但這是神奇的部分，右邊的東西是原生的、常規的 React 組件，不是奇怪和特殊的東西，只是常規的東西。

所以這意味著我們已經進入了塊編輯器的世界，它具有我們所說的所有好處，並且會繼續變得越來越好。 但我們還在前端保留了 React 生態系統和原生 JavaScript 的所有優勢，因此普通的 React JavaScript 開發人員只會說，好吧，這些都是 React 組件。 我知道怎麼解決這個問題。 我們完成了。

所以這對雙方來說都是一種完美的情況，再一次，這就是那種態度，對雙方來說都是完美的情況是我們將如何回到這個狀態，即使是在沒有頭的情況下，每個人都控制自己的區域，每個人都對技術如何發展，等等。 這就是我們對無頭的願景。 而且，我認為它只是延續了 WordPress 的願景，以及它在製作網站方面為世界上每個人所做的一切，我們也只是將其推向了無頭。

那麼，這在未來如何才能再次變得更好呢？ 一些事情，其中​​一些我們正在努力，其中一些我們沒有，或者我們將來可能會做一些事情，但我鼓勵社區致力於它們，因為我認為 WordPress 有實力一個社區。 我們正在儘自己的一份力量。 但實際上，我們所有人都需要做到這一點。

所以這裡有一些想法。 所以首先，這是設計系統。 將這些集成設計系統與 React 結合起來真的很棒，但是塊編輯器呢？ 不應該兩者兼而有之嗎？ 設計師不應該先製造東西，然後它們變成塊，然後變成 React 組件，所以一切總是相互聯繫並且總是有意義的嗎？ 我認為那將是不可思議的，而且顯然是一個可以讓每個人更加團結的地方。

測試是另一件事，它有點特別。 沒有一種標準的方法可以做到這一點，尤其是當你同時考慮塊和前端 React 組件時，擁有一個集成的測試套件意味著什麼，甚至可能與設計系統集成，因為如果這些都經過測試，你可以放棄他們進來，這聽起來真的很紮實。 聽起來如果你有可靠的組件，你真的可以非常快速和高質量地構建東西。 我認為這是一個非常有趣的探索領域。

另一個已經在塊編輯器路線圖上，所以我不是我在這裡真的沒有說任何新的東西，就是確保塊是多語言、多語言環境準備就緒的。 今天的大多數 WordPress 都不是英文的。 而且我認為隨著時間的推移，越來越多的 WordPress 將不是英語，因為世界上有更多的人不會說英語，而且隨著越來越多的人上網，其中大多數人不會說英語。

所以對我來說，它只是 WordPress 總體上自然發展的地方。 我認為它與 WordPress 的精神一般兼容，盡可能多的人可以訪問。 那必須成塊。 同樣，這已經在路線圖中了，但這很令人興奮。 同樣，這也需要通過無頭系統流入。

然後我們可以與營銷人員一起做更多事情並賦予更多權力。 我的意思是，他們擁有如此強大的力量，但那又如何呢？ 他們就像，總是有更多的事情要做，尤其是在無頭遊戲中，很多力量已經被移除，還有很多東西要放回去。 所以只是一個小例子，假設您將網站從一個地方移動到另一個地方，舊流量仍然會轉到舊頁面並需要重定向到下一頁。 沒問題。 WordPress 中有插件可以做到這一點。

但在無頭上下文中，這是行不通的，因為無頭組件也不知道這一點。 因此，將其從 WordPress 帶回無頭組件將意味著營銷人員重新控制這些被調用的重定向。 所以有很多這樣的例子，我們必須給營銷人員更多的權力，特別是在一些權力已經被移除的無頭環境中。

最後是 AI，所以在剩下的 30 秒內，我將向您全面介紹 AI 的現狀和未來，除了一件事。 我絕對不會在 30 秒內這樣做。 當然，這是一個令人難以置信的話題，一切都非常令人興奮，我們需要比本次主題演講結束更多的空間來談論它。 所以請繼續關注，很明顯，這將是一個令人難以置信的探索領域。 事情會被嘗試，事情會失敗，事情會變得非常美妙，看到這一切的發生肯定會令人震驚。

所以我們可能會表現出一點偏見，但我們認為 WordPress 不僅是最好的 CMS，而且還是最好的無頭 CMS。 無論云技術和互聯網技術發生什麼變化，我們都在這裡。 同樣，我認為 WordPress 的優勢在於社區，而我們正在儘自己的一份力量，努力使這三個角色之間的動態盡可能強大，你們中的很多人也是如此，我認為這是一種有趣的方式陳述願景聲明是為了讓開發人員、設計人員和網站所有者、營銷人員能夠儘自己最大的努力並共同努力。

我認為 WordPress 在該使命宣言方面做得很好。 和我們所有人一起，我們可以讓這一點變得越來越真實。 我們已經做了 20 年，這仍然令人難以置信。 我們在這里為接下來的 20 人繼續這樣做。

所以堅持下去。 將舉行超過 12 場關於各種主題的分組會議。 其中一些是關於 WP Engine 的產品，比如 Atlas，這是我們的無頭產品，Local，WP Migrate，ACF。 有關於 WooCommerce 的主題，但也有關於 WordPress 世界中一般事物的主題。 甚至除此之外，還有來自 Google 的談話，甚至還有來自 Matt Mullenweg 的談話。 因此，請繼續關注各種有趣的信息。 記住，所有的會議都被記錄下來，所以如果你不得不錯過一個會議，或者如果有兩個會議同時進行並且你想同時看到它們，那麼就在之後觀看會議，我會在那裡見到你。 謝謝。