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

[ad_1]

您是否要在WordPress中創建404錯誤頁面?

404錯誤頁面是您的受眾在嘗試打開或訪問伺服器上找不到的頁面時將進入的頁面。 儘管顯示404錯誤頁面是一種讓訪問者知道該頁面不存在的好方法,但它有可能使您失去用戶。

但是,通過正確設計404錯誤頁面,您可以策略性地指導他們去哪裡找到他們想要的頁面。 這是鼓勵訪問者停留在您的網站上而不是立即離開並增加跳出率的好方法。

在本文中,我們將向您展示兩種設計404錯誤頁面的方法。 我們還將告訴您是什麼原因導致404錯誤發生以及如何解決。 這是您可以遵循的目錄。

  1. 導致404錯誤發生的原因
  2. 如何修復404錯誤
  3. 方法1:如何使用Beaver Builder設計404錯誤頁面
  4. 方法2:如何使用Divi Builder設計404錯誤頁面

因此,讓我們開始吧。

是什麼原因導致出現404錯誤頁面

通常,當您的訪問者嘗試查找已被刪除,刪除或移至另一個URL的內容時,會顯示404錯誤頁面。
但是您的訪客可以看到此頁面時,可能還有其他原因。 以下是此頁面出現的一些實例。

  1. 沒有正確的重定向,更改了所搜索頁面的URL段。 因此,在查找時,您的用戶無法使用原始URL訪問原始頁面。
  2. 您的用戶嘗試訪問一個實際上不存在的URL。
  3. 搜索的域名已不存在。 用戶可能輸入了錯誤的URL
  4. 負責該網站的伺服器未運行或連接斷開。

如何修復404錯誤

進入404錯誤頁面可能會讓您的用戶感到沮喪。 這就是為什麼您知道如何修復它很重要。 如果您是看到錯誤的人,這裡有一些解決問題的方法。

  1. 檢查URL中的錯誤:要做的第一件事是檢查URL中的錯誤。 確保您輸入的URL正確並且沒有任何錯誤的拼寫,或者錯過了諸如正斜杠之類的字元。但是,只有當您正在尋找包含以下內容的乾淨URL時,才可以檢查URL沒有數字,符號,數字或不相關的單詞。
  2. 清除瀏覽器緩存和Cookie:如果您只能從特定計算機上看到404錯誤頁面,則此解決方案將像魔術一樣工作。 嘗試從另一台計算機訪問它時,您看不到錯誤。 在這種情況下,請嘗試刪除您的瀏覽器緩存以及該站點的所有cookie,然後重試。
  3. 重新載入頁面:有時只需重新載入頁面即可找到404錯誤頁面的解決方案。 因此,刷新頁面以查看頁面是否正常工作。
  4. 檢查目錄級別:如果顯示錯誤的URL具有以下結構:example.com/Directory1/Directory2/Directory3,則可以返回上一個目錄。 例如,您可以轉到example.com/Directory1/Directory2/以檢查是否可以在其中找到所需的頁面。 如果它不起作用,則返回到另一個目錄。
  5. 直接聯繫該網站:找到解決方案的另一個好步驟是直接聯繫該網站。 您可以在網站首頁上找到聯繫方式。 他們應該能夠告訴您是否已完全刪除該頁面。
  6. 使用網站搜索功能:您也可以使用網站的搜索功能,並輸入一個或多個您要查找的關鍵字來查找您要查找的特定頁面。

為您的網站創建404錯誤頁面

下一步是為您的網站創建404錯誤頁面。 本部分對希望向用戶顯示404錯誤頁面的網站所有者很有幫助。 如上所述,404錯誤頁面可能會導致跳出率增加。 因此,如果您想保留用戶而不丟失他們,可以使用404錯誤頁面上的鏈接將他們定向到哪裡,找到他們想要的東西。

方法1:如何使用Beaver Builder設計404錯誤頁面

海狸生成器

設計404錯誤頁面的第一種方法是使用 海狸生成器 頁面生成器。 海狸生成器是一個強大的 拖放頁面構建器插件 這樣您就可以為網站創建漂亮的頁面,而無需編寫一行代碼。

你可以找出來 在這個詳細的評論中更多關於Beaver Builder的信息

除了Beaver Builder插件之外,您還需要將Beaver Themer安裝在您的網站上。 Beaver Themer是一個附加組件,它使使用Beaver Builder進行網頁設計變得超級容易和快速。 您無需單獨安裝此插件。 它隨附了Beaver Builder插件的高級版本。

步驟1:在您的網站上安裝Beaver Builder

要開始使用,您首先需要 安裝Beaver Builder插件 在您的WordPress網站上。

安裝並激活它後,轉到「設置」»「頁面構建器」。

Beaver Builder設置

您可以在此處輸入許可證密鑰以啟用支持並接收更新。 接下來,您必須激活Beaver Themer插件。 為此,轉到您的儀錶板,然後單擊插件»已安裝的插件。

圖片1

在這裡,您將看到Beaver Themer插件。 只需單擊插件的激活按鈕即可開始工作。 完成後,您就可以創建自定義404了。

步驟2:添加主題布局

現在,在儀錶板上,轉到Beaver Builder»Themer Layouts。 然後單擊添加新。

404錯誤頁面

這將打開一個新屏幕,您將在其中看到添加標題的欄位,並選擇頁面的類型和布局。 添加404錯誤頁面作為頁面標題。 對於布局,從下拉列表中選擇404。 完成後,單擊「添加主題布局」按鈕。

添加404錯誤頁面

您會在屏幕上看到一個新窗口。 在這裡單擊啟動Beaver Builder。

海狸

現在,您可以開始使用Beaver Builder提供的模塊(圖像,鏈接,按鈕等)來設計404錯誤頁面。 如果看不到模塊,請單擊屏幕右上角的+按鈕。

Beaver Builder模塊

當您單擊按鈕時,它將顯示所有可以在可視編輯器中拖放的Beaver模塊,以創建404錯誤頁面。 就像上圖一樣,+號將變為跨號。 您可以在以下位置查看此詳細信息 如何在此處將模塊添加到Beaver頁面。 您可以根據需要使用這些模塊並向頁面添加圖像和鏈接。

步驟3:發布404錯誤頁面

現在您已經完成了頁面的創建,請單擊頁面右上角的「完成」按鈕。

Beaver Builder的404錯誤頁面

這將顯示「發布」按鈕。 點擊它。

發布404_Error_Page

您的404錯誤頁面現已上線。 現在,單擊斷開鏈接的任何人都將看到此頁面。

方法2:如何使用Divi創建404錯誤頁面

Page Builder Everywhere,Divi插件

在這種方法中,我們將向您展示如何使用來創建404錯誤頁面 Divi建築商。 Divi是功能強大的拖放頁面構建器插件,可讓您創建漂亮的布局而無需編寫單行代碼。

它提供了僅需單擊即可導入的預構建布局。 您還可以具有許多元素(在Beaver Builder中稱為模塊)。

步驟1:在WordPress網站上安裝Divi Builder

入門的第一步是 安裝並激活 Divi Builder插件。

相關文章