Kadence 教學:用 Kadence Theme Pro 設置 WordPress 自定義 404 頁面

訪問已刪除或不存在頁面時,用戶通常會看到 WordPress 默認的“頁面未找到”提示頁面。這個頁面雖然提醒了訪問錯誤,但缺乏引導作用,無法幫助訪客繼續(xù)瀏覽網(wǎng)站。

圖片[1]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

借助 Kadence Theme Pro Hooked Elements 功能,網(wǎng)站管理員可以輕松替換默認 404 頁面,自定義展示內(nèi)容,并添加回首頁按鈕、推薦鏈接或品牌介紹等模塊,使出錯頁面成為增強瀏覽價值的一部分。

圖片[2]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

安裝并啟用 Kadence Theme Pro

Kadence 的 Hooked Elements 模塊是高級功能,僅包含在 Kadence Theme Pro 中。如果尚未啟用,可以前往 Kadence 官網(wǎng)購買單獨的 Pro 版本或 Plus/Ultimate 套餐。

圖片[3]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

購買后,登錄 Kadence 賬戶,下載 Kadence Pro Plugin,并在 WordPress 后臺上傳安裝插件。安裝后激活插件,并輸入 Kadence 提供的授權信息進行驗證,完成后,Kadence Pro 狀態(tài)會變?yōu)椤耙鸭せ睢薄?/p>

啟用 Hooked Elements 功能

WordPress 儀表盤中,前往 外觀 > Kadence,找到 Pro Addons 區(qū)域

圖片[4]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

啟用 Hooked Elements 模塊。這一功能是設置全站鉤子內(nèi)容(如 404 頁面替換)的基礎。

圖片[5]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

設計自定義 404 頁面內(nèi)容

進入 外觀 > Kadence > Elements > Add New,創(chuàng)建新元素。

圖片[6]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

在彈出的窗口中,選擇元素類型為 Template,因為這個類型可以直接替換 WordPress 默認模板內(nèi)容。

圖片[7]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

命名為“404 Not Found”或其他易識別標題,并開始編輯頁面內(nèi)容。

圖片[8]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

可使用 Kadence Blocks 添加如下內(nèi)容模塊:

  • 插圖模塊:用于展示品牌插畫或引導圖像;
  • 高級文本模塊:輸入提示信息,例如“頁面不存在”或“請返回首頁”;
  • 按鈕模塊:添加跳轉鏈接,引導用戶訪問首頁或其他推薦頁面;
  • 布局模塊:使用 Row Layout 布局對齊所有內(nèi)容并美化結構。
圖片[9]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

將這些區(qū)塊居中排列,搭配合適的字體和顏色,頁面就具備清晰的引導作用。

設置顯示位置

完成設計后,點擊頁面右上角的“Element 設置”圖標,在 Placement 下拉菜單中選擇 Replace 404 Page Content,用于將默認的 404 頁面替換為自定義內(nèi)容。

圖片[10]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

默認優(yōu)先級為 10,不用修改。若同時設置多個元素在同一位置,可調整優(yōu)先級確定顯示順序。

圖片[11]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

設置顯示規(guī)則

Display Settings 中,將顯示條件設置為 Not Found (404),表示該內(nèi)容僅在頁面不存在時顯示。

圖片[12]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

系統(tǒng)還支持更多高級選項:

  • 排除設置:避免在特定頁面顯示該內(nèi)容;
  • 用戶組設置:限定特定登錄狀態(tài)下可見;
  • 到期設置:設定元素的有效期,適用于促銷倒計時等臨時內(nèi)容。
圖片[13]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

不過對于 404 頁面,僅需設置“Not Found”條件即可。

發(fā)布并測試頁面

完成所有設置后,點擊右上角“發(fā)布”按鈕,激活這個元素。此時,自定義的 404 頁面已正式啟用。

圖片[14]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

可以在瀏覽器中輸入一個不存在的鏈接(如 https://你的域名.com/abc123)測試效果,頁面將展示剛剛創(chuàng)建的內(nèi)容模板。

圖片[15]-打造專業(yè) 404 頁面:使用 Kadence Theme Pro 自定義設計內(nèi)容模板

如果沒有正確顯示,檢查 Display Settings 是否設為“Not Found”,并清除站點緩存后刷新頁面。

結語

設置自定義 404 頁面是提升網(wǎng)站專業(yè)度和訪問完整性的細節(jié)操作。使用 Kadence Theme Pro 的 Hooked Elements 功能,整個過程無需修改代碼,內(nèi)容編輯直觀靈活,幾分鐘內(nèi)即可完成設置。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉載聲明
本文作者:賊將鼠膽
THE END
喜歡就支持一下吧
點贊1222 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容