-->

رسانه محبوب برنامه نویسان جوان

...رسـانـه ای پـویـا بـرای عـلاقـمـنـدان بـه دنـیای کـامـپـیـوتـر ، فـنـاوری اطلاعـات ، برنامـه نویسـی ، آموزش و

رسانه محبوب برنامه نویسان جوان

...رسـانـه ای پـویـا بـرای عـلاقـمـنـدان بـه دنـیای کـامـپـیـوتـر ، فـنـاوری اطلاعـات ، برنامـه نویسـی ، آموزش و

اسلاید شو

رسانه محبوب برنامه نویسان جوان
گنج سخن
افکارسنجی
نویسندگان
تبلیغات
وضعیت آب و هوا
اخبار فناوری

 

چرا صفحه بندی شماره ای؟

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

اما چطور؟

برای درج صفحه بندی شماره ای در پایین صفحات بلاگ، باید قالب وبلاگ خود را با استفاده از راهنمای زیر، ویرایش نمایید. به این صورت که در مرکز مدیریت بلاگ از بخش قالب ، ویرایش ساختار قالب فعلی را انتخاب ، و سپس در کادر 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 شم بزارید

سلام خسته نباشید مرسی از این کد عالی بود استفاده کردم  .
یه سوال دیگه ، ببخشید من کل گوگل رو گشتم اما نتونستم آموزش تغیر فونت قالب ها ، پست ها و ... بلاگ بیان رو پیدا کنم ، اگه شما بگی به خدا ثواب کردی ... واقعا دیگه اشکم در اومده ... ؟
پاسخ:

سلام 

به رسانه محبوب برنامه نویسان جوان خوش آمدید


متشکرم و البته خوشحال که این آموزش برای شما مفید واقع شده اما سوالتون! برای اینکه بتونید قالب وبلاگو به طور حرفه ای طراحی کنید  شما نیاز به آشنایی با زبان HTML و CSS دارید (پیشنهاد میکنم یک فیلم آموزشی در این باره تهیه کنید ) اما برای شخصی سازی به دانش عمیقی نیاز نیست فقط کافیه به بخش ویرایش css قالب فعلی مراجعه کرده و تغییرات دلخواهتون رو اعمال کنید برای مثال به کد زیر توجه کنید تو این کد شما میتونید فونت سایز، ضخامت ، رنگ ، سایه متن و موقعیت "عنوان" وبلاگتون رو تغییر بدین به همین راحتی :)

 

.header .title_desc h1{

                                font-family:b yekan,;

                                font-size:37px;

                                font-weight:normal;

                                color:#efecec;

                                margin-bottom:20px;

                                text-shadow:0px 0px 5px #679dbc;

                                padding:3px 120px;

                }


سلام 2 تا سئوال دارم
1- در قالب ها وقتی کد شماره صفحه را میزارم سه تا نقطه که باید بین اعداد باشد سمت راست اعداد قرار می گیرد در دیگر قالبها اینطوریه مثلا :
1 2 3 ... 7 8 9 10
اما در این قالب اینطوریه
1 2 3 4 5 6 7 8 9 10 ...

2- چه کار کنم شماره صفحه ای که در آن هستم از شماره های دیگر  متمایز باشد در همین قالب ...
ممنون
پاسخ:

سلام به رسانه محبوب برنامه نویسان جوان خوش آمدید


پاسخ اول: پیشنهاد میکنیم در صورت رفع نشدن مشکل قطعه کد زیر را در Pagination قالب خود اعمال کنید.

<view:pages spec="3,2,2,2,3,2"<check:if page_num>                         
         <a href="(*page_link*)" class="(*page_current*)">(*page_num*)</a>
     </check:if>                                                          
     <check:if not page_num>                                              
         <span class="spacer">. . .</span>                                
     </check:if>                                                          
</view:pages>                                                             
پاسخ دوم: شما میتوانید در بخش ویرایش CSS قالب فعلی با سرچ عبارت " Pagination " تغییرات دلخواهتان را اعمال کنید مثلا برای متمایز کردن شماره صفحات باید کلاس current  را بعد از div.pagination span به صورت زیر ایجاد کنید و تغییرات دلخواه را اعمال نمایید.
.pagination .current {                       
		color:#ff8e1c;               
		background:#ffffff  repeat-x;
}                                            

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">