کد صفحه بندی شماره ای وبلاگ در بلاگفا

منتشر شده در ۲۶ اسفند, ۱۳۹۱ در دستۀ ابزار و کد وبلاگ ۲۸۲ دیدگاه
4.6/5 - (16 امتیاز)

اگر به دنبال کد صفحه بندی شماره ای وبلاگ، البته مختص بلاگفا هستید، جای درستی آمده‌اید. در اینجا به شما راه حل نهایی انجام چنین کاری را به صورت گام به گام آموزش می‌دهیم؛ که همانطور که می‌دانید همراه با قرار دادن کدی در قالب وبلاگ شماست.

هنگامی که شروع به نوشتن و انتشار مقالات در وبلاگتان می‌کنید، نوشته‌های شما به ترتیب زمانی مرتب می‌شوند و به بازدیدکنندگان شما نشان داده می‌شود. براساس تنظیماتی که در قسمت تنظیمات وبلاگ بلاگفا انجام می‌دهید، تعداد این مقالات در صفحات وبلاگ قابل تغییر است. مثلاً می‌توانید تعیین کنید که فقط 5 نوشته در هر صفحه نمایش داده شود و بقیه به صفحات دیگر بروند. اما بازدیدکنندگان شما چطور باید به صفحات بعدی رجوع کنند؟ در کدهای ویرایش قالب وبلاگ‌ها، از جمله بلاگفا، کدهای صفحه بندی وجود دارد که شما با استفاده از آنها می‌توانید دو عدد دکمه در پایین صفحات وبلاگ به نمایش درآورید که یکی صفحه قبلی و یکی صفحه بعدی است.

اما خیلی از وبلاگنویسان دوست دارند که این دکمه‌های صفحه بندی به صورت شماره‌ای و همراه با پیوند به صفحه مورد نظر باشد. اما باید گفت که به صورت پیش فرض این امکان در هیچ کدام از وبلاگ‌های وطنی و ساخت ایران! تعبیه نشده است. پس اگر تا به حال کسی به شما گفته است که نمی‌توانید صفحه بندی شماره ای به صفحات وبلاگ خود اضافه کنید، از او دلخور نشوید.

اما مثل همیشه باز خلاقیت به کمک ما می‌آید و راهکاری را پیش روی ما می‌گذارد که با استفاده از آن می‌توان صفحه بندی شماره ای نه چندان بدی را به صفحات خود فراخوانی کرد. البته دقت کنید که این دیگر انتهای خلاقیت برای گذاشتن دکمه‌های صفحه بندی شماره ای است! یعنی اگر این مورد هم باب میل شما نیست، بهتر است از خیر آن بگذرید.

اما برویم سراغ اصل مطلب که مربوط به کد صفحه بندی شماره ای است. قبل از انجام هر کاری باید اشاره کرد که بهتر است وبلاگ شما دارای نوشته‌های زیادی باشد، مثلاً در حدود 20، 30 مطلب به بالا. در غیر این صورت شاید دچار مشکل شوید. چون تعداد دکمه‌های صفحاتی که ما در کد تعبیه می‌کنیم، به صورت دستی است؛ یعنی اگر وبلاگ شما فقط حاوی دو صفحه مطلب است و این کد را به همین صورت در قالب وبلاگ قرار دهید، چون تعداد دکمه‌ها 10 عدد است، 8 تای آن به ناکجاآباد می‌روند! و باید این 8 تا را حذف کنید. به همین دلیل است که می‌گوییم روش دستی. در کل این کد را باید مطابق نیاز خود، و آموزش کاملی که در این نوشته به شما می‌دهیم، برای استفاده سفارشی سازی کنید.

بهتر نیست که قبل از قرار دادن این کد در قالب، نیم نگاهی به سرانجام کار بیاندازیم؟ خوب بیاندازید:

کد صفحه بندی شماره ای وبلاگ در بلاگفا

شماره‌های صفحات وبلاگ در بلاگفا

حال، اگر خودش است، به سراغ کدی برویم که باید در قالب وبلاگ بگذارید. پس بخش ویرایش قالب وبلاگ را باز کنید و بهتر است کد آن را به یک ویرایشگر متنی، مثل Nodpad بیاورید تا مکانی که می‌خواهیم کد را قرار دهیم بهتر مشخص شود. حتماً قبل از هر نوع تغییری در قالب، یک نسخه پشتیبان از آن تهیه نمایید.

در کدهای قالب به دنبال کدهای زیر بگردید که صفحه بندی اولیه (دو دکمه صفحۀ قبل و بعد) را برای شما می‌آورند. باید آنها را حذف کنید و به جایش کدهایی که گفته می‌شود را وارد کنید.

<BlogNextAndPreviousBlock>
<div>
<BlogPreviousPageBlock>
<div><a href="<-BlogPreviousPageLink->">مطالب جدیدتر</a></div>
</BlogPreviousPageBlock>
<BlogNextPageBlock>
<div><a href="<-BlogNextPageLink->">مطالب قدیمی‌تر</a></div>
</BlogNextPageBlock>
</div>
</BlogNextAndPreviousBlock>

این کدها دقیقاً پس از عبارت یا برچسب <BLOGFA/> هستند. ممکن است دقیقاً شبیه این مورد نباشند ولی کلیات‌شان همین است؛ با BlogNextAndPreviousBlock شروع می‌شوند و با همین عبارت هم اختتام می‌یابند. شاید هم اصلاً نباشند، مشکلی نیست.

