按此：Genesis 背後的工程師到底在與 Mike McAlister 一起做 FSE

歡迎來到來自 WMR 的 WordPress 社區播客 Press This。 在這裡，主持人 David Vogelpohl 與來自社區的客人坐下來討論 WordPress 開發人員面臨的最大問題。 以下是原錄音的抄錄。

由 RedCircle 提供支持

David Vogelpohl：大家好，歡迎收看 Press This，這是 WMR 上的 WordPress 社區播客。 這是您的主持人，大衛·沃格爾波爾。 我通過我在 WP Engine 的角色支持 WordPress 社區，我喜歡每週在 Press This 上為您帶來社區中最好的。 提醒一下，您可以在 Twitter @wpdavidv 上關注我，也可以在 Red Circle、iTunes、Spotify 上訂閱 Press This，或在 wmr.fm 下載最新劇集。 在這一集中，我們將討論 Genesis 背後的工程師到底在做些什麼來進行全站點編輯？ 並加入我們的 WP Engine 對話。 我想歡迎唯一的邁克·麥卡利斯特。 邁克，歡迎按此。

Mike McAlister：謝謝你讓我回來。 今天很高興與 WordPress 聊天。

DV：我想說歡迎回來按這個你想提醒觀眾四年前你沒有按這個嗎？

MM：是的，沒錯，我在。 在 WP Engine 獲得了我的一些插件和我的主題集之後不久。 數組主題。

DV：臭名昭著的原子塊和它是這樣的，不要認為超級反派

MM：是的，沒錯。 這是正確的。

DV：我喜歡。 我喜歡。 嗯，這很酷。 我很高興你回到這裡。 我知道從那時起，方塊世界發生了很多變化。 對於我們的聽眾，當然還有他們的聯繫人。 Mike 是一家公司 WP 引擎的首席工程師，該公司當然還收購了 Genesis 框架和 Genesis 產品套件。 邁克今天要和我們談論的是他對虛假身份的看法，他認為這將對 WordPress 主題產生影響。 猜測這是一個關於他的團隊正在開發代號為 FSE 工作室（最終名稱待定）的全新輸出產品的重大細節和具體細節。 但 Mike 將帶我們了解產品的工作原理、他們對未來的計劃以及您如何自己參與 Alpha 以同時提升您的 FSE 遊戲。 好吧，邁克，我要開始了。 我知道四年前我已經問過你這個問題，但如果我不記得答案，你會原諒我的。 你能簡單地告訴我你的壓抑起源故事嗎？ 您第一次使用 WordPress 是什麼時候？

MM：是的，絕對的。 這次我會給出 TLDR 版本。 是的。 你知道，我最初是一名設計師，你知道我設計了網站、徽標，以及所有類似的東西。 而且你知道，最終在設計了這麼多網站之後，人們開始問我你也可以建網站嗎？ 因此，我進入了構建網站的自由職業世界。 不久之後我就喜歡了，這太古老了。 一定有更好的方法。 當然，我像許多人一樣偶然發現了 WordPress。 因此，您知道，擁有內容管理方面並能夠構建主題，並且能夠將主題從一個項目複製和粘貼到另一個項目，並且您知道，每次構建網站時都可以作為起點。 那完全改變了遊戲規則。 那麼，那是什麼？

DV：天哪，就像 2000 年代初一樣。

MM：我會說像 2008 年那樣，可能

DV：在那之前我可以編碼的九個類似重建的網站是什麼時候？

MM：是的，大多數情況下，你知道，我正在處理的客戶，或者他們在領域空間領域投資。 所以他們一直在尋找很多登陸頁面。 所以真的只需要簡單的一種 HTML 登陸。 頁。 但是，是的，從那裡開始，我開始得到不同的客戶，他們就像，好吧，好吧，現在我們需要你知道，博客和所有其他的東西。 所以那是我偶然發現WordPress的時候。

DV：在小部件短代碼之後不久，什麼很酷，甚至 Genesis 也是 2007 年。如此真正的大變化 iframe 進入 WordPress 冒險，這是一個激動人心的參與時間。 所以我們之前談到了你在獲得原子塊之後是如何加入 WP Engine 的。 Group 您能簡單介紹一下 WP Engine 以及您現在在那裡做什麼嗎？

MM：當然。 是的，正如你提到的，在頂部。 我是我團隊的首席工程師。 你知道，對我來說，原則對於不同的團隊可能意味著很多不同的事情。 它讓我可以利用我作為軟件工程師、設計師或產品人員的所有技能，以及總是有點期待的人和 WordPress 來看看接下來會發生什麼。 因此，我使用所有這些技能來幫助我的團隊構建和維護 WordPress 產品，以提供您知道的支持、社區中正在進行的努力、完整的站點編輯塊等。而且，您知道，幫助推動我們的公司向前發展並支持我們的客戶群，並為他們提供構建更快、更好、更快、更強大的網站所需的工具。

