如何設置無頭WordPress網站(分3個步驟)

[ad_1]

通過無頭WordPress設置,您可以將網站的前端和後端分開。您可以使用這種方法來生成站點的靜態副本,這可以大大縮短載入時間。

在本文中,我們將討論什麼是無頭WordPress及其工作方式。然後,我們將向您展示如何實現基本設置,該設置通過Amazon Web Services(AWS)使用網站的靜態副本。

開始工作吧!

無頭WordPress簡介

通常,當您在後端(或管理控制台)上對網站進行更改時,您會在前端看到相應的結果(表示訪問者可以訪問實時頁面)。在這種傳統模型中,WordPress可同時服務於網站的後端和前端。

當我們談論無頭WordPress時,我們指的是不使用WordPress生成網站前端的設置。相反,WordPress僅充當後端。對於前端,您可以使用通過其API與WordPress連接的任何其他平台,或建立一個靜態網站。

對於本文,我們將為前端使用靜態WordPress設置。這種方法的兩個主要優點是:

  • 靜態網站是高度安全的,因為沒有任何活動部分可供黑客利用。
  • 非動態頁面的載入速度更快,因為它們不需要從資料庫中提取信息或載入腳本。當然,實現此目的的另一種方法是使用WordPress頁面緩存。

從理論上講,靜態WordPress設置還可以節省託管費用,因為您可以擺脫使用功能較弱的伺服器的困擾。

但是,這並不是適用於所有類型項目的方法。例如,使用此解決方案,包含動態元素(例如聯繫表單或網站搜索)會更加複雜(儘管可以通過正確的設置進行操作)。

也就是說,靜態前端非常適合簡單的網站。如果您要啟動個人博客或小冊子網站,則此設置可能是一個不錯的選擇。

快速說明:有些人不認為靜態WordPress網站是真正的無頭WordPress安裝程序,因為它沒有使用REST API,並且設計仍在某種程度上附加到後端(通過主題)。但是,這是此類設置的最簡單示例,因此我們選擇在本教程中專註於這種方法。

如何使用AWS設置無頭WordPress網站(分3個步驟)

從理論上講,您可以使用任何所需的提供程序託管網站的靜態副本。但是,在此示例中,我們將使用AWS,因為它與我們將提供的插件配合使用時可以立即使用。這是入門方法。

步驟1:設置一個AWS賬戶

與傳統Web主機相比,AWS入門需要更多的工作量。但是,對於靜態網站而言,使用此平台可能會非常便宜。實際上,它每月的費用僅為0.50美元。

對於無頭的WordPress設置,您將要使用Amazon S3層,該層可免費提供12個月的託管:

Amazon S3頁面。

註冊您的帳戶應該非常簡單–單擊「 Amazon S3入門」按鈕,然後在註冊表格中填寫必填欄位。

請注意,如果您已經登錄了Amazon帳戶,該按鈕將改為顯示Complete Sign Up。步驟相同,只是不會要求您重新輸入電子郵件地址和登錄憑據。

步驟2:生成您網站的靜態副本

為了使此設置生效,您仍然需要在某個位置安裝WordPress,以便可以將其用作網站的後端以及為前端生成靜態內容。為了避免為兩個不同的託管服務提供商付費,一種解決方案是創建本地WordPress安裝。

您可以通過多種方式來建立本地WordPress網站,包括:

  • 使用XAMPP等工具創建完整的本地WordPress環境
  • 使用Flywheel等本地軟體來設置本地WordPress安裝

在這種情況下,Local by Flywheel提供了一種更加用戶友好的方法。下載並安裝軟體,然後建立一個新的本地網站。

如何使用本地設置站點?

接下來,根據需要配置和自定義您的站點。更新您的設置,選擇一個主題,然後撰寫您的頁面和帖子。當您滿意時,就可以準備創建靜態副本以用於網站的前端。

為此,請繼續並設置WP2Static插件:

您可以使用其他幾個插件來實現相同的目標。但是,WP2Static可與多種平台無縫兼容,包括AWS,Netlify,GitHub Pages等。

插件準備好後,您可以從儀錶板中的WP2Static選項卡訪問其設置。它直接打開到“部署靜態網站”選項卡,正是您想要的位置:

部署靜態網站。

在這裡,在目標URL欄位中添加訪問者將用於訪問您的網站的URL(這將由您的Amazon S3配置確定)。然後,從屏幕頂部的下拉列表中選擇Amazon S3:

配置自動S3部署。

在部署網站之前,您需要配置一些設置並將AWS連接到您的網站,這將在下一步中進行。

步驟3:將靜態頁面自動部署到AWS

選擇Amazon S3選項後,將出現幾個新欄位:

WP2Static Amazon S3設置配置欄位。

開始部署之前,您需要同時輸入訪問密鑰ID和秘密訪問密鑰。請記住,您使用的訪問密鑰ID需要具有正確的許可權級別才能進行部署。這是有關如何從您的AWS賬戶獲取兩個密鑰的快速指南。

將密鑰粘貼到各自的欄位中後,選擇創建AWS存儲桶的區域,然後輸入其在AWS控制台中顯示的名稱:

為無頭WordPress網站配置AWS存儲桶的區域。

最後,滾動到頁面底部,然後單擊開始靜態站點導出按鈕。該過程可能需要一段時間,具體取決於您的網站的大小。完成後,您應該可以訪問網站的實時靜態版本。

結論

如果要使用無頭WordPress設置來建立靜態網站,則可以使用WP2Static插件來進行。它可以立即與AWS和其他幾個平台一起使用,並且您可以在幾分鐘內生成和部署站點的靜態副本。

如果您仍然希望在使用AWS的同時堅持使用更傳統的WordPress設置,則可以查看我們的指南,了解如何在AWS上安裝普通WordPress。

您對如何在AWS上使用無頭WordPress有任何疑問嗎?讓我們在下面的評論部分中討論它們!

相關文章