DE{CODE}：機構的藍圖和其他本地功能

WP Engine 正在提升 Local：Blueprints 中一個鮮為人知但深受喜愛的功能！ 與 WP Engine 產品營銷經理 Britt Dreisbach 和高級產品經理 Austin Wendt 一起深入了解新的 Blueprints 工作流程以及如何讓它為您的業務服務。 獎勵：搶先預覽本地可用的新阿特拉斯藍圖！ 該會議還介紹了其他本地功能，這些功能旨在幫助機構和開發人員簡化他們的 WordPress 工作流程，同時輕鬆管理多個站點。

會議幻燈片

全文抄本

AUSTIN WENDT：歡迎大家，感謝大家今天的加入。 我們很高興與您討論本地化，特別是藍圖和代理機構的其他本地化功能。 我叫奧斯汀·溫特。 我是 WP Engine 本地產品的高級產品經理。 我們的本地產品營銷經理布里特·德賴斯巴赫 (Britt Dreisbach) 今天晚些時候將與我一起討論這個話題。

在我們開始之前，為了讓您快速了解一下，我想帶您了解一下我們的議程。 因此，如果您不熟悉 Local，我想介紹一下 Local 是什麼以及您為什麼要使用它，然後我們將深入探討我們一直在努力開發的一些新功能和改進功能與藍圖有關。 我會把它交給 Britt，她將介紹一些其他功能和在我們的代理工作流程中非常有效的附加功能，並向您展示如何開始使用 Local。

Local，如果你不熟悉的話，是排名第一的本地 WordPress 開發工具。 因此，Local 於 2016 年初作為一家名為 Pressmatic 的公司成立，如果您以前聽說過這個名字，它是一款僅適用於 Mac OS 的應用程序，旨在簡化 WordPress 網站的構建。 那時，啟動一個新的 WordPress 站點太難了，或者如果您想測試對站點的更改，則必須在生產環境中進行。 如果您在生產中嘗試某些東西但它壞了，那麼可能會破壞客戶站點的風險很大。

2016 年末，Flywheel 收購了 Pressmatic，並將名稱更改為 Local By Flywheel（如果您聽說過的話）。 我們的目標是擴大 Local 的範圍，將其帶到更多操作系統和更多用戶，並使開發網站和將網站部署到 Flywheel 等公司變得更加容易。 然後在 2019 年，Flywheel 被 WP Engine 收購，這就是我們今天的處境。

所以我們從名稱中刪除了 By Flywheel，現在它是我們都知道和喜愛的 Local。 有一段時間，Local 是一種付費服務。 所以它曾經是你必須支付的東西。 2021 年 6 月，我們決定讓 Local 對所有人免費。 我們在 WP Engine 非常堅信並且是我們使命的一部分，我們的使命是推動自由創造。

我們希望盡可能多地使用 Local，讓盡可能多的開發人員受益，從而使構建 WordPress 成為 WordPress 社區的一個超級無縫過程。 所以現在它是一個免費工具，我們每個月都有超過 100,000 名月度活躍用戶在 Windows、Mac OS 和 Linux 上使用 Local 來構建他們的網站並在為他們自己或他們的客戶上線之前測試更改。

我們今天想談的是我們一直在藍圖功能上進行的投資。 藍圖是 Local 中長期存在的功能。 他們從一開始就存在，但我們希望看到更多人利用他們在支持代理工作流程方面提供的真正力量。

所以我們一直在做的事情是藍圖。 就 – 藍圖是用戶定義的 WordPress 網站模板，有助於跳過重複、耗時的設置。 Local 非常擅長在我稱之為非常基本的 hello world 狀態下快速創建新站點。 因此它會為您創建一個新站點。 如果您知道 Hello World 帖子，就會創建它。 這是一個非常基本的 WordPress 主題，沒有附加數據或媒體，沒有激活插件，只為您準備好製作您喜歡的主題。

現在，如果您已經在本地工作了一段時間或者只是構建了 WordPress 一段時間，我們知道在構建新站點時通常會有一些設置步驟，無論是您創建的插件你喜歡在你的網站上使用，它是你喜歡安裝的某些主題。 它允許開發人員從已知的定義狀態非常快速地創建站點。 因此，當您創建一個藍圖時，您基本上是在使用您已經構建的站點，包括那些主題、插件、任何頁面和媒體、站點設置，並將它們捆綁在一起，以便您下次創建站點時可以很容易從那個已知位置創建。