DV：太好了。 好吧，我知道 FSE 在這方面是很多人的想法。 我很高興聽到更多關於首席工程師是什麼的細節，我認為如果他們錯過了課程，糟糕的工程師會被他們的老師派給你，但現在，正確的答案。 謝謝你。 好的，所以對於那些可能沒有密切關注的人，你能否讓我們從高層次上了解 FSE 是什麼以及它與經典方法有何不同，然後也許在你這樣做的時候，比如您認為它為我們提供了工作的好處，首先，FSC 的未來是什麼？

MM : 是的，所以人們對經典主題很熟悉。 這些概念與完整站點編輯方式或 FSC 意味著完整站點編輯非常相似，並且名稱中暗示了您的整個站點將在 WordPress 編輯器中完全可編輯的想法，因此我們已經看到了塊和塊的興起是您內容的一種構建塊。 所以你知道，能夠讓你的內容區域變得活躍是塊的想法，但現在我們要擴展它。 頁眉和頁腳。 所以你需要能夠改變你的頁眉和頁腳。 然後你知道，側邊欄等。所以你網站的所有這些元素，願景是這些應該能夠使用各種工具在 WordPress 編輯器中構建、編輯和維護，如網站編輯器、全局樣式、塊塊樣式，所有這些東西都融合在一起，就像一種更具包容性的 WordPress 構建體驗。

DV：所以更多的控件基本上都可以在功能中使用，並且可以在 WP admin 中使用設置來構建您的主題。 這是否意味著我完全無法使用自定義 CSS 並讓它看起來像我想要的樣子？

MM：不，絕對不是。 我認為最棒的一點是，這是一種可以隨心所欲地迭代的方法。 你知道，你可以完全採用完整的站點編輯，如果你不想寫一行 CSS，你幾乎可以僥倖逃脫。 我認為，到今年年底，我們會更接近這一目標。 但在這一點上，好處多於你知道的壞處。 你知道，很長一段時間以來，我們都想要一個包容性的設計系統和 WordPress，對。 我們已經有點留給模板和 CSS 來做這件事了。 但是現在你知道了，如果你是一個代理機構，你可以想像擁有一個設計系統的力量，並迅速啟動新網站，並讓編輯出版商自己做出改變，或者如果你是，你知道，一個主題創建者。 你知道，你的事。 您知道，您可以更快地製作主題或使您的業務更快，並且隨著時間的推移也更容易維護。

DV：是的，在定制和易用性之間進行拉扯真的很有趣，而且，你知道，每個人都喜歡一個簡單的訪問按鈕。 每個人都使用 ACF，並且不會在那里手動編寫代碼和字段插件，因為它就在那裡。 但很高興看到您知道，FSC 為那些想要深入了解自定義 CSS 和其他體驗的人們提供了這條路徑，當然也可以通過插件等解決功能。 所以對於那些建築主題和你知道的方式，然後以經典主題的方式，如果你願意，他們是否必須停止這樣做，那些經典主題會像下個月、下個月​​或其他什麼時候爆發？

MM：我不這麼認為。 因為你知道，FSC 和向客戶展示控件和旋鈕的方式。 並不總是適合每個最終用戶。 你知道，如果你是一個可能為客戶構建大型企業網站的人，我想你知道，經典的收費模式實際上可能更符合他們的需求，具體取決於他們的需求。 並且通過版本控制和開發使設計更加鎖定和更嚴格地控制。 所以我認為最終取決於最終用戶。 但我認為隨著時間的推移，越來越多的工具和強大的編輯功能在編輯器中暴露出來。 我認為很多人想要加入它只是為了從中獲得價值收益，你知道，能夠快速進入那裡，並且，你知道，定制東西。

