如何在 WordPress 中創建自定義 404 錯誤頁面(2022 指南)

已發表: 2022-06-06

您想知道如何在 WordPress 中創建自定義 404 錯誤頁面嗎? 因此,今天在此博客中,您將了解如何創建自定義 404 頁面。

基本上,WordPress 附帶的每個主題都有一個 404.php 文件,但並非所有主題都有自己的自定義 404 錯誤模板文件。

您可以像使用 WordPress 頁面編輯器或任何頁面構建器(如 Elementor)一樣創建自定義 404 錯誤頁面。

什麼是 404 錯誤頁面?

404 頁面只是一個未找到的頁面,因此用戶來到您的網站,他們去了一個地方,當有人登陸一個空白頁面時,很多時候它不在您的網站上。

然後他們更有可能離開您的網站,甚至沒有做任何導致更高跳出率的事情,他們只是找不到他們需要的東西。

因此,您可以創建一個用戶友好的頁面,以便如果用戶來到您的網站並且找不到某些內容或陷入 404 錯誤頁面,他們可以在頁面上找到一些導航。

如何在 WordPress 中創建自定義 404 頁面?

每個 WordPress 主題都有自己的默認 404 頁面模板。 要自定義此頁面,只需導航至Dashboard >> Appearance >> Theme Editor

在頁面右側的主題文件列表中,選擇 404.PHP

按照這些方法和步驟在 WordPress 網站上創建自定義 404 頁面。

通過完全支持古騰堡的主題創建自定義 404 頁面

您可以在任何 Gutenberg 支持的主題(如二十二十二)上創建自定義 404 頁面。

  • 編輯二十二十二主題的 404 錯誤。 轉到您的儀表板>>外觀>>編輯器,如下面的屏幕截圖所示。
自定義 404 頁面
  • 在這裡,您將看到一個站點編輯器面板,在這裡單擊 WordPress 徽標的左上角。 如下面的屏幕截圖所示。
自定義 404 頁面
  • 現在您將看到一些編輯器選項。 在這裡單擊模板部分。 在這裡你會看到一個404模板,點擊這個。 如下面的屏幕截圖所示。
自定義 404 錯誤頁面
  • 現在您可以自定義您的 404 頁面。 您可以向此頁面添加任何內容。 更改顏色、添加文本或添加任何塊元素。 編輯頁面後,現在單擊“保存”按鈕。
  • 您可以預覽您的 404 錯誤頁面。 這就是您如何在 Gutenberg Editor 上創建自定義 404 錯誤頁面的方法。

通過插件創建自定義 404 頁面

您可以使用插件在 WordPress 上創建自定義 404 錯誤頁面。 要知道如何使用它,請按照以下步驟操作 -

  • 轉到您的儀表板>>插件>>添加新並在搜索框中搜索404頁面,您將看到一個404頁面插件。
  • 單擊安裝按鈕,然後激活插件。 如下面的屏幕截圖所示。
自定義 404 錯誤頁面
  • 安裝並激活插件後,現在打開已安裝插件的設置。
  • 現在要創建一個新的自定義 404 錯誤頁面,請轉到您的儀表板>>頁面>>添加
  • 根據您的選擇和願望設計一個漂亮的 404 錯誤頁面。 作為參考,您可以在下面看到我們創建的錯誤頁面。
自定義 404 錯誤頁面
  • 完成編輯自定義 404 錯誤頁面後。 單擊“發布”按鈕以使頁面公開。
  • 用於將此頁面設置為您網站上的 404 錯誤頁面。 現在打開您之前安裝的 404 錯誤頁面插件。 您還可以在Dashboard >> Appearance >> 404 Error Page上找到該插件。
  • 現在從要顯示為 404 頁面的頁面中選擇您創建的頁面,框。 並單擊保存更改按鈕。 如下面的屏幕截圖所示。
自定義 404 頁面

現在您可以看到您創建的錯誤頁面。 如果您沒有看到該頁面,請檢查您的網站永久鏈接結構。

使用 Elementor 創建自定義 404 頁面

如果您使用的是 Elementor Pro 插件,那麼這對您有用。 免費版用戶將無法使用此功能。

因此,如果您想使用 Elementor 創建自定義 404 頁面,請按照以下步驟操作 -

  • 轉到儀表板>>模板>>添加新的。 這將打開一個頁面,您可以在其中選擇要創建的模板。
  • 現在選擇模板類型,就像您要創建 404 頁面一樣,因此從框中選擇 404 頁面。 在為您的模板命名之後,然後單擊創建模板按鈕。
  • 現在,您可以從任何一個預構建 Elementor 的 404 頁模板開始,然後根據您的需要對其進行自定義。 只需單擊插入即可開始使用任何模板。
  • 編輯模板後,發布新的 404 錯誤頁面。
  • 單擊 Elementor 界面左下角的發布按鈕。 這將打開“發佈設置”彈出窗口,您可以控制在何處顯示模板。

發布後在嵌套頁面上設置頁麵條件,然後單擊發布。 就是這樣,您已經使用 Elementor 成功創建了404 錯誤頁面。 現在,當用戶登陸斷開的鏈接時,他/她將被重定向到自定義 404 頁面。

因此,無論何時,只要您網站上的任何用戶單擊損壞的鏈接或鍵入任何錯誤的 URL,他們都不會丟失,現在他們將重定向到您的自定義 404 錯誤頁面。 這將幫助他們,並​​讓您作為網站所有者受益。

結論

所以伙計們,我希望這篇文章能幫助您解決在您的 WordPress 網站上創建自定義 404 頁面的問題。

在這篇博客中,我們討論了——

  • 如何使用 Gutenberg 支持的主題創建自定義 404 錯誤頁面。
  • 使用插件創建 404 錯誤頁面。
  • 使用 Elementor 創建以創建 404 錯誤頁面

仍然,您的 404 錯誤頁面有問題嗎? 或者想問我們什麼? 只是在下面評論會很樂意幫助你。 感謝您閱讀此博客,祝您有美好的一天

請訂閱我們的YouTube 頻道,我們還會在那裡上傳精彩內容,並在FacebookTwitter 上關注我們

閱讀更多-

標籤: 404 錯誤頁面, 自定義 404 錯誤