如果寫自己的網(wǎng)站404頁面？
本站的建站系統(tǒng)是MIP建站系統(tǒng)，群里面有的人問我怎么修改網(wǎng)站的404頁面？ 其實我在好久好久以前寫的《mip建站系統(tǒng)如何修改404頁面，讓網(wǎng)站更加友好》，我看了一下，是告訴大家在哪里修改，但是具體怎么修改，還是有一些人不會。我就把我修改的思路，分享給大家，供大家參考。
站長在線站長一對一網(wǎng)絡指導服務，一元一分鐘，50元一個小時
永久美國免備案虛擬主機1元1天,15元1月,100元1年,1000元永久
站長在線旗下答案網(wǎng)站，全站所有題目，免費查看答案和答案解析
永久美國免備案虛擬主機1元1天,15元1月,100元1年,1000元永久
站長在線旗下答案網(wǎng)站，全站所有題目，免費查看答案和答案解析
本站的建站系統(tǒng)是mip建站系統(tǒng)，群里面有的人問我怎么修改網(wǎng)站的404頁面？
其實我在好久好久以前寫的《mip建站系統(tǒng)如何修改404頁面，讓網(wǎng)站更加友好》，我看了一下，是告訴大家在哪里修改，但是具體怎么修改，還是有一些人不會。我就把我修改的思路，分享給大家，供大家參考。
首先，我覺得404的頁面目的就是告訴大家，你訪問的頁面不存在了，可以去首頁或者其他頁面。
所以我們在設計404頁面的時候，最好帶上網(wǎng)站的默認的頭部和默認的底部。
我們把404頁面分成3個部分，頭部、底部和中間。
解決思路：
因為本站的404頁面，不支持頭部文檔和底部文檔的調(diào)用，我們可以復制頭部和底部的靜態(tài)源代碼，達到和默認網(wǎng)站頁面一樣的效果。
中間頁面的話，要保留原始代碼的，不同的問題，系統(tǒng)會給出是什么問題，所以這樣的代碼，我們要保留。具體方法如下：
1、頭部代碼：
方法：右鍵查看首頁的源代碼，從第一行，復制到</mip-fixed> <main class="mipcms-main">。簡單修改一下標題，然后把默認的css復制我的代碼是：
<!DOCTYPE html>
<html mip>
<head>
<meta charset="utf-8">
<meta name="author" content="楊澤業(yè) qq:350379853" />
<meta name="APPlicable-device" content="pc,mobile">
<meta http-equiv="X-UA-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<link rel="shortcut icon" href="https://www.olzz.com/favicon.ico" type="image/x-icon" />
<title>404頁面！你訪問的頁面不存在!站長在線404頁面！</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://003188.cn/template/mipdiy/main/css/mipcms.css">
<link rel="stylesheet" type="text/css" >
<link rel="canonical" href="http://003188.cn/">
<style mip-custom>
.page {
width: 100%;
margin: 0 auto;
text-align: center;
padding-top: 5vw;
}
.page span{
font-size: 20vw;
text-align: center;
color: #f4f4f4;
}
.page p{
margin-bottom: 15px;
font-size: 14px;
color: #aaa;
}
.page .errorMessage {
font-size: 20px;
}
.page a{
color: #aaa;
}
</style>
</head>
<body>
<!--導航部分開始-->
<mip-shell disabled></mip-shell>
<mip-fixed type="top">
<div class="mipmb-header mipmb-header-default" id="mip_header">
<div class="container">
<div class="menu-warp">
<div class="logo-text">
<a data-type="mip" href="http://003188.cn" data-title="站長在線">站長在線</a>
</div>
<ul class="mipmb-menu list-unstyled">
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/news/" data-type="mip" data-title="站長資訊" title="站長資訊">站長資訊</a>
<ul class="mipmb-dropdown-list">
<li>
<a href="http://003188.cn/news/benzhan/" data-type="mip" data-title="本站資訊" title='本站資訊'>本站資訊</a>
</li>
<li>
<a href="http://003188.cn/news/hangye/" data-type="mip" data-title="行業(yè)資訊" title='行業(yè)資訊'>行業(yè)資訊</a>
</li>
<li>
<a href="http://003188.cn/news/zonghe/" data-type="mip" data-title="綜合資訊" title='綜合資訊'>綜合資訊</a>
</li>
<li>
<a href="http://003188.cn/news/ganwu/" data-type="mip" data-title="站長感悟" title='站長感悟'>站長感悟</a>
</li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/xuetang/" data-type="mip" data-title="站長學堂" title="站長學堂">站長學堂</a>
<ul class="mipmb-dropdown-list">
<li>
<a href="http://003188.cn/xuetang/python/" data-type="mip" data-title="Python教程" title='Python教程'>Python教程</a>
</li>
<li>
<a href="http://003188.cn/xuetang/html/" data-type="mip" data-title="HTML教程" title='HTML教程'>HTML教程</a>
</li>
<li>
<a href="http://003188.cn/xuetang/css/" data-type="mip" data-title="CSS教程" title='CSS教程'>CSS教程</a>
</li>
<li>
<a href="http://003188.cn/xuetang/javascript/" data-type="mip" data-title="javaScript教程" title='JavaScript教程'>JavaScript教程</a>
</li>
<li>
<a href="http://003188.cn/xuetang/PHP/" data-type="mip" data-title="PHP教程" title='PHP教程'>PHP教程</a>
</li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/wenda/" data-type="mip" data-title="站長問答" title="站長問答">站長問答</a>
<ul class="mipmb-dropdown-list">
<li>
<a href="http://003188.cn/wenda/diannao/" data-type="mip" data-title="電腦知識" title='電腦知識'>電腦知識</a>
</li>
<li>
<a href="http://003188.cn/wenda/jianzhan/" data-type="mip" data-title="建站知識" title='建站知識'>建站知識</a>
</li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/ziyuan/" data-type="mip" data-title="站長資源" title="站長資源">站長資源</a>
<ul class="mipmb-dropdown-list">
<li>
<a href="http://003188.cn/ziyuan/ruanjian/" data-type="mip" data-title="建站軟件" title='建站軟件'>建站軟件</a>
</li>
<li>
<a href="http://003188.cn/ziyuan/yuanmachengxu/" data-type="mip" data-title="源碼/程序" title='源碼/程序'>源碼/程序</a>
</li>
<li>
<a href="http://003188.cn/ziyuan/zhutimoban/" data-type="mip" data-title="主題/模板" title='主題/模板'>主題/模板</a>
</li>
<li>
<a href="http://003188.cn/ziyuan/jiaochengziliao/" data-type="mip" data-title="教程資料" title='教程資料'>教程資料</a>
</li>
<li>
<a href="http://003188.cn/ziyuan/bangongruanjian/" data-type="mip" data-title="辦公軟件" title='辦公軟件'>辦公軟件</a>
</li>
<li>
<a href="http://003188.cn/ziyuan/shuji/" data-type="mip" data-title="站長書籍" title='站長書籍'>站長書籍</a>
</li>
<li>
<a href="http://003188.cn/ziyuan/wytx/" data-type="mip" data-title="網(wǎng)頁特效" title='網(wǎng)頁特效'>網(wǎng)頁特效</a>
</li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/zuanqian/" data-type="mip" data-title="賺錢之道" title="賺錢之道">賺錢之道</a>
<ul class="mipmb-dropdown-list">
<li>
<a href="http://003188.cn/zuanqian/shejiaodianshang/" data-type="mip" data-title="社交電商" title='社交電商'>社交電商</a>
</li>
<li>
<a href="http://003188.cn/zuanqian/ydgk/" data-type="mip" data-title="閱讀觀看" title='閱讀觀看'>閱讀觀看</a>
</li>
<li>
<a href="http://003188.cn/zuanqian/douyinanli/" data-type="mip" data-title="抖音案例" title='抖音案例'>抖音案例</a>
</li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/shangcheng/" data-type="mip" data-title="站長商城" title="站長商城">站長商城</a>
<ul class="mipmb-dropdown-list">
<li>
<a href="http://003188.cn/shangcheng/wzmb/" data-type="mip" data-title="網(wǎng)站模板" title='網(wǎng)站模板'>網(wǎng)站模板</a>
</li>
<li>
<a href="http://003188.cn/shangcheng/chajian/" data-type="mip" data-title="網(wǎng)站插件" title='網(wǎng)站插件'>網(wǎng)站插件</a>
</li>
<li>
<a href="http://003188.cn/shangcheng/wlfw/" data-type="mip" data-title="網(wǎng)絡服務" title='網(wǎng)絡服務'>網(wǎng)絡服務</a>
</li>
<li>
<a href="http://003188.cn/shangcheng/gongyi/" data-type="mip" data-title="公益商品" title='公益商品'>公益商品</a>
</li>
<li>
<a href="http://003188.cn/shangcheng/mianfei/" data-type="mip" data-title="免費商品" title='免費商品'>免費商品</a>
</li>
<li>
<a href="http://003188.cn/shangcheng/ditan/" data-type="mip" data-title="網(wǎng)絡地攤" title='網(wǎng)絡地攤'>網(wǎng)絡地攤</a>
</li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/baike/" data-type="mip" data-title="站長百科" title="站長百科">站長百科</a>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/pingtai/" data-type="mip" data-title="營銷平臺" title="營銷平臺">營銷平臺</a>
<ul class="mipmb-dropdown-list">
<li>
<a href="http://003188.cn/pingtai/zimeiti/" data-type="mip" data-title="自媒體" title='自媒體'>自媒體</a>
</li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/zz/" data-type="mip" data-title="站長導航" title="站長導航">站長導航</a>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/code/" data-type="mip" data-title="代碼庫" title="代碼庫">代碼庫</a>
<ul class="mipmb-dropdown-list">
<li>
<a href="http://003188.cn/code/pythoncode/" data-type="mip" data-title="Python代碼" title='Python代碼'>Python代碼</a>
</li>
<li>
<a href="http://003188.cn/code/htmlcode/" data-type="mip" data-title="HTML代碼" title='HTML代碼'>HTML代碼</a>
</li>
<li>
<a href="http://003188.cn/code/csscode/" data-type="mip" data-title="CSS代碼" title='CSS代碼'>CSS代碼</a>
</li>
<li>
<a href="http://003188.cn/code/javascripcode/" data-type="mip" data-title="JavaScript代碼" title='JavaScript代碼'>JavaScript代碼</a>
</li>
<li>
<a href="http://003188.cn/code/phpcode/" data-type="mip" data-title="PHP代碼" title='PHP代碼'>PHP代碼</a>
</li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="http://003188.cn/tiku/" data-type="mip" data-title="題庫" title="題庫">題庫</a>
<ul class="mipmb-dropdown-list">
<li>
<a href="http://003188.cn/tiku/pythontiku/" data-type="mip" data-title="Python題庫" title='Python題庫'>Python題庫</a>
</li>
<li>
<a href="http://003188.cn/tiku/htmltiku/" data-type="mip" data-title="HTML題庫" title='HTML題庫'>HTML題庫</a>
</li>
<li>
<a href="http://003188.cn/tiku/csstiku/" data-type="mip" data-title="CSS題庫" title='CSS題庫'>CSS題庫</a>
</li>
<li>
<a href="http://003188.cn/tiku/javascripttiku/" data-type="mip" data-title="JavaScript題庫" title='JavaScript題庫'>JavaScript題庫</a>
</li>
<li>
<a href="http://003188.cn/tiku/phptiku/" data-type="mip" data-title="PHP題庫" title='PHP題庫'>PHP題庫</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<br>
</mip-fixed>
<main class="mipcms-main">
<!--導航部分結(jié)束-->
2、中間部分代碼：
默認的代碼過于簡單，我除了默認的代碼保留了，還增加了一個小游戲，代碼如下：
<!--原模版部分開始-->
<div class="page">
<span><?php echo 404?></span>
<p class="errorMessage">原因：<?php echo htmlentities($message); ?>.</p>
</div>
<!--原模版部分結(jié)束-->
<!--自定義404部分開始-->
<div align="center">抱歉, 您所查找的頁面不存在, 可能已被刪除或您輸錯了網(wǎng)址!</div>
<div align="center"><a href="http://003188.cn">◂去首頁學習</a><a href="javascript:history.go(-1);">◂返回上一頁</a>
</div>
<div align="center"><b>先玩玩這個游戲！</b><br>
<mip-iframe
allowfullscreen
src="http://003188.cn/demo/xiaoxiaole/"
width="325"
height="420"
allowtransparency="true">
</mip-iframe>
</div>
<!--自定義404部分結(jié)束-->
3、底部部分代碼：
<!--底部版權信息開始-->
<footer class="mip-footer-diy">
<div class="container">
<div class="friend-link hidden-xs"><ul><li> 友情鏈接：</li><li><a href="https://www.mjncw.cn/?003188.cn" target="_blank">賣家內(nèi)參</a></li><li><a href="http://003188.cn/aliyun" target="_blank">阿里云優(yōu)惠購</a></li><li><a href="http://003188.cn/txy" target="_blank">騰訊云優(yōu)惠購</a></li><li><a target="_blank">改字成金</a></li><li><a target="_blank">站長工具箱</a></li><li><a target="_blank">站長商店</a></li><li><a target="_blank">站長博客</a></li><li><a target="_blank">站長論壇</a></li><li><a target="_blank">號碼查詢網(wǎng)</a></li><li><a href="https://www.zggs.com.cn/?003188.cn" target="_blank">工商在線</a></li><li><a href="https://www.wenan.wang/?003188.cn" target="_blank">文案網(wǎng)</a></li><li><a href="https://www.flfw.net/?003188.cn" target="_blank">法律服務網(wǎng)</a></li></ul></div> <div>推薦鏈接：<a href="http://003188.cn/mipdiy.html" data-type="mip" data-title="mipdiy模板" title='mipdiy模板'>mipdiy模板</a>
<a href="http://003188.cn/neilianchajian.html" data-type="mip" data-title="seo插件" title='seo插件'>seo插件</a>
</div> <div>推薦標簽：<a href="http://003188.cn/tag/aliyun/" data-type="mip" data-title="阿里云" title='阿里云'>阿里云</a>
<a href="http://003188.cn/tag/tengxunyun/" data-type="mip" data-title="騰訊云" title='騰訊云'>騰訊云</a>
</div> <a href="http://003188.cn/guanyubenzhan.html" data-type="mip" data-title="關于本站" title='關于本站'>關于本站</a>-
<a href="http://003188.cn/fazhanlicheng.html" data-type="mip" data-title="發(fā)展歷程" title='發(fā)展歷程'>發(fā)展歷程</a>-
<a href="http://003188.cn/guanggaofuwu.html" data-type="mip" data-title="廣告服務" title='廣告服務'>廣告服務</a>-
<a href="http://003188.cn/banquanshengming.html" data-type="mip" data-title="版權聲明" title='版權聲明'>版權聲明</a>-
<a href="http://003188.cn/mianzeshengming.html" data-type="mip" data-title="免責聲明" title='免責聲明'>免責聲明</a>-
<a href="http://003188.cn/shangwuhezuo.html" data-type="mip" data-title="商務合作" title='商務合作'>商務合作</a>-
<a href="http://003188.cn/lianxiwomen.html" data-type="mip" data-title="聯(lián)系我們" title='聯(lián)系我們'>聯(lián)系我們</a>-
<a href="http://003188.cn/fukuanfangshi.html" data-type="mip" data-title="付款方式" title='付款方式'>付款方式</a> <p class="text-center mip-footer-diy"><a data-type="mip" href="http://003188.cn" data-title="站長在線">站長在線</a> ©2020 <a data-type="mip" href="http://003188.cn" data-title="站長在線">olzz.com</a> <a data-type="mip" href="http://003188.cn/yyzz.html" target="_blank" rel="nofollow">江華站長在線網(wǎng)絡科技有限公司</a> 版權所有 <a href="http://003188.cn/sitemap.xml">Sitemap</a>
<p class="text-center mip-footer-diy"> <a rel="nofollow" target="_blank" title='點擊QQ免費咨詢'>QQ:350379853</a>|<a rel="nofollow" target="_blank" title='點擊進群'>站長qq群:187388018</a>|<a href="http://003188.cn/img/weixin.jpg" rel="nofollow" target="_blank" title='微信掃碼咨詢'>微信:19146748887</a>|<a href="tel:19146748887" title='19146748887'>打電話</a>|<a href="sms:19146748887" title='19146748887'>發(fā)短信</a>|<a href="tel:07462525295" title='07462525295'>0746-2525295</a></p>
<p class="text-center mip-footer-diy">本站自豪的采用<a target="_blank" rel="nofollow">MIP建站系統(tǒng)</a> 技術支持：<a href="http://003188.cn/" target="_blank" title='站長在線'> 站長在線</a> <mip-stats-cnzz token="1278700007"></mip-stats-cnzz>
<mip-stats-baidu token="8abf056d431538bd6c9c1166901389ac"></mip-stats-baidu></p>
<p class="text-center mip-footer-diy"><a target="_blank" rel="nofollow"><mip-img src="http://003188.cn/img/beian.png" alt="站長在線官網(wǎng)公安部備案" width="14" height="14"></mip-img>湘公網(wǎng)安備 43112902000022號</a> <a target="_blank" rel="nofollow">湘icp備20005810號-1</a> </p>
<mip-AdSense ad-client="ca-pub-9415624128339828" ad-slot="9640249472" ad-format="auto"></mip-adsense>
</div>
</footer>
<!--底部版權信息結(jié)束-->
<mip-fixed type="gototop">
<mip-gototop></mip-gototop>
</mip-fixed>
<script src="https://c.mipcdn.com/static/v2/mip.js"></script><!--mip核心組件，不可刪除-->
<script src="https://c.mipcdn.com/static/v2/mip-stats-cnzz/mip-stats-cnzz.js"></script><!--cnzz站長統(tǒng)計組件-->
<script src="https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script><!--百度統(tǒng)計組件-->
<script src="https://c.mipcdn.com/static/v2/mip-gototop/mip-gototop.js" type="text/javascript" charset="utf-8"></script><!--快速回頂組件-->
<script src="https://c.mipcdn.com/static/v2/mip-history/mip-history.js" type="text/javascript" charset="utf-8"></script><!--歷史記錄組件-->
<script src="https://c.mipcdn.com/static/v2/mip-adsense/mip-adsense.js" type="text/javascript" charset="utf-8"></script><!--谷歌adsense廣告組件-->
<script src="https://c.mipcdn.com/static/v2/mip-form/mip-form.js" type="text/javascript" charset="utf-8"></script><!--表單組件，搜索必要-->
<script src="https://c.mipcdn.com/static/v2/mip-ad/mip-ad.js"></script><!--百度廣告組件-->
<script src="https://c.mipcdn.com/extensions/platform/v2/mip-cambrian/mip-cambrian.js"></script><!--熊掌號組件-->
<script src="https://c.mipcdn.com/static/v2/mip-share/mip-share.js"></script><!--分享組件-->
<script src="https://c.mipcdn.com/static/v2/mip-audio/mip-audio.js"></script><!--音頻播放組件-->
</body>
</html>
如果，不會做404頁面的，可以參考我的代碼哦！
本文地址：http://003188.cn/ruhexie404yemian.html
碼字不易，打個賞唄
楊澤業(yè)感謝你的支持！
站長在線站長一對一網(wǎng)絡指導服務，一元一分鐘，50元一個小時
阿里云虛擬主機1G空間，120元一年
香港、美國虛擬主機100元一年，1000元永久
騰訊云雙十一0.4折起，2核8G5M三年僅700元，2核4G8M三年僅198元
阿里云虛擬主機1G空間，120元一年
香港、美國虛擬主機100元一年，1000元永久
騰訊云雙十一0.4折起，2核8G5M三年僅700元，2核4G8M三年僅198元
猜你喜歡