PBOOTCMS網站訪問頁面提示：您訪問的頁面不存在，請核對後重試!如何改成自動404跳轉頁面

黄文Rex發表於2024-10-20
boot網站

當使用者訪問 PbootCMS 網站時，如果請求的頁面不存在，系統會顯示一個錯誤頁面，提示“您訪問的頁面不存在，請核對後重試!”。為了提升使用者體驗，可以將這個錯誤頁面設定為1秒後自動跳轉到其他頁面，例如首頁或指定的404頁面。

步驟

  1. 開啟錯誤頁面模板檔案:

    • 進入 PbootCMS 根目錄，找到 core/template/error.html 檔案。

  2. 修改 error.html 檔案:

    • 使用文字編輯器開啟 error.html 檔案，按照以下內容進行修改：
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>錯誤資訊</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
</head>
<body>

<div style="margin-left:10%;margin-top:5%;">
    <div style="margin-bottom:20px;"><img src="{coredir}/template/face02.png" height="120"></div>
    <div style="font-size:20px;margin-bottom:20px;">{info} <span id="time" style="font-size:18px;"></span></div>
    <div style="margin-bottom: 1rem;">
        <p>頁面將在1秒後自動跳轉到另一個頁面...</p>
    </div>
    <div><span style="font-size:12px;border-top:1px solid #ccc;color:#ccc;padding-top:2px;">
        程式版本：{appversion}
    </span></div>
</div>

<script>
    setTimeout(function() {
        window.location.href = 'http://www.baidu.com/'; // 替換為你想要跳轉的URL
    }, 1000); // 1000毫秒後執行
</script>

{js}

</body>
</html>

說明

  • HTML 結構:

    • 保留了原有的錯誤提示資訊和樣式。
    • 新增了一段提示文字，告知使用者頁面將在1秒後自動跳轉。

  • JavaScript 程式碼:

    • 使用 setTimeout 函式，在1000毫秒（即1秒）後執行頁面跳轉。
    • window.location.href 指定了跳轉的目標URL，可以根據需要替換為其他頁面的URL。

儲存並測試

  1. 儲存檔案:

    • 將修改後的 error.html 檔案儲存。

  2. 測試效果:

    • 訪問一個不存在的頁面，檢查是否能夠看到自定義的錯誤提示，並在1秒後自動跳轉到指定的頁面。

注意事項

  • 目標URL:
    • 確保跳轉的目標URL是有效的，避免再次跳轉到錯誤頁面。
  • 使用者體驗:
    • 考慮使用者的體驗，可以選擇跳轉到首頁或其他重要的頁面，而不是外部網站。
  • 備份:
    • 在修改檔案前，建議先備份原檔案，以便在出現問題時恢復。

透過以上步驟，您可以輕鬆地將 PbootCMS 的404錯誤頁面設定為1秒後自動跳轉，提升使用者體驗。

相關文章