非常好的事情是，當我們與代理用戶交談時，藍圖對我們的代理客戶有很多價值。 那是因為它們允許機構建立一些對他們非常有效的最佳實踐和模式。 這些模式中的最佳實踐是什麼，它們因機構而異，但我們在與機構開發人員交談時發現的是這個。 每個機構似乎都有一組通用的插件或主題或軟件版本，他們喜歡在所有（如果不是大部分）網站上使用和共享這些插件或主題或軟件版本。

因此，Blueprints 允許您做的是在您的機構中建立這些最佳實踐和模式，並最終減少您吸引新客戶或測試站點更改所需的時間。 比方說，如果我是這裡的代理機構，我會創建珠寶網站，正如您在您面前的屏幕上看到的那樣。 當我嘗試加入新客戶時，也許我有一個模板可以用來從零開始快速啟動並最終幫助我加入更多客戶，更快地進入我的代理機構。

其次，我認為我們從用戶那裡聽到了很多東西，這對於在開發團隊之間共享非常有用，所以就像您已經編纂了這些最佳實踐和標準一樣，您可以在您的開發團隊中共享它們並且他們可以使用它們作為他們創建新站點時的起點，既適用於現有開發人員，也適用於您在您的機構中入職的新工程師。 能夠與溝通的他們分享藍圖真是太棒了，這就是我們的最佳實踐就是我們喜歡遵循的模式，當您在我們的機構建立新網站時，這就是他們應該看起來和感覺的方式。

正如我之前提到的，藍圖傳統上一直是用戶定義的，這意味著用戶在本地創建它們。 我們非常高興地在本周本地發布的 DE{CODE} 會議上宣布並推出的其中一件事是，我們將推出我們稱之為 WP Engine 提供的藍圖，以此來減少時間它需要啟動，但也允許開發人員更輕鬆地試驗新技術。

所以你會看到，我們將在這裡討論，本地 Atlas 藍圖的概念。 Atlas 是 WP Engine 的無頭 WordPress 產品。 如果您不熟悉，無頭 WordPress 是我們看到的市場在 WordPress 技術方面的發展方向，這是一個可擴展的解決方案，WordPress 後端與 Node.js 前端合作。 這為您和您的團隊提供了很大的靈活性和可擴展性。

它還使開發人員能夠使用一些更快的新前端技術並提高 SEO 和頁面加載速度，同時仍然利用我們都知道和喜愛的非常強大且易於使用的 WordPress 後端。 現在，當我們與這些機構的開發人員交談時，我們發現他們很樂意深入研究 headless WordPress 技術，但時間通常是一個限制因素，或者他們有客戶要求但他們並不舒服但將其作為該機構的付費產品提供。

所以我們繼續前進並完成的是我們創建了三個藍圖，每個藍圖都有自己的自定義主題和模擬數據，我們的 FaustWP 插件，它是我們的 Node.js 框架，以及 Atlas Content Modeler 和 WPGraphQL，它們有助於在 WordPress 後端和 Node.js 前端之間傳輸數據。 這裡的想法是，希望這對您和您的發展來說是一個很好的方式——您和您的團隊可以一起看到無頭 WordPress 和 Atlas 的潛力，並希望達到您願意將這些作為產品提供給您的客戶的地步。

現在，我想通過一個演示向您展示 Local 的最新版本，因為它與將藍圖引入本地 UI 有關。 所以我會在這裡配置我的本地環境。 我打開了 Chrome 和 Local。 因此，我們將採用一個站點，例如 Garrett's Grocery。 因此，我將繼續並啟動該站點。 假設我在一家代理機構工作，我建立的大部分網站都是針對雜貨店網站的。

所以繼續啟動這個網站，這就是我通常做的——就像我為我設置的一個典型的雜貨店網站的模板。 我有我的大標題圖片，Garrett's Grocery 在那裡，我有一些假數據和下面的一些帖子，當我回來時我可以編輯它們。 我還按照我希望的方式配置了 WordPress 管理儀表板，包括插件和我想添加的任何其他工具。

因此，如果我在此處打開該儀表板，您將看到的內容與您在任何其他 WordPress 管理儀表板上所期望的一樣。 但是如果我去插件——為了舉例，我只是隨機選擇了四個。 但是說，當我創建一個新站點時，我總是知道我需要 Elementor、Gutenberg、WooCommerce 和 Yost SEO。 所以我已經在此處安裝了它們，如果我要將其保存為本地藍圖，那麼當我在本地創建新站點時，它們將被打包並包含在內。

