邦泰-紅海兩岸-手把手教你如何創建個性化404錯誤頁面



登錄註冊搜索風格論壇狀態論壇展區我能做什麼

>> .

邦泰 → 環球論壇 → 紅海兩岸 → 手把手教你如何創建個性化404錯誤頁面

發表一個新帖子

發起一個新投票

回復本主題

您是本帖的第 909 個閱讀者

標題：手把手教你如何創建個性化404錯誤頁面	樹形打印收藏推薦

帥哥喲，離線，有人找我嗎？

    等級：職業俠客
    文章：449
    積分：3581
    註冊：2011-10-26

	樓主

發貼心情

手把手教你如何創建個性化404錯誤頁面

以下內容含腳本,或可能導致頁面不正常的代碼
[b]感謝[url=http://www.x-berry.com/][color=#0000ff]Mr.K[/color][/url]的投遞[/b] [b]本教程將教你如何為你的WordPress blog創建一個404頁面。如果你的博客已經有這個頁面，你也可以學習如何修改404頁面使其變得更加友好和個性化。[/b]由于404錯誤頁面的特殊，很多時候人們都會忽略了它，并沒有想過設計它。其實404錯誤頁面可能意味著用戶的離開或者繼續瀏覽你的網頁，如果你的404頁面太過單調枯燥，游客就很可能不愿意在瀏覽下去；但如果你的404錯誤頁面富有個性化和友好，就很可能會吸引游客到你的網頁的其他頁面瀏覽。 [b]什么是404錯誤頁面[/b] 大多數時候，您建立網站并多次檢查以確保每一個鏈接都是有效的。但是，隨著時間的推移你就有可能忘了某鏈接指向一個已經刪除的頁面或者改了名稱的頁面，或可能改變了名稱。又或者游客通過搜索引擎搜索到你的網頁但是無法鏈接到該頁面，則也會跳轉到404報錯頁面。一般情況下wordpress主題都包含404.php，你不需要單獨去設計一個，但是如果沒有或者你希望擁有一個個性化，有創意的404錯誤頁面，你可以單獨設計。 Error 404，中文翻譯成404錯誤頁面，是指當用戶通過搜索引擎或者直接打開已經不存在的鏈接時所返回的頁面。404錯誤頁面有著特殊的意義：向瀏覽者反饋一個信息，其所請求的頁面不存在或鏈接錯誤，同時引導用戶瀏覽該網站的其他頁面而不是直接離開。 [b]基礎的[/b][b]404.php [/b]一般情況下wordpress主題都包含404.php，除個別以外。 WordPress默認設置為當頁面出錯時自動查找404.php文件，但如果此文件不存在，瀏覽器則會顯示令人生厭的錯誤信息。更甚至有可能對你的博客的SEO有不良的影響。如果你的博客主題沒有這個文件。你可以自己創建一個新的空白文件，命名為404.php 下面是最基礎的404.php代碼: 404.php File [indent]<?php get_header(); ?> <h2>Error 404 - Page Not Found.</h2> <?php get_sidebar(); ?> <?php get_footer(); ?> [/indent] 404.php基本的代碼包括H2 tags ——“Error 404 – Page Not Found”,讀取header, sidebar, 和footer的指令。當然你可以根據需要對這些代碼實行相應的調整以適應自己博客的模板，風格。我們將會通過幾個步驟來分解修改404.php的教程。請注意，我是一直會使用get_header，get_sidebar和get_footer命令調用wordpress主題文件。根據需要你應該稍微修改404.php文件以適應你的主題。 [b]開始修改404錯誤頁面[/b] 首先，我們將在404錯誤頁面上添加搜索代碼，這樣404錯誤頁面就不會過于單調缺乏操作選項。假如有游客瀏覽了你的404頁面，他就可以通過搜索框搜索你的其他頁面。這是幫助你挽留游客的一種方法。 [b] 為404.php 添加搜索代碼[/b] [indent]<?php get_header(); ?> <h2>Error 404 - Page Not Found.</h2> Search: <?php include(TEMPLATEPATH . "/searchform.php"); ?> <?php get_sidebar(); ?> <?php get_footer(); ?>[/indent][b]創意404錯誤頁面[/b] 創建一個具有創意的404錯誤頁面，目的是讓瀏覽者短暫地停留在錯誤的信息上然后重新引導他們到你的主頁。404錯誤頁面可以做得盡可能友好，以便實現搜索引擎優化。下面我們將開始編輯模板中的header.php文件。在你的header.php在頂部的中meta tags，您可以添加以下代碼： [indent]<?php if (is_404()) { $redirectHome = get_option(''''home''''); ?> <?php echo $redirectHome; ?>[/indent]然后在404.php添下紅色部分的代碼： [b]404.php File[/b] [indent]<?php get_header(); ?> <h1>Error 404 - File Not Found.</h1> <h3>;Please <a href="<?php bloginfo(''''home''''); ?>" Click here</a> to return to our home page, or you can wait to be redirected in 15 seconds.</h3> <?php get_footer(); ?>[/indent]上面的例子用于引導游客由404錯誤頁面轉向網站主頁。這也將有利于網站留住用戶，而不是讓他們覺得困惑而最終離開。這個例子未必永遠是最好的解決方法，但對于游客查找你網站上的內容是非常有效。 [b]確保404錯誤頁面可以工作 [/b] 您可以通過輸入一個你網頁不存在的頁面來測試404錯誤頁面是否有效。（紅色部分是你的主頁地址）例如：[url=http://www.mlmmgg.cn/][color=#0000ff]www.mlmmgg.cn[/color][/url] 這將會打開你的404錯誤頁面，如果不是則說明測試失敗。 [b]如果測試失敗[/b] 如果碰巧你的服務器沒有自動打開404.php，你可以通過修改 .htaccess獲得支持。在wordpress安裝地址找到 .htaccess文件并添上下面的代碼： [indent]ErrorDocument 404 /index.php?error=404[/indent]如果你的wordpress并不是安裝ftp的根目錄下，而是安裝在ftp子文件夾下，你必須將.htaccess文件修改成：（YOURSUBFOLDERNAME，指子文件夾的名稱） [indent]ErrorDocument 404 /YOURSUBFOLDERNAME/index.php?error=404[/indent]這樣就會調用你的404.php文件。下面是一段完整的代碼示范，教會你使用404.php幫助用戶查找本來想找的東西。盡可能地將一些信息反饋給他們以吸引他們繼續瀏覽其他頁面。 [url=http://jpmir2.com.cn]http://jpmir2.com.cn[/url][indent]<?php get_header(); ?> <h1>404 Error</h1> We cannot seem to find what you were looking for. Maybe we can still help you. <ul> <li>You can search our site using the form provided below.</li> <li>You can visit <a href="<?php _fcksavedurl=""<?php" bloginfo?>"</a></li> <a href="<?php (''''url''''); ?>" the homepage.</a> <li>Or you can view some of our recent posts.</li> </ul> Search: TEMPLATEPATH . "/searchform.php"); ?> <h3>Recent Posts</h3> <ul> <?php query_posts(''''posts_per_page=5''''); if (have_posts()) : while (have_posts()) : the_post(); ?> <li><a href="<?php the_permalink() ?>" title="Permalink for : <?php the_title(); ?>"><?php the_title(); ?></a> endwhile; endif; ?> </ul> <?php get_footer(); ?>[/indent]你可以根據你個人的喜好和頁面的風格對代碼進行修改調整。在上面的例子中，我們只是告訴瀏覽者那是一個錯誤的鏈接，并為他們提供操作的選項，譬如搜索框。也可以增加最新文章列表以吸引他們繼續瀏覽網站。這些選項都是為了引導游客瀏覽其他的頁面，而不是讓游客看到404錯誤頁面掉頭就走。 [b]讓404錯誤頁面更友好 [/b] 為了使404錯誤頁面更友好，你通過上面介紹的方法并添上一張有創意的圖片。您也可以在404.php文件中使用html代碼，以達到整頁都是錯誤頁面。下面是一些比較有趣和有創意的404錯誤頁面，希望能帶給你靈感： 1. [url=http://www.jdmoli.cn/]www.jdmoli.cn[/url] [url=http://www.wwsml.cn/]www.wwsml.cn[/url]
說明：上面顯示的是代碼內容。您可以先檢查過代碼沒問題，或修改之後再運行.

發貼IP已設置保密

2011-12-22 11:52

舉報帖子
複製貼子
加為精華
單貼屏蔽
帖子評價

1

1

1/1頁

1

快速回復：

上一頁

發貼表情

下一頁

讀取發帖表情...

字體顏色

字體背景顏色

格式取消

下劃線

超級連接

插入圖片

Flash圖片

realplay視頻文件

Media Player視頻文件

清理代碼

讀取心情圖片...

顯示簽名

內容限制：字節.

發短信
購買論壇點券
我能做什麼
我發表的主題
我參與的主題
基本資料修改
用戶密碼修改
聯繫資料修改
用戶短信服務
編輯好友列表
用戶收藏管理
個人文件管理

今日貼數圖例
主題數圖例
總帖數圖例
在線圖例
在線情況
用戶組在線圖例

文件集瀏覽
圖片集瀏覽
Flash瀏覽
音樂集瀏覽
電影集瀏覽
賀卡發送

Powered by bangtai Copyright © 2006 bangtai.Com All Rights Reserved.
頁面執行時間 00.09375 秒, 3 次數據查詢