أخر الاخبار

شرح اضافة أرشيف الموقع حسب تاريخ المشاركة

سنتعرف اليوم علي شرح اضافة أرشيف الموقع حسب تاريخ المشاركة (Sitemapعلي شكل تسلسل تاريخي بشكل مميز، يساعد فهرس الموقع على سهولة تنقل الزائر بين المقالات بمرونة وسرعة.


 إضافة أرشيف الموقع

شرح اضافة أرشيف الموقع حسب تاريخ المشاركة - اضافة فهرس الموقع - sitemap - Add site archive

ما هو أرشيف الموقع؟ فهرس الموقع أو أرشيف الموقع من الأشياء التي يجب توفرها في موقعك أو مدونتك، فهو يساعدك بشكل كبير علي ترتيب وتنظيم محتوى المدونة مما يسهل بحث الزائر عن موضوع معين وهو بمثابة تنقل سريع بين الصفحات.

كود فهرس الموقع المستخدم في الشرح خفيف ويعطي تجربة أفضل للمستخدم وأيضاً لمحركات البحث، وهناك طريقتان لإضافة أرشيف الموقع أو صفحة الفهرس علي مدونتك أو موقعك.



ميزات اضافة أرشيف الموقع او فهرس المدونة (sitemap)

  1. تنقل الزائر بسهولة بين المقالات.
  2. سهولة اطلع الزوار على محتوى كامل بشكل سريع.
  3. أرشيف الموقع يعطي تجربة افضل للمستخدم.
  4. يوفر أرشيف الموقع المقالات حسب تاريخ رفعها.
  5. أيضا وجود فهرس الموقع يقلل من نسبة الارتداد.
  6. كود أرشيف الموقع كود نظيف وخفيف بشكل فهرس مميز.
  7. يساعد أرشيف الموقع على تنظيم المحتوى بسهولة.
  8. يساعد فهرس الموقع على تنقل الزائر بشكل سريع لأي مقال.
  9. وجود أرشيف الموقع يساعد علي تحسين محركات البحث.


شرح اضافة أرشيف الموقع حسب تاريخ المشاركة

في هذا المقال سنتعلم كيفية اضافة أرشيف الموقع حسب تاريخ المشاركة، لتسهيل تجربة مستخدم أفضل والوصول لجميع المشاركات بتسلسل زمني عن طريق خريطة الموقع "Sitemap" أو ما يطلق علية فهرس أو أرشيف المدونة.

تابع الخطوات التالية لـ اضافة أرشيف الموقع في بلوجر "Bloggerوركز جيداً.

ملحوظة: يوصى بعمل نسخة احتياطية من القالب الحالي قبل تخصيص القالب أو إجراء تغييرات لتجنب حدوث أي أخطاء، حتى يمكنك استعادة القالب الأصلي.


الطريقة الأولى اضافة أرشيف الموقع

  1. قم بتسجيل الدخول إلى بلوجر - Blogger.
  2. التوجه للوحة تحكم مدونتك ثم المظهر وتعديل HTML.
  3. اضغط في الكيبورد على Ctrl + F ثم البحث </head> والصق البرنامج النصي أدناه أعلى علامة </head> مباشرةً قبله.
 <b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.itheric-sitemap{position:relative;margin:30px auto;text-align:right;}
.itheric-toc-wrap{display:inline-block;width:100%}
.itheric-toc-wrap .itheric-cat{background:#fff;border-radius:2px;color:#333;font-size:15px;font-weight:700;padding:10px 20px;border:4px solid #333;text-transform:capitalize}
.itheric-toc::before{background:#333;bottom:0;content:'';left:20%;margin-left:-10px;position:absolute;top:0;width:4px}
.itheric-toc{margin:0;padding:30px 20px;position:relative}
.itheric-sitemap ul.itheric-toc{margin:0;padding:30px 0;list-style-type:none}
.itheric-toc li{list-style:none;margin:0;padding:0;position:relative}
.itheric-toc > li .toc-date{color:#999;display:block;font-size:14px;font-weight:bold;position:absolute;text-transform:uppercase;top:25px;width:15%}
.itheric-toc > li .itheric-icon{background:#fff;border-radius:50%;box-shadow:0 0 0 4px #333;color:#fff;font-size:1.4em;font-style:normal;font-variant:normal;font-weight:normal;height:10px;left:21.8%;line-height:10px;margin:0 0 0 -25px;position:absolute;text-align:center;text-transform:none;top:30px;width:10px}
.itheric-toc > li .itheric-post::after{border-color:transparent #f5f5f5 transparent transparent;border-style:solid;border-width:10px;content:'';height:0;pointer-events:none;position:absolute;right:100%;top:auto;width:0}
.itheric-toc > li .itheric-post{background:#f5f5f5;border-radius:5px;display:block;font-size:15px;margin:0 0 15px 23%;padding:25px 30px;position:relative}
.itheric-toc > li .itheric-post a{color:#333;font-weight:700}
.itheric-toc > li:last-child .itheric-post{margin:0 0 0 23%}
.itheric-toc > li .itheric-post a:hover{color:#999}
</style>
<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function(){var static_page_text=$.trim($(".post-body").text());var text_month=[," /  1  / "," /  2  / "," /  3  / "," /  4  / "," /  5  / "," /  6  / "," /  7  / "," /  8  / "," /  9  / "," /  10  / "," /  11  / "," /  12  / "];if(static_page_text==="[sitemap]"){var postbody=$(".post-body");$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=[];for(var n=0;n<e.feed.category.length;n++){t.push(e.feed.category[n].term)}var t=t.join("/");postbody.html('<div class="itheric-sitemap"></div>');$(".post-body .itheric-sitemap").text(t);var r=$(".itheric-sitemap").text().split("/");var i="";for(get=0;get<r.length;++get){i+="<span>"+r[get]+"</span>"}$(".itheric-sitemap").html(i);$(".itheric-sitemap span").each(function(){var e=$(this);var t=$(this).text();$.ajax({url:"/feeds/posts/default/-/"+t+"?alt=json-in-script",type:"get",dataType:"jsonp",success:function(n){var r="";var i='<ul class="itheric-toc">';for(var s=0;s<n.feed.entry.length;s++){for(var o=0;o<n.feed.entry[s].link.length;o++){if(n.feed.entry[s].link[o].rel=="alternate"){r=n.feed.entry[s].link[o].href;break}}var u=n.feed.entry[s].title.$t;var a=n.feed.entry[s].published.$t,f=a.substring(0,4),l=a.substring(5,7),c=a.substring(8,10),h='<span class="day">'+c.replace(/^0+/,"")+'</span><span class="month">'+text_month[parseInt(l,10)]+' </span><span class="year">'+f+"</span>";i+='<li><div class="toc-date">'+h+'</div><div class="itheric-icon"></div><span class="itheric-post"><a href="'+r+'">'+u+"</a></span></li>"}i+="</ul>";e.replaceWith('<div class="itheric-toc-wrap"><div class="itheric-cat">'+t+'</div>'+i+"</div>")}})})}})}});
/*]]>*/
</script>
</b:if> 


3. بعد ذلك قم بإنشاء صفحة جديدة ثم اختار عرض HTML، قم بمسح جميع الأكواد الموجودة في الصفحة وقم بإضافة هذا الوسم فقط [sitemap].

الأن قم بمعاينة الصفحة لتري إضافة أرشيف الموقع، وإذا واجهت أي مشكلة ولم تعمل الإضافة قم بمتابعة الطريقة الثانية لـ اضافة فهرس الموقع.

تحميل كود فهرس الموقع "أرشيف الموقع"- الطريقة الاولي.



الطريقة الثانية "اضافة أرشيف الموقع حسب تاريخ المشاركة"

كما فعلنا بالطريقة الأولي في إضافة فهرس المواضيع للمدونة.

  1. التوجه للوحة تحكم مدونتك ثم المظهر وتعديل HTML.
  2. اضغط في الكيبورد على Ctrl + F ثم ابحث عن </head> والصق البرنامج النصي أدناه أعلى علامة </head> مباشرةً قبله.
 <b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.itheric-sitemap{position:relative;margin:30px auto;}
.itheric-toc-wrap{display:inline-block;width:100%}
.itheric-toc-wrap .itheric-cat{background:#fff;border-radius:2px;color:#333;font-size:15px;font-weight:700;padding:10px 20px;border:4px solid #333;text-transform:capitalize}
.itheric-toc::before{background:#333;bottom:0;content:'';left:20%;margin-left:-10px;position:absolute;top:0;width:4px}
.itheric-toc{margin:0;padding:30px 20px;position:relative}
.itheric-sitemap ul.itheric-toc{margin:0;padding:30px 0;list-style-type:none}
.itheric-toc li{list-style:none;margin:0;padding:0;position:relative}
.itheric-toc > li .toc-date{color:#999;display:-webkit-box;font-size:14px;font-weight:bold;position:absolute;text-transform:uppercase;top:25px;width:15%;left: .01em;}
.itheric-toc > li .itheric-icon{background:#fff;border-radius:50%;box-shadow:0 0 0 4px #333;color:#fff;font-size:1.4em;font-style:normal;font-variant:normal;font-weight:normal;height:10px;left:21.8%;line-height:10px;margin:0 0 0 -25px;position:absolute;text-align:center;text-transform:none;top:30px;width:10px}
.itheric-toc > li .itheric-post::after{border-color:transparent #f5f5f5 transparent transparent;border-style:solid;border-width:10px;content:'';height:0;pointer-events:none;position:absolute;right:100%;top:auto;width:0}
.itheric-toc > li .itheric-post{background:#f5f5f5;border-radius:5px;display:block;font-size:15px;margin:0 0 15px 23%;padding:25px 30px;position:relative}
.itheric-toc > li .itheric-post a{color:#333;font-weight:700}
.itheric-toc > li:last-child .itheric-post{margin:0 0 0 23%}
.itheric-toc > li .itheric-post a:hover{color:#999}
</style>
</b:if> 

3. بعد ذلك قم بإنشاء صفحة جديدة ثم اختار عرض HTML، قم بمسح جميع الأكواد الموجودة في الصفحة وقم بإضافة هذا الكود التالي.

<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function(){var static_page_text=$.trim($(".post-body").text());var text_month=[," /  1  / "," /  2  / "," /  3  / "," /  4  / "," /  5  / "," /  6  / "," /  7  / "," /  8  / "," /  9  / "," /  10  / "," /  11  / "," /  12  / "];if(static_page_text==="[sitemap]"){var postbody=$(".post-body");$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=[];for(var n=0;n<e.feed.category.length;n++){t.push(e.feed.category[n].term)}var t=t.join("/");postbody.html('<div class="itheric-sitemap"></div>');$(".post-body .itheric-sitemap").text(t);var r=$(".itheric-sitemap").text().split("/");var i="";for(get=0;get<r.length;++get){i+="<span>"+r[get]+"</span>"}$(".itheric-sitemap").html(i);$(".itheric-sitemap span").each(function(){var e=$(this);var t=$(this).text();$.ajax({url:"/feeds/posts/default/-/"+t+"?alt=json-in-script",type:"get",dataType:"jsonp",success:function(n){var r="";var i='<ul class="itheric-toc">';for(var s=0;s<n.feed.entry.length;s++){for(var o=0;o<n.feed.entry[s].link.length;o++){if(n.feed.entry[s].link[o].rel=="alternate"){r=n.feed.entry[s].link[o].href;break}}var u=n.feed.entry[s].title.$t;var a=n.feed.entry[s].published.$t,f=a.substring(0,4),l=a.substring(5,7),c=a.substring(8,10),h='<span class="day">'+c.replace(/^0+/,"")+'</span><span class="month">'+text_month[parseInt(l,10)]+' </span><span class="year">'+f+"</span>";i+='<li><div class="toc-date">'+h+'</div><div class="itheric-icon"></div><span class="itheric-post"><a href="'+r+'">'+u+"</a></span></li>"}i+="</ul>";e.replaceWith('<div class="itheric-toc-wrap"><div class="itheric-cat">'+t+'</div>'+i+"</div>")}})})}})}});
/*]]>*/
</script> 

الأن قم بمعاينة الصفحة لترى "أرشيف الموقع حسب تاريخ المشاركة".




تعليقات



    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -