افزونه صفحه بندی وردپرس ( شماره صفحات )

افزونه صفحه بندی وردپرس ( WP PageNavi ) با اضافه کردن شماره برای صفحات وردپرس به بازدید کنندگان سایت وردپرسی شما کمک میکند تا راحت تر و با سرعت بیشتری بتوانند به مطالب سایت دسترسی داشته باشند. در این مطلب از  وردپرس گستر میتوانید این افزونه پر طرفدار را به همراه افزونه استایل آن ( WP PageNavi Style ) که به منظور زیبا سازی بیشتر و هماهنگی با قالب سایت شما منتشر شده است را به صورت رایگان دانلود کنید. این افزونه به صورت فارسی میابشد و در قسمت تنظیمات میتوانید آن را شخصی سازی نیز کنید . برای دانلود و آموزش صفحه بندی وردپرس توسط این افزونه با ما در ادامه مطلب همراه باشید …

 

افزونه صفحه بندی وردپرس | WP PageNavi

 

آموزش نصب افزونه :

  • ابتدا افزونه WP PageNavi رو از انتهای همین مطلب دانلود کنید
  • بعد از دانلود از طریق منوی افزونه ها > افزودن > بارگذاری ،  فایل دانلود شده رو بارگذاری کنید
  • نکته : در صورتیکه که دوست دارین به شماره صفحات خودتون زیبایی و استایل هم بدید بعد از نصب افزونه اصلی ، افزونه WP PageNavi Style رو هم در انتهای همین مطلب دانلود و نصب کنید. با نصب این اضافه بیش از 15 استایل با تکنولوژی CSS3 در دسترس شما قرار میگیرد.

آموزش کار با افزونه :

  • بعد از نصب و فعال سازی افزونه در صورتی که قالب شما از این افزونه حمایت کنه در انتهای سایت خودتون شماره بندی صفحات نمایش داده میشه و به جای نمایش مثلا پست های قدیمی تر و … شماره صفحات ظاهر میشه ( توجه : کلیه قالب های وردپرس گستر از این افزونه حمایت میکنند )
  • در صورتی که دوست دارید شیوه نمایش شماره صفحات رو تغییر بدید مثلا مشخص کنید 10 شماره وجود داشته باشه و بعد از اون کلید های نمایش صفحات دیگه ظاهر بشه و یا اگر سایت شما دارای صفحات زیادی هست میتونید ترتیب نمایش رو برای مثال، به صورت پله ای یعنی 1، 2، 3، 4، 5، 10، 20، 30، 40، 50 تنظیم کنید .
  • نمونه این افزونه در سایت وردپرس گستر هم نصب و فعال هست.
  • نکته : برای استفاده از استایل ( زیبا سازی و هماهنگ سازی شماره صفحات با قالب سایت به WP PageNavi Style مراجعه کنید و در منوی روبروی Select Style From Our Collection  طرح مورد علاقه خودتون رو انتخاب و نهایتا ذخیره کنید.

اطلاعات و دانلود افزونه :

کلمات کلیدی مرتبط با این نوشته :

نظرات ثبت شده :
  • محمدحسین 10 شهریور 1393 at 8:16 ب.ظ

    سلام.
    ممنون از این مطلب.
    برای من که میذارم، اعداد رو از سمت چپ شروع میکنه. چرا؟
    لطفا راهنماییم کنید. ممنون.
    اگه میشه به ایمیلم بفرستید.

    • وردپرس گستر
      وردپرس گستر 11 شهریور 1393 at 2:59 ب.ظ

      دوست عزیز مشکل شما به خاطر راستچین نبودن یا نداشتن کلاس wp-pagenavi در قالب شما می باشد. در هر صورت راهنمایی های لازم به ایمیل شما ارسال شد.

      موفق باشید

  • سامانه پیام کوتاه 25 مهر 1393 at 8:11 ب.ظ

    با تشکر از مدیر گرامی
    بسیار مفید بود

  • محمدرضا 15 اسفند 1393 at 10:27 ق.ظ

    سلام خسته نباشید تشکر برای سایت خوبتون
    یه سوال داشتم خواهشن جواب بدید که کارم خیلی گیره
    من یه سایتی دارم که نمیخوام توی صفحه ایندکس مطالب نشون داده بشه
    بنابراین یه صفحه ای ساختم با نام blog و با این دستور

    قالبش رو برای وردپرس شناختم
    و برای این که مطالبم رو بتونم تو این صفحه نمایش بدم از این کویری استفاده کردم
    5 , ‘offset’ => 0,’post_status’=>’publish’ , ‘cat’=>’-4′ ));
    foreach($myposts as $post) :
    setup_postdata($post); ?>
    ————————-

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

    • وردپرس گستر
      وردپرس گستر 15 اسفند 1393 at 2:26 ب.ظ

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

  • محمدرضا 15 اسفند 1393 at 2:33 ب.ظ

    ممنون از اینکه جواب دادید
    بله درسته ولی مشکل اینجاست که من نمیخوام صفحه ایندکسم عوض بشه یعنی وقتی یکی آدرس سایت رو وارد میکنه و میاد توی سایت نمیخوام مطالب رو ببینه و همون صفحه ایندکسی که ساختم بهش نشون داده بشه و وقتی که رفت به قسمت blog مطالب رو بتونه ببینه
    اما با این کاری که شما میگید فقط اسم صفحه اصلی بجای ایندکس تبدیل به Blog میشه

    • وردپرس گستر
      وردپرس گستر 15 اسفند 1393 at 2:42 ب.ظ

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

      • محمدرضا 15 اسفند 1393 at 2:49 ب.ظ

        خب من این کار رو میکنم ولی وقتی میریم به صفحه وبلاگ همون صفحه ایندکس نشون داده میشه !! نمیدونم چرا
        و اینکه اگر هم این اتفاق بیوفته باز هم مشکل حل نمیشه چون یه قسمت دیگه هم توی سایت هست با نام نمونه کار که توی اون قسمت مطالبی رو که دسته بندیشون نمونه کار هست رو نمایش میدم یعنی cat = 4 برای همین مجبورم از این کویری که گفتم استفاده بکنم که برای این هم مشکل صفحه بندی رو دارم
        الان سوال من اینه آیا افزونه pagenavi فقط صفحه اصلی رو میتونه صفحه بندی کنه ؟ یا هر صفحه ای رو میشه این کار رو کرد ؟ و اگر میشه چطور میشه ؟

  • مهجور 9 اردیبهشت 1394 at 5:42 ب.ظ

    باسلام وعرض ادب خدمت مديريت سايت:

    ممنون بابت افزونه خوبتون و مهمتر از همه راهنمائي ارزنده كه دراين خصوص فرمودين

    بنده از اين افزونه كه خيلي هم بهش نياز داشتم با اجازه تون استفاده مي كنم.

    موفق باشين

    • وردپرس گستر
      وردپرس گستر 13 اردیبهشت 1394 at 11:37 ق.ظ

      با سلام

      خوشحالیم که مطالب وردپرس گستر مورد توجه قرار گرفته

      موفق و پیروز باشید

  • محمد 4 تیر 1394 at 10:42 ب.ظ

    سلام عزیز سایت من ی مشکلی داره قسمت ژانر که میزنم 50 تا فیلم بر فرض مثال توش باشه 10 تا رو نشون میده و بعدش این افزونه در برنمیگیره این قسمت رو بقیش رو نوشون نمیده که شمارش صفحات هم نمیاره که بزن بعدی چه باید کرد؟

    • وردپرس گستر
      وردپرس گستر 6 تیر 1394 at 11:16 ق.ظ

      در قسمت تنظیمات افزونه می بایست تعداد شماره صفحه برای نمایش؟ رو روی عدد بالاتری قرار بدین تا صفحات بیشتری رو نمایش بده
      موفق باشید

  • reyhan 6 تیر 1394 at 10:35 ق.ظ

    سلام
    من این پلاگین رو نصب کردم ولی چیزی زیر صفحاتم نشون داده نمیشه!
    لطفا راهنمایی کنید

    • وردپرس گستر
      وردپرس گستر 6 تیر 1394 at 11:18 ق.ظ

      احتمالا قالب شما از این افزونه پشتیبانی نمیکنه کد زیر رو در انتهای style.css قالب خودتون اضافه کنید و آزمایش کنید

      .wp-pagenavi {
      float: left;
      font-family: tahoma, sans-serif;
      }

      .wp-pagenavi a, .wp-pagenavi span {
      text-decoration: none;
      padding: 6px 9px;
      margin: 2px;
      font-size: 15px;
      line-height: 15px;
      float: right;
      }

      .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
      color: #333333;
      background:none;
      }

      .wp-pagenavi span.current {
      font-weight: bold;
      color: #fff;
      background:#DCA74A;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      }

      .wp-pagenavi a:hover {
      color: #DCA74A;
      background:#555555;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      }

      .wp-pagenavi span.pages {
      color: #333333;
      background: none;
      padding: 4px 8px 4px 0;
      }

      .wp-pagenavi span.extend {
      background:transparent;
      color: #333333;
      background: none;
      }

  • حامد 7 آبان 1394 at 8:27 ق.ظ

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

    • وردپرس گستر
      وردپرس گستر 7 آبان 1394 at 6:40 ب.ظ

      سلام دوست عزیز شما می توانید در style.css قالب خود کلاس اولیه افزونه رو تعریف کنید که بعد از آن افزونه استایل هم کار کند
      مثال :

      /* =WP-PAGENAVI
      ————————————————————– */

      .wp-pagenavi {
      float: left;
      font-family: ‘B Yekan’, sans-serif;
      }

      .wp-pagenavi a, .wp-pagenavi span {
      text-decoration: none;
      padding: 6px 9px;
      margin: 2px;
      font-size: 15px;
      line-height: 15px;
      float: right;
      }

      .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
      color: #333333;
      background:none;
      }

      .wp-pagenavi span.current {
      font-weight: bold;
      color: #fff;
      background:#DCA74A;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      }

      .wp-pagenavi a:hover {
      color: #DCA74A;
      background:#555555;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      }

      .wp-pagenavi span.pages {
      color: #333333;
      background: none;
      padding: 4px 8px 4px 0;
      }

      .wp-pagenavi span.extend {
      background:transparent;
      color: #333333;
      background: none;
      }

  • حامد 11 آبان 1394 at 12:31 ب.ظ

    سلامی دوباره . ممنون از پاسختون.
    من این استایل رو اضافه کردم ولی بازم افزونه استایل کار نکرد ولی استایل های داده شده در css اجرا شد .
    ممنون از راهنماییتون.
    من سوالی در مورد بحث دیگه ای از شما داشتم : اینکه در بحث ایجاد کردن سایدبار برای وب سایت ، ما از کد :

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

    • وردپرس گستر
      وردپرس گستر 11 آبان 1394 at 11:37 ب.ظ

      دوست عزیز طراحی قالب شما به این صورت هست در صورتی که بخواهید ساید بار ها به صورت یکپارچه و به هم چسبیده باشند میتونید کدهای زیر رو به کلاس #sidebar قالب اضافه کنید

      sidebar {
      background-image: url(“http://moarraq.ir/wp-content/uploads/2015/10/pattern33.png”);
      border-radius: 5px;
      }

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

  • حامد 13 آبان 1394 at 12:04 ب.ظ

    خیلی خیلی ممنونم از اینکه بنده را راهنمایی نمودید .
    مشکل من حل شد .

    • وردپرس گستر
      وردپرس گستر 15 آبان 1394 at 11:41 ق.ظ

      خواهش میکنیم
      موفق باشید

  • حمید 6 بهمن 1394 at 6:30 ب.ظ

    سلام
    ممنون از مقالتون. من نصب کردم و نمایش هم میده ولی کار نمیکنه!
    چیکار کنم؟
    این هم صفحه ای که درج کردم
    http://www.jhzagros.ir/ejtemai
    ممنون میشم راهنمایی فرمایید

    • وردپرس گستر
      وردپرس گستر 10 بهمن 1394 at 1:44 ق.ظ

      احتمالا قالب شما از این افزونه پشتیبانی نمیکند ، با طراح قالب خود موضوع را در میان بگذارید

  • پویا 31 خرداد 1395 at 9:30 ب.ظ

    وردپرس گستر
    احتمالا قالب شما از این افزونه پشتیبانی نمیکنه کد زیر رو در انتهای style.css قالب خودتون اضافه کنید و آزمایش کنید
    .wp-pagenavi {
    float: left;
    font-family: tahoma, sans-serif;
    }
    .wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    padding: 6px 9px;
    margin: 2px;
    font-size: 15px;
    line-height: 15px;
    float: right;
    }
    .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color: #333333;
    background:none;
    }
    .wp-pagenavi span.current {
    font-weight: bold;
    color: #fff;
    background:#DCA74A;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    }
    .wp-pagenavi a:hover {
    color: #DCA74A;
    background:#555555;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    }
    .wp-pagenavi span.pages {
    color: #333333;
    background: none;
    padding: 4px 8px 4px 0;
    }
    .wp-pagenavi span.extend {
    background:transparent;
    color: #333333;
    background: none;
    }

    مرسی واسه کد
    من pagenavi رو فعال کردم و کد های CSS هم کار کردن
    مشکل اینجاست که
    روی شماره صفحه 2 کلیک میکنم
    نمیره صفحه بعد
    انگار همین صفحه رو رفرش کردی
    مشکل کجاست ؟

  • شما هم نظرات و پرسش های احتمالی خود را درباره این مطلب به اشتراک بگذارید :
مرا مشترک کن ! پیام مدیر : همین حالا و به صورت رایگان مشترک خبرنامه وردپرس گستر شوید تا همواره از جدیدترین بروز رسانی ها و مطالب ارسال شده در وردپرس گستر با خبر شوید ...