因此，要在本地創建新藍圖，有幾個不同的選項。 您可以單擊站點標題旁邊的這個三點菜單，然後會有一個另存為藍圖選項，或者我可以右鍵單擊站點列表中的站點名稱，然後單擊另存為藍圖。 因此，我們將返回此處的三點菜單並選擇另存為藍圖。 將要發生的是它會要求我為藍圖命名，因此我們將其稱為“我的雜貨店入門網站”。

然後將有一個文件排除過濾器，它允許我刪除我不想包含在該藍圖中的任何文件擴展名，我將保持原樣。 所以我點擊保存藍圖，這裡將要發生的事情是本地基本上將導出所有內容、媒體、帖子、插件、主題、我在該網站上配置的任何內容、所有設置，並將其放入可重複使用的格式，這樣下次我去創建一個站點時，我可以管理它並從那裡超級輕鬆地創建。

所以你看我在這裡得到了一個藍圖創建確認橫幅，提示轉到藍圖。 所以我們將單擊它，我們所做的就是將藍圖置於本地左側導航欄上 UI 導航的前面和中心。 所以你可以看到我在本地創建的所有藍圖現在都在這裡，還有我們剛剛一起創建的雜貨店入門網站。

我可以轉到右側的這個三點菜單，現在有一些我們將在未來添加的管理選項，但會重命名和刪除。 因此，例如，我們將繼續重命名該站點，我可以將藍圖重命名為 Grocery Starter Site 2 並點擊重命名。 您會在 UI 中看到此更新，然後在 Local 中更改名稱。 我還可以在此處按“顯示詳細信息”，它會告訴我更多關於藍圖本身以及安裝在其上的不同版本和軟件的信息。

正如我提到的，現在我們感到興奮的事情之一是 WP Engine 贊助或提供藍圖的想法，這些現在將由我們的附加組件控制。 所以我將轉到 Add On 庫並安裝 WP Engine Atlas，這樣我將啟用並重新啟動。 如果您還沒有安裝它，它將被安裝並重新啟動。

所以這將做的是 Local 將為我安裝並重新啟動，並且 Local 在重新啟動時看起來完全一樣。 加勒特的雜貨店還在這裡。 如果我願意，我可以對網站進行更改。 但是，如果我返回到導航中的藍圖並向下滾動，您會看到此處添加了 Atlas 藍圖部分。 正如我提到的，這是一個很好的方式，讓您了解我們提供的產品，同時也是一些課程的鏈接，以開始學習如何最好地使用它。 我們為您提供了三種選擇。

有一個基本藍圖，一個博客藍圖，這是您在 WordPress 方面會想到的一種標準，然後是組合藍圖，它是該博客與其他一些組件的組合，以幫助示例項目和展示您的工作. 關於這些的最好的部分，如果我想看看投資組合藍圖是什麼樣的，我們已經在我們自己的基礎設施上託管了所有這些，所以你可以啟動投資組合藍圖並看到我在這裡有一些圖像，我'我有一些假數據，我已經為我創建了一些帖子，我可以編輯並添加我自己的媒體。

整個頁面上都有一些 CTA 和一個客戶推薦部分，我可以在其中放下自己的報價，如果這是一家雜貨店，可以很快地在這裡放下一些東西。 然後鏈接到流行的社交媒體，我可以​​在底部編輯這些媒體，如果我不想的話也可以刪除。 更好的是，如果我不熟悉 headless WordPress 或者我只是想知道它是如何工作的，開發人員可以在 GitHub 中打開這段代碼，所有這些都已由 WP Engine 開源。

因此，您可以查看幕後的所有代碼，了解我們是如何構建它的，了解一些提示和技巧以及構建無頭 WordPress 的最佳實踐，我們將繼續開發課程以及教開發人員讓無頭 WordPress 在您的機器和網絡上啟動並運行的最佳方法。 所以這是我們第一次，就像我說的那樣，從 WP Engine 向社區提供 Atlas 藍圖或任何藍圖，我們對此感到非常興奮並且有很大的潛力。

現在，我認為這都是無頭的。 在未來，我們可以看到添加不同的技術，甚至是一個以社區為中心的部分，用戶可以在其中創建和共享他們自己的藍圖。 今天，這也很棒的是，如果我現在想從這些 Atlas 藍圖或我的任何藍圖進行創建，那將非常簡單。 因此，如果我轉到左下角的加號圖標來創建一個新站點，將會發生的事情是我們將藍圖創建移到了最前面和中間，這樣用戶就不會錯過它.

