ان صفحات الخطأ تعتبر من الأشياء الأساسية في بلوجر سنتطرق لأهم خصائص تلك الصفحات وطرق اعدادها أو حتى ان يتم إعادة توجيهها وحتى ضبط القوالب التي لا تدعم عمل صفحات الخطأ نبدأ أولا بطريقة تفعيل صفحة الخطأ
- من إعدادات المدونة
- نختار تفضيلات البحث
- الاخطاء وعمليات إعادة التوجيه
- لم يتم العثور على الصفحة المخصصة
- نضغط على كلمة تحرير التي بجانبها
صورة توضيحية
<style>هذا هو كود صفحة خطأ يمكنك معاينتها من هنـــــــــــــا
#cnmu-Error-page {
background:#FFFFFF;
border-radius: 8px;
box-shadow: 0 0 4px #222222;
color: #555555;
font: 25px/2em tahoma;
margin: 20px auto;
padding: 1px 10px 50px;
width: 500px;
}
.cnmu-e-title {
color: #F10018;
font: bold 40px tahoma;
text-shadow: 0 0 1px #222222;
}
.Home-e {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7URfi6d6yQ8J85ray6L-YsR4UKYJJxO7bAIqo0UA7Is9Yi0WhKW_Ff4cCNVoru-FgoEBFOArf-y-KqkrZjTzicQ0zlkbKDN1u7wwhUic_AYxafc64NBv3TD41E2ClwWEUAI3RGB7aCXk/s64/home.png") no-repeat scroll 97% center #000000;
border-radius: 8px;
box-shadow: 0 0 2px #000000;
color: #FFFFFF;
display: inline-block;
margin: 5px auto;
padding: 8px 80px 15px 20px !important;
text-decoration: none !important;
transition: all 0.7s ease 0s;
}
.Home-e:hover {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7URfi6d6yQ8J85ray6L-YsR4UKYJJxO7bAIqo0UA7Is9Yi0WhKW_Ff4cCNVoru-FgoEBFOArf-y-KqkrZjTzicQ0zlkbKDN1u7wwhUic_AYxafc64NBv3TD41E2ClwWEUAI3RGB7aCXk/s64/home.png") no-repeat scroll 97% center #B10418;
}
#cnmu-e-search {
border: 4px solid #FFFFFF;
display: inline-block;
box-shadow: 0 0 4px #000000;
}
#search-text-e {
background:#000000;
border: 0 none;
color: #DDDDDD;
font: 20px tahoma;
padding: 15px 5px 20px;
width: 200px;
}
#search-submit-e {
background:#B10418;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font: 20px tahoma;
margin-right: -8px;
padding: 14px 20px 19px;
transition: all 0.7s ease 0s;
}
#search-submit-e:hover {
background:#555555;
}
</style>
<div id="cnmu-Error-page">
<p class="cnmu-e-title">صفحة خطأ</p>
<p>الموضوع أو الصفحة التي تبحث عنها إما انها حذفت أو غير موجودة من البداية اضغط على الرابط التالي للعودة للرئيسية</p>
<a class="Home-e" href="/">الرئيسية</a>
<p>أو إستخدم محرك البحث التالي لإيجاد ما تريد</p>
<div id='cnmu-e-search'>
<form action='/search' id='searchform' method='get' style='display:inline;'>
<input id='search-text-e' name='q' onblur='if (this.value == "") {this.value = "البحث ...";}' onfocus='if (this.value == "البحث ...") {this.value = "";}' type='text' value='البحث ...'/>
<input id='search-submit-e' type='submit' value='بحث'/>
</form>
</div>
</div>
هذا اللون #FFFFFF هو لون الخلفية يمكنك تغيره بلون آخر او ازالة هذه الأسطر إن اردتها بلون خلفية القالب
background:#FFFFFF;
border-radius: 8px;
box-shadow: 0 0 4px #222222;
أما الرقم 500 هو المقاس يمكنك تغيره أو جعله نسبة مئوية ليكون متجاوب 98%
طبعا هناك الوان اخرى بقليل من الخبرة يمكنك تعديلها
إعادة التوجيه
غاليا ما تستخدم إعادة التوجيه لسببين
الاول من لا يريد ان يضيف صفحة خطأ فيعيد التوجيه الى الرئيسية
الثاني القالب محذوف منه صفحات الخطأ أو به مشكلة هنا الحل كالتالي
أضف الكود التالي فوق الوسم</head>
<b:if cond='data:blog.pageType == "error_page"'>الكود سيعيد التوجيه الى الصفحة الرئيسية
<style>
html {
background: url(https://lh3.googleusercontent.com/-yuSvWA6ps4o/VALzDMz0TqI/AAAAAAAAElo/uOmRhgcAHVs/s320/Error.png) no-repeat scroll center 50% rgba(0, 0, 0, 0);
}
body {display:none;}
</style>
<script type='text/javascript'>
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>
</b:if>
ويمكنك استبدال رابط الصورة المعلم بالاخضر التي تظهر عند إعادة التوجيه برابط صورة أخرى
وان اردت التوجيه الى صفحة أخرى غير الرئيسية
انسخ رابطها واضفه بدلا من علامة /
على أن يكون الشكل كالتالي
مثال هذا رابط موضوعنا
http://cnmu.blogspot.com/2014/08/Error-page.html
لو اردنا اعادة توجيه صفحة الخطأ للموضوع نضيف بدلا من علامة /
الجزء الأحمر فقط من الرابط وهذا ينطبق على أى رابط في المدونة ان اردنا ان نوجه صفحات الخطأ اليه
هذه هي اهم طرق عمل صفحات الخطأ مع أى قالب وتجنب الأخطاء التي تكون عائقاً في انشاء الصفحة في بعض القوالب
تحياتي
No comments:
Post a Comment