DV：所以實際上沒有為經典名稱宣布生命終止日期。 現在還為時尚早。 因此，基本上存在採用曲線，儘早獲得該權利以便能夠為未來做準備是件好事。 但是沒有像即將到來的美國在線那樣有效地讓您的主題爆炸的日子。 而且我認為有趣的是，我知道當判決出來時，很多人都擔心必須同時轉換所有這些網站。 顯然，很多這些擔憂都是剛剛成立的。 但我想談談如何真正開始採用虛假身份，我知道你一直在研究一種工具來幫助人們解決這個問題，但我們要休息一下，我們會是對的背部。 是時候插播廣告了。 請繼續關注更多新聞。 歡迎大家回來按此 WMR 上的 WordPress 社區播客。 這是您的主持人大衛·沃格爾波爾。 我正在採訪 WP Engine 的 Mike McAlister，了解 Genesis 背後的工程師到底在為全站點編輯做什麼？ Mike 休息前，您談到了 FSE 的一些作用以及 WordPress 如何隨著主題的發展而發展，實際上手邊有很多更簡單的按鈕按鈕，但仍然能夠採用這些自定義 CSS 方法. 您想在停止構建經典主題摘要中添加任何內容嗎？我在休息前一天結束時總結了您的想法。 我不知道您認為這是否是一個很好的總結。

MM：不，這是一個很好的總結。 長話短說，那些經典主題不必去任何地方。 如果你不想。 就像我說的那樣，迭代和採用你覺得舒服的樣子，這就是我們看到的結果，所以不用擔心。

DV ：好的，好的。 我只是想確保我在構建經典主題時不會感到難過。 聽起來我有時間收養。 絕對可以玩 MPC Studio，因為您也想過渡到。 但是你知道，很明顯，你已經在 Twitter 和各個地方進行了交談，並展示了一個視頻演示，實際上，這個原型你至少將其命名為 FSC 工作室作為代號。 如果 FSC 意味著更平易近人並具有更簡單的按鈕，那麼您試圖解決的似乎是 FSC 的構建挑戰是什麼。 你在做什麼讓事情變得更容易？

MM：是的，這已經更強大了。 是的是的。 你知道，正如你所提到的，你知道，我們是 Genesis 框架背後的團隊。 所以隨之而來的是很多傳統的主題，無論如何，有很多主題，這意味著大量的主題管理和更新主題，以及主題集合的整體維護。 這是很多工作。 因此，當期待 WordPress 主題的這個新時代時，他們給了一個巨大的機會來重新調整併思考，好吧，如果我們可以從一開始就以不同的方式來做這一切，我們會做些什麼不同的事情？ 所以我們採取了這個想法和主動性，由於新 WordPress 的 JavaScript 特性以及更輕量級的模塊化方法，我們可以做很多自動化的事情並以編程方式減輕隨著時間的推移創建和維護主題的負擔。 所以，你知道，就像大多數好的產品一樣，你知道 FSC 工作室的起步很好，讓我們看看我們是否可以創建一些東西來讓在 WordPress 中更容易創建，尤其是當你知道 WordPress 正在經歷轉型時，並且一切都不在那裡。 作為開發人員，您會看到一些事情並想，哦，我只是希望它現在就可以做到這一點。 因此，FSC 工作室是我們填補這些缺陷的內部工具，看看是否有一種構建體驗的體驗對我們有意義，也許對其他嘗試製作這些新的全站點編輯主題的人有意義。

DV：當人們創建 FSE 主題時，這些挑戰有哪些？ 有哪些類似的東西，插件的主要功能是什麼？ 這樣做？ 也許你可以把這個和我聯繫起來，解釋一下我們今天肯定會說的 FSE 工作室。

MM：是的，簡而言之，我們所做的是創建了一個自定義用戶界面，將 WordPress 的這些部分組合在一起，這些部分目前在某種程度上是斷開的，因此站點編輯器、主題模式、模板部分和站點模板，所有這些組成 WordPress 的東西，新的 WordPress 和其他重要的東西之一是主題點 JSON。 這是與這些新的完整站點編輯主題一起提供的樣式配置文件。 就是所有這些屬性和不同的樣式屬性，它們告訴您的主題如何行動，如何查看要啟用哪些功能，並且，您知道，僅該文件可以做的事情很多，而且有點難以理解。 我可以在裡面放什麼，我可以自定義什麼，所以我們所做的一部分是將主題的用戶界面暴露給 JSON，以說明這些是您可以使用的所有設置，並讓您知道，本著 WordPress 的精神並簡化了未來的一切，提供了一個用戶界面來打開和關閉事物，實時更改您的調色板。 您可以保存所有這些並在構建主題時預覽您的主題。 所以簡而言之，這只是一種將這些不同的 WordPress 編輯工具整合到一個 UI 中並為人們提供一個構建位置而不是 100 個不同位置的方式。

DV ：所以它從根本上專注於使使用 FSE 創建主題的行為更容易，還傾向於在主題點 JSON 中公開屬性以使其更直觀。 你覺得這類似於 Genesis 和其他框架在設計方法中採用那種 GUI 的定制器方法，還是你以完全不同的方式看待它？

