طريقة عمل صفحة لخريطة الموقع تظهر بها جميع التدوينات

خريطة الموقع من أهم متطلبات أي مدون لكي يقوم بنشر موقعه على محركات البحث وتسهيل عملية الأرشفة ومدونوا بلوجر من السهل عليهم القيام بهذا نظرا حيث يتم إنشاء sitemap لمدونة بلوجر أتوماتيكيا  من بلوجر وكل ما عليك هو ربطه مع google console بطريقة سهلة وسريعة.

في هذا الموضوع سف نقوم بعمل صفحة بالمدونة لخريطة الموقع يظهر بها كافة موضوعات المدونة تلقائيا بشكل جذاب يجذب إنتباه الزائرين ولعمل ذلك نتبع الخطات التالية:

أولا : ندخل على المدونة ثم نقوم بإنشاء صفحة جديدة (صفحة وليس مشاركة) وليكن أسم الصفحة "خريطة الموقع".

ثانيا : نحول عرض الصفحة إلى html.

ثالثا : قم بحذف الأكواد التي تظهر واستبدلها بالكود التالي:

<style>

 /* CSS Full Sitemap */

 #bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}

 span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}

 .toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}

 .toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}

 .toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}

 .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;

 text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}

 .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

 text-decoration:none;}

 .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}

 .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}

 .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}

 #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}

 .toc-entry-col1 {counter-increment:rowNumber;}

 #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}

 td.toc-entry-col2 {background:#fafafa;}

 </style>

 <div id="bp_toc">

 </div>

 <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

 <style scoped="" type="text/css">

 #comments {display:none;}

 </style>

رابعا: قم بحفظ الصفحة.

مبروك لديك الآن خريطة لموقعك بشكل إحترافي ومتميز.
طبعا ممكن تأخذ رابط الصفحة وتقوم بإضافته إلى القائمة الرئيسية أو بالمكان الذي تريد.