按此:不要害怕,這只是 Fran Agulto 的無頭 WordPress

已發表: 2022-11-09

歡迎來到來自 WMR 的 WordPress 社區播客 Press This。 每集都有來自社區的嘉賓,並討論 WordPress 開發人員面臨的最大問題。 以下是原錄音的抄錄。

由 RedCircle 提供支持

Doc Pop :您正在收聽 Press This,這是 WMR 上的 WordPress 社區播客。 每週,我們都會聚焦 WordPress 社區的成員。 我是您的主持人,Doc Pop,我通過我在 WP Engine 的角色以及我在 TorqueMag.io 上的貢獻來支持 WordPress 社區。 您可以在 Red Circle、iTunes、Spotify 上訂閱 Press This,也可以直接在 wmr.fm 下載劇集。

如今,無頭 WordPress 是 WordPress 場景中的一個重要話題。 但是當我們聽到無頭這個詞時,像我這樣的許多人可能仍然有點害怕。 不僅僅是因為它臨近萬聖節,我們為此感到毛骨悚然。 我認為是時候克服這種恐懼了。 因此,我請 WP Engine 的開發倡導者 Fran Agulto 幫助我了解無頭的利弊。 弗蘭,你今天好嗎?

Fran Agulto:哦,醫生,謝謝你邀請我。 是的,你是對的,這是萬聖節,但我們不會因為無頭騎士在這里而害怕。 是的,我今天過得很好。 謝謝你。

DP:太棒了。 你知道,如果你能告訴我們你的 WordPress 起源故事是什麼,我就要開始了? 你是怎麼進入這個空間的?

FA:很好的問題。 實際上,我的 WordPress 起源故事是通過 WP Engine 傳播的。 當我第一次開始尋找技術工作時,我沒有編碼經驗。 實際上,我一生中只接觸過一個 WordPress 網站,那是在大學時。 我只是在試圖進入科技行業。

好吧,WP Engine 正在招聘銷售代表。 所以我在銷售方面加入了 WP Engine,而不是從技術方面開始。

這就是我的起源故事。 我在銷售方面通過了 WP 引擎,你通過他們在 WP Engine 的培訓知道,如果你更多地在銷售和營銷方面,他們會給你關於 WordPress 作為 CMS 和作為一個管理系統,如果你願意的話。

DP:是的。 所以你和我在聖地亞哥的 WordCamp US 談話,我知道無頭對你來說是一件大事。 您目前在 WP Engine 的角色是什麼?這種角色與無頭 WordPress 有什麼關係?

FA:是的,這是一個很好的問題。 我目前在 WP Engine 的無頭開發者關係團隊中擔任二級開發者倡導者,它與無頭 WordPress 相關聯。 與 WP Engine 的開發人員關係團隊一起,有兩個方面,Doc。

大多數使用 WordPress 的人都熟悉傳統的 WordPress 方面,如果不是全部的話。 然後是房子無頭的一面,我在這方面提倡。 這就是我所做的。 我基本上只是寫博客文章技術文章和 YouTube 視頻關於編碼以及如何不被嚇跑,如果你願意的話,正如你在適應這種方法的介紹中所說的那樣。

DP:嗯,你知道,我們談論的是害怕,我們會盡量保持這一點,你知道,誠實並談論無頭的利弊。 我想讓我們從無頭通過 WordPress 的優點開始吧。 想到這些你會想到什麼?

FA:是的,如果你願意的話,實際上有三個主要的積極因素或優點,Doc,關於為什麼人們、組織、中小型企業、機構會去適應無頭 WordPress。 首先是速度。 正確的? 因為從用戶體驗的角度來看,Web 開發中的每個人都知道,如果您的網站速度較慢,您的用戶猜猜它會反彈什麼。 再見。 所以你知道,你想要那些超級快速、快速的網站,這些網站本質上可以提供出色的用戶體驗,並提升那些 Google Core Web Vitals。

