چرا صفحه بندی شماره ای؟
صفحه بندی شماره ای باعث انتقال سریع و بهینه کاربر به تمام صفحه های موجود در بلاگ شما و حرکت بطور کامل با استفاده از صفحه بعدی و قبلی میشود. همچنین جلوه زیباتری به وبلاگ شما میبخشد.پس با ما همراه باشید .
اما چطور؟
برای درج صفحه بندی شماره ای در پایین صفحات بلاگ، باید قالب وبلاگ خود را با استفاده از راهنمای زیر، ویرایش نمایید. به این صورت که در مرکز مدیریت بلاگ از بخش قالب ، ویرایش ساختار قالب فعلی را انتخاب ، و سپس در کادر find عبارت Pagination را جستجو کنید با این کار کدهای پیشفرض زیر نمایان میشود
قسمت اول، کدهای فعلی بصورت صفحه بندی بدون شماره
<box:pagination> <div class="pagingation"> <check:if page_prev> <a href="(*page_prev*)" class="pagePrev">قبلی</a> </check:if> <check:if page_next> <a href="(*page_next*)" class="pageNext">بعدی</a> </check:if> </div> </box:pagination>
با جایگزین کردن کدهای قسمت دوم به جای قسمت اول شاهد این صفحه بندی در بلاگ خود باشید. به همین سادگی به همین خوشمزگی :)
قسمت دوم، کد جدید به صورت صفحه بندی با شماره گذاری
<box:pagination> <div class="align"> <div class="pagination"> <check:if page_prev> <a class="pagePrev" href="(*page_prev*)">صفحه قبلی</a> </check:if> <div class="pagesList" style="float:right"> <view:pages spec="5,2,4,2,3,2"> <check:if page_num> <a class="(*page_current*)" href="(*page_link*)">(*page_num*)</a> </check:if> <check:if not page_num> <span class="spacer">. . .</span> </check:if> </view:pages> </div> <check:if page_next> <a class="pageNext" href="(*page_next*)">صفحه بعدی</a> </check:if> </div> </div> <!-- ALIGN --> </box:pagination>
توضیحات:
قسمت اول، مانند نسخهی کنونی قالبها برای درج دکمه "بعدی" و "قبلی" و یا عبارات "مطالب جدیدتر" و "مطالب قدیمی تر" استفاده میشوند.
قسمت دوم مربوط به صفحه بندی با شماره مطلب است. این قسمت، متنی مانند ۱ ۲ ۳ ... ۱۰ ۱۱ ایجاد میکند. قسمت داخل تگ view:pages به ازای هر صفحه و همینطور به ازای هر ... تکرار میشود. به این شکل که در هر بار پیمایش، اگر page_num خالی باشد، مربوط به ... است و اگر خالی نباشد، مربوط به یک صفحه است که به جای خاصی لینک شده است. تگ page_current هم اگر صفحه، صفحه جاری باشد، مقدار current دارد وگرنه خالیست. شش عددی که در ابتدای تگ ظاهر شدهاند (5,2,4,2,3,2) مربوط به تعداد شماره صفحههاست و توضیح آن در این مطلب نمیگنجد.
کدcss شم بزارید