خاصية ترقيم الصفحات تسهل من تصفح مواضيع المدونة لا سيما إذا كانت تحوي مشاركات كثيرة , وهي إضافة لا تقدمها منصة بلوجر ويتم تركيبها من خلال إستخدام سكربت خارجي.
السكربت الذي سأضعه لك نفس الذي أستخدمه لترقيم صفحات هذه المدونة , تستطيع تخصيصه بشكل كامل وتغير الألوان وحجم الخط والحدود وكذلك العرض والإرتفاع.
لنبدأ في شرح التركيب:
يٌستحسن أخذ نسخة إحتياطية للقالب , تفاديََا لحدوث أي خلل.
<script>
//<![CDATA[
var paginationConfig = {
text: {
page: "الصفحة",
of : "من"
},
perPage: 8
};
//]]>
</script>
<script src='https://cdn.jsdelivr.net/gh/codatey/cdt-paginaton@1.1.0/dist/cdt-pagination.min.js'/>
في السكربت نجد perPage: 8 , وهو عدد التدوينات في الصفحة الرئيسية.
إستبدل الرقم 8 بالرقم الذي يظهر لك في خانة " الحد الأقصى للمشاركات .... " ولمعرفته توجه إلى:
إعدادات >> المشاركات >> الحد الأقصى لعدد المشاركات المعروضة على الصفحة الرئيسية.
2- إبحث عن </head> وضع الكود التالي فوقه:
<style>
#blog-pager{border:0px solid #222;overflow:hidden;float:right;margin:13px 0}#blog-pager span{display:block;white-space:nowrap;float:right;transition:all .3s ease;line-height:40px;border:1px solid #f5f5f5}#blog-pager span:last-child{border:1}#blog-pager .showPageOf{padding:0 13px;font-size:14px;color:#fff;cursor:default}#blog-pager .pageNum a,#blog-pager .pageNum.current,#blog-pager .pageNum.delimiter{padding:0 13px;display:block}#blog-pager .pageNum a{color:#fff}#blog-pager .pageNum.current{cursor:default;background:#fff;color:#000}#blog-pager .pageNum.delimiter{cursor:default}#blog-pager .pageNum:not(.current):not(.delimiter):hover{color:#fff;background:#000}
</style>
جميع الأكواد المعلم عليها بالأحمر تستطيع تغيرها وتنسقها لتتناسب الإضافة مع مدونتك.ختامًا .. اللهم صل وسلم على نبينا محمد وآله وصحبه ..
ليست هناك تعليقات:
إرسال تعليق