MM：我想你可以，你可以在那裡進行一些比較，但我認為，所有這些新工具和 WordPress 對我們來說都是新的，就像它們對每一棟建築一樣。 我想我們希望它再次出現，我想也許這對於那些已經建立了很多主題的人來說是特別的，但我們希望看到你知道，而不是手工完成這一切，我們可以期待多少，我們可以將其中多少變成自動化？ 而且，你知道的，傾向於那個。 所以它的一部分是用戶界面，為所有這些不同的操作帶來用戶界面。 而且，其中一部分只是使用智能工具和自動化，減輕團隊創建者的負擔，幫助他們進入下一個重要部分，無論是，你知道的，設計還是其他。 所以，是的，這是一種你必須看到的東西，我想，也許可以得到全貌，但它很酷。 而且你知道，我們也非常清楚的一件事是 WordPress 可能有一天會擁有這些功能，但這是我們的一種預期方式，就像我們處理塊和模式一樣，你知道，你必須保持領先的曲線。 您預計 WordPress 正在做什麼。 盡可能填補空白，並嘗試將其用作社區教育的時刻。

DV：那麼到目前為止，我對我們所討論的內容有哪些有趣的問題，特別是對於熟悉 Genesis 和類似框架的人來說，FST Studio 是一個插件而不是父主題的想法。 我知道這特別與 MSE 有關，但是關於為什麼插件方法與父主題 Umbridge 的想法。

MM：嗯，對我們來說，你知道，我們認為 MPC Studio 基本上只是一個本地開發工具。 所以你在本地安裝這個插件，它讓你知道，它只是在一個普通的舊 WordPress 安裝中。 但它為您創建了一個 UI 來生成主題。 所以那些記得下劃線的人，你知道，下劃線是一個自動項目，你可以很容易地去生成一個初始主題，只需填寫幾個字段，它就會為你吐出一個主題。 這就是我們正在做的事情。 所以，擁有這樣的功能和插件是有意義的，我們基本上，你知道，給你一個框架來創建東西。 其副產品是，你知道，它吐出一個主題，無論我們是否進入這個新時代的父主題和子主題的範式。 的 WordPress 目前正在討論中，並且有優缺點。 所以，我比任何人都更想知道它是如何動搖的，因為它是一個相當大的範式。 但它可能不再需要，也可能不再需要。 我們也許可以使用風格變化之類的東西來解決這個問題。

DV : 這一點非常有趣，因為我知道如果你在代理環境中工作，其中的一個難題就是是的，我要安裝兩個主題，其中一個被稱為父主題。 然後，就像向人們解釋結構一樣具有挑戰性。 所以把它想像成一個造船工具是很有趣的。 這樣您現在安裝的網站就不必有效地運行該插件，因為您正在使用您正在閱讀的任何 WordPress 上的插件生成主題。

MM：是的，沒錯。 確切地。

DV：所以就像其他構造之一是Genesis框架本身和其他類似的東西或類似它的主題具有功能的只是進入一種插件伴侶模型，你覺得FSE一般，或者當然，因為FSC主題無法運行經典主題之類的功能 對嗎？

MM : 再說一次，你可以把你知道的，作為一個函數 php 文件，就像所有其他 WordPress 主題一樣，所以你可以在裡面放盡可能多的代碼。 但我認為這個想法是前進的範式是什麼，我們能用這些做多少我們能做的我們能不能刪除很多這些必須在每個函數文件上進行的東西，並且，也許只是處理使用主題 json 文件，或者你知道的其他一些聰明的方法？ 所以，你知道，例如，在過去的兩周里，我在業餘時間使用 FSU studio 創建了一個小的啟動主題，我發現到最後我的函數文件中幾乎沒有任何內容。 我的意思是，有些東西，也許其中一些甚至可以被拉出來，所以我認為這對你很感興趣，我認為你的網站越複雜，你就越想要它。

DV：這聽起來很奇怪，我的意思是這是肯定的。 我得看看那個。 我們將進行最後一次休息。 我們會回來討論 s MPC 工作室的未來，每個人都緊緊抓住。 我們馬上回來。 是時候插播廣告了。 請繼續關注更多緊迫的問題。 好吧，歡迎大家回到 WMR 上按此 WordPress 社區播客。 我們正在談論 Genesis 背後的工程師到底在與 Mike McAlister 一起對 FSE 做些什麼。 Mike 休息前，您談到了功能和樑的作用以及 dot PHP 如何在 MSC 主題中可用，您可以使用功能加載它，但您可能不想這樣做，因為您可以利用主題點 JSON 或者我猜一個配套插件或其他方法可以使該主題更加精簡，因為您考慮 MPC Studio 的未來我知道您會認為新名稱可能是您列表中的一件事。 但是，您還想解決哪些其他領域的問題？ 我的意思是，我很清楚地知道，Genesis Framework 尤其具有類似性能和 SEO 等方面的歷史。 我是這麼說的，這就是你要關注的地方，但我只是好奇你對 Alpha 之後的未來有什麼看法？