因此，為了能夠從此處的藍圖創建您的新站點，它曾經隱藏在高級選項菜單中，我不確定是否有很多用戶知道如何找到它。 因此，選擇“從藍圖創建”並點擊“繼續”，您將看到與我們剛才看到的類似的屏幕。 因此，我將看到我剛剛創建的藍圖列表，以及我想要查看的任何詳細信息，以便在創建我的站點之前知道我將獲得什麼。

因此，如果我們向下滾動，您會看到我們現在也有這些 Atlas 藍圖，這使您可以從我們剛才談論的那些 Atlas 藍圖快速創建。 您可以預覽該站點，打開 GitHub 上的代碼，並最終做出最適合您的選擇。 因此，例如，如果我想從 Portfolio Blueprint 創建，我可以選擇 Portfolio 並點擊 Continue，Local 會像今天一樣為我處理剩下的事情。

所以它會為我啟動 Node.js 前端，它會啟動 WordPress 後端，並確保這兩者可以相互交談。 它將導入 WP Engine 為您提供的所有數據和插件以及預配置設置，您應該立即在您的機器上配置一個無頭 WordPress 站點。 我們對它的潛力感到非常興奮，並將其應用於更多技術和更多類型的網站。 今天我們也很高興在這裡看到您的反饋，以及加入我們的社區論壇 community.localwp.com。

如果您對我們如何改進這一點或讓您作為 WordPress 開發人員或代理開發人員的生活更美好有任何反饋，我很樂意聽到。 但有了這個，我想把它傳遞給 Britt Dreisbach，正如我之前提到的，他是我們的產品營銷經理，讓您有機會更多地談論代理商喜歡的其他本地功能。 布里特，我會交給你的。

BRITT DREISBACH ：大家好。 正如 Austin 所說，我叫 Britt Dreisbach，是 Local 的產品營銷經理。 我從 Flywheel 來到 WP Engine，所以我已經與代理機構密切合作了很長一段時間，我喜歡我們的 Local 產品，因為我認為它是一個非常棒的工具，它真正融合了以開發人員為中心的特點，讓您快速移動，同時還結合瞭如此漂亮的設計和我們知道代理商也喜歡的其他功能。 因此，今天我們將討論我們的代理機構和開發人員都喜歡的 Local 內置的一些功能。

因此，從那些內置功能開始，我想談的第一個是“一鍵式管理”。 因此，正如您在此處的屏幕上看到的那樣，我打開了我的網站，然後我可以登錄到我客戶的網站，它就在那裡顯示了她的登錄信息。 所以這是一個非常棒的功能，因為它可以讓您專注於更快地進行設置。 您不必一直追踪客戶憑據，也不必管理所有客戶憑據的列表和電子表格。 您可以從各種管理級別查看 WP Admin 的外觀。

因此，WP Admin 雖然非常簡單，但卻是一個非常簡單易用的工具，它內置於 Local 中，可讓您更智能地工作，更快、更安全地工作。 所以這是我們的第一個。 我今天要談的第二個內置於 Local 的功能是 Live Links，這是一個非常受歡迎的功能。 因此，正如您在這裡看到的，我有能力向我的客戶或任何人——可能是我團隊中的某個人、另一個開發人員、設計師——展示我的網站在我的本地機器上的樣子，而無需將其上線或將其推送到暫存區或生產，例如。

因此，正如我們在網站上看到的那樣，我們有我的 Erin's Excellent Eats 網站，假設我已準備好向客戶展示它。 我可以進去，我可以更改我的登錄憑據、用戶名或密碼，真正為我的客戶或我的代理機構定制它，並保持真正品牌化的、美妙的體驗。

這還可以讓您獲得更快的反饋，與您的客戶或內部團隊協作，并快速測試您的網站，而無需再一次將其上線、推送到暫存、生產等。 所以 Live Links 是 Local 中非常流行的工具。 要開始使用 Live Links，您可以創建一個免費的本地帳戶，這樣您就可以直接從本地安全快速地創建該站點隧道。

最後，我今天要談的最後一個內置功能是 Local Connect。 因此，正如您在右側看到的那樣，我已連接到我的 Flywheel 帳戶。 您看到的所有這些網站也在我的 Flywheel 平台上。