這是無頭 WordPress 的優點之一,它不是一個單一的、傳統的 WordPress 服務器端渲染機制,這是 WordPress 在每次請求時所做的。 當您是訪問網站的用戶時,需要往返。 它進入服務器,PHP 運行代碼,然後將 HTML 發送回瀏覽器供您使用。 現在,您可以再次加速傳統 WordPress,但其核心是開箱即用的無頭端,當您將 WordPress 解耦並將其作為 API 層使用並在已預先構建的 CDN 數據上擁有靜態文件時,速度很快.

這是第一個也是最重要的專業人士 Doc,然後是安全性。 原因是當你解耦任何 Web 應用程序或網站時,它不必是無頭 WordPress,你的後端是隱藏的。 正確的? 大多數精通技術的人,如果您使用 WordPress 並且可能能夠破譯,甚至不知道您是否使用 WordPress,除非您在存儲庫中公開您的環境變量。

然後第二件事,為什麼它是最安全的,因為攻擊的表面區域要小得多,本質上,因為當你解耦時,你現在負責的是前端框架,而不是 PHP 在瀏覽器中呈現 HTML,這只是一個較低的攻擊範圍,因為你可以在瀏覽器中做很多邪惡的事情。

然後是第三個也是最後一個,本質上是您的技術堆棧的未來證明。 我的意思是,當你解耦你的技術堆棧時,你使用無頭 WordPress,你採用所謂的 API 驅動的開發方法或方法。 這樣一來,不僅讓您的用戶通過桌面瀏覽器訪問您的網站或 Web 應用程序,而且通過信息亭、Tesla 中的屏幕、移動應用程序訪問您的網站或 Web 應用程序,使用這些 WordPress 數據變得更加容易,然後將它扔到您的用戶將要使用的任何類型的節點上。 這就是它的優點。

DP:好的,是的,這很有趣。 現在我想到了幾個,我沒有無頭網站,我沒有嘗試過無頭,我確實使用 WordPress。 你可以讓我知道這是否正確。 如果您使用的是 WordPress 並且使用的是無頭軟件,那麼首先是內容管理,您可以將其指向您知道的任何 Web 應用程序或您想做的任何事情。 內容管理方面是預先構建的,你知道 WordPress 必須非常流暢。 任何人,無論他們是否了解如何使用網站或如何構建網站,他們都可以很容易地進入。一般來說,WordPress 具有相同的優勢。 他們可以進去寫他們的博客文章,然後發布它超級容易,對吧?

FA:這實際上是 100% 正確的。 是的。 你已經做到了,你已經做到了。 是的。 總而言之,Doc,您成功了。 是的。

DP:然後我想還有一些你沒有提到的事情,這有點像檢查,如果你正在構建無頭 WordPress,我可能錯了,但看起來你'會有很多工具,因為人們提供了所有可用的插件,你將能夠集成,除非有某些原因你不能用 headless 做到這一點。 但看起來你可能會得到很多 SEO 插件或其他東西。 很快,所有 WordPress 生態系統都觸手可及,即使您正在構建無頭,這聽起來對嗎?

FA:無頭 WordPress 的實際缺點之一是在 WordPress 方面,Doc。 尤其是插件,很明顯,它們會渲染、操縱或改變你的前端。 你可以忘記這一點。 這不會以無頭方式工作。 而且,事實上,我會​​說大多數 WordPress 插件都不能在無頭的意義上工作。

你將不得不使用什麼來進行模仿或比較,對於 Node JS 和 React、Vue Angular 等框架的前端生態系統中的傳統 WordPress 開發人員來說,插件是什麼,你有 NPM 包,它代表節點包管理器。 如果您是 WordPress 開發人員,那麼前端生態系統中的插件就是您必須習慣和使用的插件。

DP:你知道,我認為這是一個停下來一分鐘的好地方。 我們將稍作休息,當我們回來時,我們正在與 Fran Agulto 討論優點,然後我們會回來討論無頭 WordPress 的缺點。 您正在收聽 Press This。