MM：是的，這是一個很好的問題。 而且你知道，這些輕量級主題的一個很棒的事情之一是擺脫繁重的樣式表，其他一切就是你得到一個內置的性能提升了很多你知道的這些主題，至少是 FSE 主題如此輕巧且性能更高。 但是，嗯，除了重點之外，你知道的

DV：我覺得因為我覺得很多人都在假設他們實際上受到更多污染，就像，哦，是的，我會做我的街區和人們的，你知道的，對此的一些看法似乎輕了很多。

MM：是的，嗯，這將是我們肯定想要取消的東西，因為，你知道，現在有了 WordPress，你知道，獲得喜歡並擺脫這些繁重的樣式表，甚至只加載正在打開的塊的樣式頁面實時抖動。 您將獲得一些我們在 WordPress 中從未見過的瘋狂性能。

DV：這似乎是一個很好的理由不等它拍攝你知道更多。

MM：是的。 是的。 我真的利用了那裡的技術。 所以，是的，就 FSE 工作室而言，我們現在處於 alpha 階段。 所以，你知道，我剛剛分享了一條關於它的推文，我們對此很感興趣。 所以，你知道，這個東西一開始只是一個內部開發工具。 所以就像，你知道的，我們自己的癢來解決我們自己的問題，直到我們把它建立起來，我們才認為這實際上可能對雙方都有幫助。 所以這就是我們現在正在解決的問題是申請人的第一次運行，在那裡使用它的人說，這是一個產品，不是嗎？ 我們收到了很多很棒的反饋，但展望未來，我們的計劃是密切關注反饋中的 alpha，關注 WordPress，看看它是如何變化的。 看看這種情況如何影響我們在 FSE 工作室所做的事情。 而且我們只是您知道，歸根結底，我們的目標是讓構建和 WordPress 變得更容易。 因此，我們將跟隨 WordPress 的發展方向，我們將憑直覺了解這是否意味著 FSE 工作室或將其更改為某種堅持，你知道，我們關於構建主題的理念，以及所有與到達某處的終點。 有點像 Genesis 你知道嗎是一個非常流行的工具，讓很多人轉向 WordPress，讓他們有信心使用 WordPress 構建以抽像出很多複雜性，所以這就是我們的目標一天結束。 這就是我們用來指導這些產品的決策的方法。

DV：好的，這讓我的敏捷心因迭代方法而溫暖。 我真的很喜歡。 我知道你在推特上發布了一個鏈接，其中包含指向 YouTube 視頻的鏈接。 如果人們想去看看，這在你的 Twitter 帳戶上是否很明顯？

MM：是的，我什至可以將它固定在我的頻道上。 我們去吧。

DV：太好了。 對於那些聽的人來說，你的 Twitter 句柄是什麼？

MM：在邁克·麥卡利斯特

DV：我像我家所有的孩子一樣為他們的女孩購買他們的虛名域名。 是的。 是的，棒極了。 好吧，如果人們想參加 Alpha 測試，最簡單的方法是什麼？

MM：是的，我們確實有一個簽名鏈接

DV：如果我的意思是 URL，它是一個讀出來的。 是的，那會很棒。 是的，它是 litt url.co。 現在正斜杠 FSE。 所以是的，這就是我自己的自定義 URL 縮短器。 我知道 WordPress 我是世界上唯一真正的無頭 WordPress 網站。 從字面上看，它根本沒有呈現任何內容，因為它是唯一真實的

MM：對於無頭站點來說，這是一個很好的用例。

DV：就像它沒有擴展任何 API 或內容一樣，儘管提交可能在其他人對無頭我的定義中。 但這很棒，邁克，感謝您的光臨。 真的很感激。

MM：當然。 是的。 謝謝。 總是。 很高興談論 WordPress 及其發展方向。

DV：在四年前讓你再次上任真是太好了。 驚人的。 好吧，如果您想註冊該 alpha，那麼該 URL 是 litturl.com/fse。 現在感謝大家收聽 WMR 上的 Press This WordPress 社區播客。 這位是您的主持人 David Vogelpohl。 我通過我在 WP Engine 的角色來支持 WordPress 社區。 我喜歡每週在 Press this 上為您帶來最好的社區。