因此，我只需單擊幾下即可將此站點從 Flywheel 拉入本地，它會立即拉入我的本地實例，因此我知道我擁有該站點的最新版本並且我已準備好快速工作並做出我的客戶或我的團隊可能要求的那些改變。 然後，您還可以立即將網站實時推送到 WP Engine 或 Flywheel，因此這也是我們擁有的一個非常棒的工具。 它允許您推送到 Flywheel 上的暫存或生產環境，或者您也可以推送到 WP Engine 上的開發環境。

因此，除了 Local Connect，我們還有 Magic Sync Viewer，這是一個非常酷的工具。 Magic Sync 是我們的差分部署技術。 所以你稍後會在這裡看到，在這個例子中，它會提取我網站上的所有文件，並智能地推薦將哪些文件帶到 Flywheel 上。

所以它會智能地推薦更新、添加、刪除的文件，假設我只想部署某個部分。 我可以控制我要部署的具體文件，這實際上允許用戶在使用本地連接的 Magic Sync 時將部署速度提高五倍。 因此，與許多其他標準部署選項相比，它是一個非常強大的工具。

然後，我喜歡 Local Connect 的另一個非常強大的統計數據是，我們知道使用 Local Connect 的 Flywheel 客戶的部署頻率是不使用 Local Connect 的客戶的兩倍，我認為這確實說明了能夠輕鬆簡單地快速部署、工作和迭代，這對於試圖保持敏捷的機構來說非常重要。

但您不必相信我們的話。 我是克里斯·科耶。 他在 CSS-Tricks、CodePen 和 Shop Talk Show 工作，他喜歡 Local 和 Local Connect。 這段話出自他。 他說，“最好的選擇是本地。 我的生活就是兩個地方的同一個站點列表：在 Local 和 Flywheel 中。”

因此，能夠降低您的最新版本或者可能降低您的暫存環境，進行一些更改並將直播推向生產，在您了解和喜愛並且日復一日依賴的兩個平台之間進行集成是一個對我們的 Local Connect 用戶來說，真的非常棒的工作流程工具和優勢。 這就是我在 Local 中獲得的內置功能，但正如我們已經討論過的那樣，讓我們深入了解一些附加組件。 同樣，您可以從本地的附加組件庫中獲取附加組件，這是一個小拼圖工具。

我還想談談 Image Optimizer，專門針對代理商，因為我們的很多代理商開發人員都在管理大量網站內容，如果您想在本地環境、WordPress 網站、計算機桌面上節省空間，您可以使用 Image Optimizer 做到這一點。 因此，如果您不想，則不必在您的 WordPress 站點中安裝額外的插件。

您不必在本地計算機上安裝其他工具或查找 Web 解決方案，只需單擊幾下即可直接從本地優化所有圖像。 它真的很棒，它縮小了規模，並為您節省了大量時間，這使您可以節省自己機器、自己技術以及實時站點的空間。 然後這也有助於讓您客戶的網站以更好的速度運行，這就是我們都在尋找的，對吧？

這就是圖像優化器。 然後我將簡要介紹的最後一個附加組件是鏈接檢查器，這是另一個非常簡單但重要的工具。 因此，只需單擊一個按鈕，您就可以掃描整個網站，它會填充您網站上所有損壞鏈接的列表。 所以這可以讓您更快地運行 QA 檢查，但它也可以確保您提供最佳的客戶體驗，對嗎？

您不希望能夠向您的客戶發送實時鏈接，然後他們會從您的網站上找到所有這些損壞的鏈接。 它確保您始終提供最佳的客戶體驗。 所以這些只是我們附加組件中的一部分。 我強烈建議您去本地圖書館查看我們所有的附加插件。 那裡有一些非常酷和強大的工具。 但今天，除了我們的新藍圖和 Atlas 藍圖之外，我們只介紹了我們的機構喜歡的一些功能。

綜上所述，Local 顯然是 WordPress 開發人員的絕佳選擇，但我們有許多專注於幫助代理工作流程的功能和工具，我們迫不及待地想在未來繼續構建更多功能。 要開始檢查所有內容，您可以前往 localwp.com 並單擊那裡的大下載按鈕。 正如 Austin 之前提到的，本地和我們所有的功能都是免費的。

然後，如果您還想繼續向我們提供想法、反饋或擁有您可能一直在考慮的新功能，您可以在 community.localwp.com 上加入對話。 這就是我們今天為大家準備的。 非常感謝您的參與。 再一次，我是布里特。 我代表我自己和奧斯汀，感謝您今天加入我們。