修改Joomla! 網站的404頁面,幫助兒少協尋專案!

當你的網站內有找不到的網頁,那麼應該把網站導向到404頁面,也就是無此網頁時,出現的畫面。

網站若沒有做404的畫面,會讓人以摸不著頭緒,以為網頁掛掉,或是明明有連結為何連不上?造成瀏覽體驗不佳。

找不到畫面的網頁,通常是很無聊的404的大字。現在可以不要浪費這個頁面,配合兒少協尋專案,還可以幫忙做公益哦!

所以,每一個網站應該要訂定,若不小心連到無此網頁時,應該導向到哪裡。

這份文件在說明如何自訂Joomla 的404頁面,請跟隨下面的步驟:

1. 在Joomla 全站設定→文字過濾器→super user→選擇「不過濾」。這是因為等一下要在文章中貼上一些較特別的html的代碼。

2013-09-04_00-36-48

2. 到兒少協尋專案,輸入網址,得到您網站的嵌入碼,按右鍵→複製。

image

image

3. 建立一篇文章,標題和別名都使用「404-error」。並在右下方的meta 選項→蒐尋引擎機器人→不索引,不跟隨←重要

4. 在文章內容中,按左上方[show/hide]鈕,先切換為「原始碼模式」,然後在文章內容中貼上剛才copy的代碼。

image

5. 建立一個隱藏的選單,新增選單。選單標題和別名都使用「404-error」。連結到單一文章,選擇404-error。

順便把連結的網址copy起來。

以上這些,就是要建立一篇文章,內含顯示404的內容(兒少協尋方案)。當然,也可以自已決定要顯示什麼內容。

image

6. 接下來,要修改error.php。路徑通常在templates/YourTemplate/system/error.php,或是templates/YourTemplate/error.php

若都沒有,在您的佈景路徑下建立一個新的檔案error.php。

若有的話,請先用FTP下載回來備份後再編輯。

用文字編輯器,打開error.php,在

defined( '_JEXEC' ) or die( 'Restricted access');

下方新增(適用於Joomla 2.5)

if ($this->error->getCode() == 404) {

header('Location: /上一步在選單COPY回來的網址');

exit;

}

例如:

if ($this->error->getCode() == 404) {

header('Location: /index.php?option=com_content&view=article&id=63');

exit;

}

7、更完整的做法,要在Joomla根目錄的robots.txt,新增二行程式,避免蒐尋引擎將這一頁蒐錄。

Disallow: /index.php?option=com_content&view=article&id=63
Disallow: /index.php/404-error

image

8. 這樣就已經完成了。在網址的斜線後方亂打一個網址試試看?本來是一個無意義的畫面,現在出現了協尋畫面!

這樣不但可以幫助協尋兒少,也讓網站找不到網址的時候,能出現有意義的404頁面。您說是不是一舉二得呢?

更改前的404畫面:

image

更改後的404畫面:

image

Tags:

關於我們

真石科技專注於內容管理系統(CMS)、購物車系統(Shopping Cart)的解決方案,根據實際體驗與需求,開發簡單、有效、功能強大的各種網站。
Copyright © GC TECH. All Rights Reserved

歡迎訂閱!

訂閱電子報,可以不定時收到傑哥的私密文章、開課訊息、活動通知、電子商務網站管理技巧…等。

歡迎訂閱!

訂閱電子報,可以不定時收到傑哥的私密文章、開課訊息、活動通知、電子商務網站管理技巧…等。