ما دو نوع کد داریم، که اولی کدهای HTML و دومی CSS هستند. اول به سراغ HTML می‌رویم. ما می‌خواهیم کد زیر را در جایی قرار دهیم که صفحه بندی سایت در انتهای تمامی مطالب به نمایش در آید. پس کد زیر را با قبلی جایگزین کنید:

<BlogNextAndPreviousBlock>
<div class="blogfa-paging">
<center>
<BlogPreviousPageBlock><a href="<-BlogPreviousPageLink->" title="نوشته های جدیدتر">قبلی</a></BlogPreviousPageBlock>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=1">1</a>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=2">2</a>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=3">3</a>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=4">4</a>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=5">5</a>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=6">6</a>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=7">7</a>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=8">8</a>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=9">9</a>
<a href="<-BlogUrl->/author-<-BlogId->.aspx?p=10">10</a>
<BlogNextPageBlock><a href="<-BlogNextPageLink->" title="نوشته های قدیمی تر">بعدی</a></BlogNextPageBlock>
<br />
</center>
</div>
</BlogNextAndPreviousBlock>

حالا باید کدهای CSS را، که در زیر می‌بینید وارد قالب وبلاگ کنید. برای این کار آنها را باید بین برچسب‌های <style> و <style/> در بالای کدهای صفحه قرار بدهید. اگر دقیقاً قبل از خط <Style/> باشند، همه چیز درست است. اگر این برچسب‌ها وجود نداشت، کافی است یکی بسازید و کدهای زیر را در بین آنها قرار دهید:

.blogfa-paging {direction:rtl; font-size:1.2em; height:30px; margin:35px 0 0; padding-bottom:20px; text-align:center;}
.blogfa-paging a:link, .blogfa-paging a:visited {border:1px solid #666666; color:gray; display:inline-block; margin:0; padding:1px 4px; font-family:arial, Tahoma; font-size:9pt; text-decoration:none; font-weight:bold;}
.blogfa-paging a:hover, .blogfa-paging a:active {color:#700; background-color:pink}

این کدها به ظاهر شماره‌های صفحه وبلاگ ما، سبک یا قالب می‌دهند. اگر اینها را وارد نکنید، صفحه بندی شما کار خواهد کرد، اما ظاهر خوبی نخواهد داشت.

اگر تا به اینجا، تمام کارها را درست انجام داده باشید، همه چیز تمام است. کافی است که  قالب را بروی وبلاگ بارگذاری کنید و وبلاگ‌تان را در مرورگر باز کنید. حتماً صفحه بندی شماره‌ای وبلاگ را خواهید دید که با کلیک بروی هر کدام از شماره‌ها، به همان صفحه هدایت می‌شوید. اگر مشکلی وجود داشت، مراحل را دوباره طی کنید و از Copy (رونوشت) و Paste (چسباندن) استفاده کنید.

اما ممکن است مشکلی برایتان پیش بیاید، و آن این است که زمانی که بروی شمارۀ صفحه‌ای کلیک می‌کنید، صفحه Page Not Found (صفحه‌ای پیدا نشد!) برای شما باز شود. همانطور که گفتم، بهتر است وبلاگ شما حاوی مطالب زیادی باشد تا بهتر بتوانید از کد صفحه بندی شماره‌ای استفاده کنید و دلیلش همین جا مشخص می‌شود. از صفحاتی به بعد، شما دیگر مطلبی نخواهید داشت که وبلاگ به شما نشان دهد.

اینجا دو راهکار برای شما وجود دارد؛ اول این که مطالب و مقالات وبلاگ‌تان را بیشتر کنید و خود به خود پس از مدتی تمامی شماره صفحات وبلاگ شما کار خواهند کرد.

راهکار دوم این است که، شماره صفحاتی که به شما این اخطار را می‌دهند را، از کدهای HTML ای که در بالا آمده است، حذف کنید. اینجا معنی دستی بودن کدها مشخص می‌شود. به دسته کد دوم از بالا که در این صفحه آمده است (در قالب خود) مراجعه کنید، و خطوطی که حاوی مثلاً شماره 5 به بعد هستند را حذف کنید. دقت کنید که کد اضافه‌ای را حذف نکنید.

در نهایت که کارهای بالا را انجام دادید، باید ظاهر وبلاگ‌تان را مشاهده کنید و خواهید دید که کد شماره بندی صفحات وبلاگ شما کار خواهد داد. تمام آنچه که در این مقاله خدمت شما گفته شد، بسط یافته یک جمله است: کدهای داده شده را با کدهای قبلی تعویض کنید، همین! اما برای این که کاربران تازه‌کار هم بتوانند به اندازه دیگران از این نوشته سود ببرند، سعی شد تمام ریزه‌کاری‌ها توضیح داده شود، تا نقطه گنگی باقی نماند. البته که داشتن اطلاعاتی پایه در مورد برخی برنامه‌های رایانه‌ای مثل Nodpad ویندوز و… لازم و ضروری است که در این نوشته نمی‌گنجند.

نتیجه کار کد شماره گذاری صفحات بلاگفا

نتیجه کد شماره گذاری صفحات بلاگفا

در انتها هم اگر سوالی برایتان پیش می‌آید اول در سایت دنبال آن بگردید؛ به احتمال زیاد جواب آن را خواهید یافت. درثانی، با استفاده از ستاره‌هایی که در پایین هر نوشته از سایت وجود دارند، لطفاً به مقالات سایت امتیاز واقعی بدهید. این کار بدون بارگذاری مجدد صفحات انجام می‌شود.

توجه: دوستان کد جدید با ظاهر و امکانات بهتر در سایت قرار داده شده. ترجیحاً از آن استفاده کنید: کد شماره گذاری صفحات وبلاگ بلاگفا