DP:您正在收聽 Press This 是 WMR 上的 WordPress 社區播客。 本週我們將與 WP Engine 的開發者倡導者 Fran Agulto 進行交流。 我們正在討論無頭 WordPress 的利弊,以及為什麼您應該或不應該害怕無頭 WordPress。

到目前為止,我們已經介紹了加載速度更快的優點。 你是說無頭 WordPress 超級活潑。 安全性,沒有明確說明網站的基礎是什麼? 你沒有得到黑客,任何這些信息,它只是正面的。

未來的證明。 我提到了內容管理,然後我們進入了缺點,你只是說大多數插件都不起作用。 從統計上講,您只是在說您覺得大多數 WordPress 插件可能無法與 headless 一起使用,我猜這是因為這些插件中的大多數可能在設計時都進行了類似前端類型的更改。

FA:是的,這是 100% 正確的。 是的。 事實是,如果傳統 WordPress 意義上的任何插件被用於對前端進行某種更改,它就不會起作用,因為整個想法是你已經解耦了前端,這樣就會中斷。 對不起,這將打破傳統的 WordPress 或無頭 WordPress。

但是,Doc,事情就是這樣,任何僅在後端執行某些操作的 WordPress 插件。 正確的? 就像,Doc,我確定您熟悉高級自定義字段,它可以幫助您創建自定義內容類型。 還有用於 WPGraphQL 的 Yoast SEO,它是一個無頭 WordPress 插件。 這些東西之所以有效,是因為人們已經編寫了 PHP 代碼來擴展這些插件,以便能夠與無頭方法集成,如果這有意義的話。

DP:是的。 因此,讓我們談談做無頭 WordPress 的其他一些缺點。

FA:哦,是的,有很多。 [笑聲]

DP:哦,好吧,好吧。 [笑聲] 好吧,我們有七分鐘。 什麼樣的想法,可能是最大的騙局,某人正在考慮去無頭,他們可能因為這個騙局而不想真正去做?

FA:是的,事情就是這樣,伙計,我告訴你。 我當時在美國 WordCamp,事實上,我在那裡遇到了你,Doc,我正在和很多人交談,他們剛剛出現並隨機問我這個問題。 事實上,就其核心以及為什麼發明它而言,WordPress 是如此簡單,它是所見即所得,“所見即所得”。 正確的? 我得告訴你,我媽媽和我自己的妹妹,他們知道如何使用 WordPress。 我媽媽一點技術都沒有。 但她知道如何進入 WP admin 並在一個塊中編寫一些內容。 她說:“哦,看,它是在 URL 上直播的。”

老實說,主要問題或缺點是學習曲線和進入這種方法的障礙。 因為第一,你必須精通 JavaScript。 那是第一名。 好的,這需要編碼。

DP:哦。 我的心在跳動。 [笑聲]

FA:醫生,相信我,當我第一次參加 JavaScript 訓練營時,我的心在跳動。 所以這是第一件事。 這是這件事的第一個也是最重要的事情是,你不僅會產生技術債務,因為如果你不知道它,你現在必須付錢給 JavaScript 開發人員如果您無頭,請維護您的 WordPress 博客,對。 如果您將 WooCommerce 用作一項業務並且您想無所事事,那麼您現在必須考慮採購一個團隊,如果您不能,他們可以用 JavaScript 編碼,這是主要的事情。 這是主要的。

第二件事,它的主要缺點,是兩者之間的差距或橋樑,我認為我們實際上在 WP Engine 解決了這些問題,這太棒了。 我不只是這麼說。 我喜歡 WP Engine,我在這里工作,但我可以選擇我想工作的地方。 我們正在解決這樣一個問題,即當您的組織中有營銷團隊或內容編輯器時,或者無論您使用 WordPress 做什麼,他們都習慣於進入 WordPress,在塊編輯器中,寫作向下內容,輸入內容,點擊預覽按鈕,以便它可以看到它在 URL 上的實時外觀,或者只是點擊發布並實時看到它。

不幸的是,無頭 WordPress 並非如此。 您還必須配置和操作 WP Engine 正在解決的問題。 如果你願意的話,為了那座橋,醫生,工作。 這樣內容編輯人員會更加熟悉工作流程。 因為它是一個解耦的無頭,如果你願意的話,當你像那樣分離時工作流。 所以這是它的兩個主要缺點。 是複雜性,然後您基本上必須僱用編碼人員。 然後猜猜看,必須配置您在 WYSIWYG 上習慣的內容,並且您現在必須連接一些東西才能複制它。

DP:所以我想我聽到的是,當我訪問我的 WordPress 網站並進行更改時,我點擊了刷新,或者其他什麼,我訪問了網站,點擊了刷新,並且更改就在那裡。 傳統上使用無頭,您將不得不做更多的步驟,而不僅僅是點擊刷新。 這就是你說的嗎?

FA: 100% 是的,這是 100% 正確的。 是的。 是的。

DP:你提到了你正在使用 WP Engine 工作的內容。 我假設那是阿特拉斯?

FA:是的,那是阿特拉斯。 正確的。 這是無恥的插頭,每個人。 但這就是我所指的 WP Engine 是如何解決這個問題的。 我們基本上已經讓開發人員辛苦了,我想稱之為,不得不把我剛才告訴你的所有這些都連接起來,Doc。

所以現在,如果我是一名開發人員,我的公司或我的團隊,或者我在一家機構工作,機構會說,“弗蘭,你必須編寫這個網站的代碼。 該網站的所有者希望將 WordPress 用作他們的 CMS,但他們想為它的優點而毫無頭緒。”

使用 Atlas 平台 Doc,只需單擊兩三下,您就可以進行配置,並且它允許內容編輯器像,“哦,伙計,哇。 我可以點擊預覽或發布。 它與我在傳統 WordPress 意義上使用的工作流程基本相同。 但現在它是無頭的。 而且我什至不必知道這件事。” 因為它本質上是一種模仿。 是一樣的流量。 這就是 WP Engine 解決的問題。

DP:所以讓我們再回顧一下利弊。 所以我們已經說過,優點是加載速度更快、安全性、未來校對、內容管理會更容易。

缺點,聽起來大多數插件可能無法正常工作,因此您不一定擁有完整的生態系統,但您將擁有其中的一部分。 同樣,從廣義上講,如果你正在構建一個無頭 WordPress 網站,那麼你很可能必須了解 JavaScript,一旦你創建了它,你就必須知道如何去做內容,如何推動它使其上線。 這不僅僅是一鍵式過程,而且是現場直播。

FA: 100% 是的,你基本上必須進入命令行、終端,你必須處理存儲庫並檢查分支。 是的。 所以有一個複雜的學習曲線。

DP:嗯,我認為這是一個休息的好地方。 當我們回來時,我們將討論如何克服這些恐懼,如果你有的話。 如果您確實想做無頭 WordPress,如何克服它們。 而且你知道,這一集已經結束了,所以請繼續關注 Fran Agulto 的更多信息。

DP:您正在收聽 Press This,這是 WMR 上的 WordPress 社區播客。 每週我們都會關注 WordPress 社區的成員,本週我們正在與 WP Engine 的開發人員倡導者 Fran Agulto 討論無頭 WordPress,這聽起來很棒,因為這是一年中令人害​​怕的時候。 你知道,在演出之前,弗蘭,你和我在談論攀岩。 我只是有點好奇,就像攀岩一樣,你剛開始時恐高嗎?

FA:哦,我的意思是,是的,我是。 我肯定對高度有過健康的恐懼,醫生,讓我們這麼說吧。

DP:一種健康的恐懼,是的。 我只是想知道那裡是否有任何課程。 也許這是一個延伸。 那裡有什麼教訓可以說明你的感受以及你是如何克服某些人可能會感到緊張的。 他們可能有一個你知道的應用程序,他們可能應該做無頭 WordPress,但他們只是對做出這種跳躍感到緊張。 你有什麼交叉,你可以帶來的攀登日。

FA:是的,這實際上是一個很好的類比,如果你願意的話。 事情是這樣的,對。 在一天結束時,我認為最害怕的是,Doc,它與 Web 開發、攀岩有關,這就是為什麼這是一個很好的類比,甚至像結婚或生孩子,無論你在生活中做什麼. 恐懼主要是因為未知和不熟悉。 人類害怕陌生的事物。

但猜猜怎麼了? 這種恐懼會減輕,你越習慣某事,所以讓我們退後一步。 WordPress。 醫生,您在 WordPress 遊戲中的時間比我長。 我的意思是,我已經與 WordPress 打交道四年了。 你玩 WordPress 遊戲多久了?

DP:就像一個月中的四年。 [笑聲]

FA:哦,四年零一個月。 所以我們是平的。

DP:不,我提前一個月! [笑聲} 不,我認為與 WordPress 公司之類的公司合作已經有 12 年了。

法:好的。

DP:所以是的,有一段時間了。

FA:所以事情就是這樣。 它是最受歡迎的 CMS 的原因就像,我不知道 35-40% 的互聯網。 我沒有留在 WordCamp 參加 Matt Mullenweg 的 WordPress 狀態,我很忙。 但是WordPress是巨大的。 這是有原因的。 它很早就問世了,並且熟悉它的易用性。 好的,所以人們對此感到滿意。

我想模仿攀岩是,我害怕它,因為顯然高度就是高度。 但是,如果您了解攀岩時所擁有的保護,它就會減輕這種恐懼,因為您已經習慣了某種流動。 這正是我進入並留下來的方式,倡導無頭 WordPress,並通過 JavaScript 新兵訓練營說實話,因為每一天都很害怕。 我想,我的代碼今天會破解嗎? 我什至用這個做什麼? 但事情就是這樣,對吧?

從適應的角度來看,這就是 WP Engine 如此投入的原因,因為歸根結底,隨著 Web 開發和互聯網的發展,未來是分離的 API 驅動開發。 而且我們不希望 WordPress 成為一種不再使用的古老技術。 如果您願意,我們希望將它與所謂的 jamstack 一起帶來,這是一個技術流行語,但它代表 JavaScript API 標記。 在一天結束時。 這只是意味著嘿,您有一個 API 端點,在本例中是 WordPress。 然後我們將把 WordPress 中的數據使用到您想要使用的任何前端。

現在,從流程的角度來看,我認為,Doc,老實說,尤其是 WP Engine 正在做什麼以及人們如何適應它。 一旦它獲得關注,我們的開發者關係團隊將幫助降低進入門檻,讓人們在這方面更有能力,並了解他們到底在做什麼。 而且,同樣,它並不適合所有人,但就您而言,如果它是需要的東西,如果它就像,哦,天哪,診斷明智,您的網站應該是一個無頭的 WordPress 網站。 是的,絕對有一種常態,你需要減少這種恐懼。

DP:當然。 好吧,我們今天一直在與 WP Engine 的開發人員倡導者 Fran Agulto 談論無頭,這是一次很棒的對話。 如果您想跟進並了解更多關於 Fran 的工作,您可以在 Twitter 上關注他,@fran_the_dev。

即將播出的新聞劇集 我們將在下週與 Nev Harris 交談,討論如何為您的 WordPress 代理機構提供經濟衰退證明。 感謝您收聽 WMR 上的 Press This WordPress 社區播客。 您可以在 Twitter @thetorquemag 上關注我在 Torque 雜誌上的冒險經歷,或者您可以訪問 Torquemag.io,我們每天都會提供類似的教程、視頻和採訪。 因此,請查看 torquemag.io 或在 Twitter 上關注我們。 您可以在 Red Circle、iTunes、Spotify 上訂閱 Press This,也可以每週在 wmr.fm 上直接下載。 我是您的主持人 Doctor Popular 我通過我在 WP Engine 的角色支持 WordPress 社區。 我喜歡每週在 Press This 上關注社區成員。