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

طراحی شماره ی صفحات در قالب ورپرس

12345
طراحی شماره ی صفحات در قالب ورپرسبازبینی توسط 3zar در 04-10-1392امتیاز: 5.0طراحی شماره ی صفحات در قالب ورپرسشاید شما یکی از اون طراحین محترم قالب یا استفاده کننده از اون باشید که بجای کد نویسی صفحات قالب رو به استفاده از افزونه ی page navi می آورند ...

شاید شما یکی از اون طراحین محترم قالب یا استفاده کننده از اون باشید که بجای کد نویسی صفحات قالب رو به استفاده از افزونه ی page navi می آورند و صرفا هدفشون سریعتر کردن پروسه ی کدنویسی است.ما در اینجا نظر براین داریم تا شما را با ساختن کد های شماره ی صفحات آشنا کنیم و این قابلیت رو به شما کاربران عزیز انتقال بدیم پس با ما همراه باشید.

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

طراحی شماره ی صفحات در قالب ورپرس

برای شروع یک قالب وردپرس رو که قابلیت شماره ی صفحه نداره رو انتخاب می کنیم مثلا 2012 و سپس  تابع زیر رو در فایل functions.php قرار می دیم:

[php]<span style="white-space: pre;">  </span>function page_numbers($class = "wp98_page_numbers") {</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">     </span>global $wp_rewrite,$wp_query,$paged;</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">      </span>$paginate_base = get_pagenum_link(1);</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">     </span>if (strpos($paginate_base, ‘?’) || ! $wp_rewrite-&gt;using_permalinks()) {</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">            </span>$paginate_format = ”;</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">            </span>$paginate_base = add_query_arg(‘paged’, ‘%#%’);</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">       </span>} else {</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">          </span>$paginate_format = (substr($paginate_base, -1 ,1) == ‘/’ ? ” : ‘/’) .</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">                </span>user_trailingslashit(‘page/%#%/’, ‘paged’);;</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">          </span>$paginate_base .= ‘%_%’;</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">      </span>}</font></div><div><span style="white-space:pre"><font face="Tahoma, Arial, sans-serif" size="2">     </font></span></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">      </span>echo ‘&lt;div&gt;’;</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">        </span>echo paginate_links( array(</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">           </span>’base’ =&gt; $paginate_base,</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">          </span>’format’ =&gt; $paginate_format,</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">          </span>’total’ =&gt; $wp_query-&gt;max_num_pages,</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">            </span>’mid_size’ =&gt; 10,</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">          </span>’current’ =&gt; ($paged ? $paged : 1),</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">            </span>’type’ =&gt; ‘list’,</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">          </span>’prev_text’ =&gt; __(‘&amp;laquo; Previous’, ‘default’),</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">          </span>’next_text’ =&gt; __(‘Next &amp;raquo;’, ‘default’),</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">      </span>));</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">       </span>echo "&lt;/div&gt;";</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">  </span>}[/php]
خب حالا توی همین فایل (functions.php) خط ۲۴۹ تا ۲۵۳ را حذف کنید و به جاش کد زیر رو قرار بدید:
[php]<span style="white-space: pre;">       </span>&lt;nav id="&lt;?php echo $html_id; ?&gt;" role="navigation"&gt;</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">           </span>&lt;h3&gt;&lt;?php _e( ‘Post navigation’, ‘twentytwelve’ ); ?&gt;&lt;/h3&gt;</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">           </span>&lt;div&gt;&lt;?php page_numbers(); ?&gt;&lt;/div&gt;</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">        </span>&lt;/nav&gt;&lt;!– #&lt;?php echo $html_id; ?&gt; .navigation –&gt;[/php]
حالا اگر صفحه رو یکبار رفرش کنید، به جای لینک های “صفحه بعدی” و “صفحه قبلی” شماره صفحات رو مشاهده می کنید.
نکته: اگر شما از قالبی به جز قالب ۲۰۱۲ استفاده می کنید و خود قالب دارای بخش شماره صفحات است، نیازی به این مرحله نیست، شما فقط نیاز دارید تا بتوانید بخش شماره صفحات رو select کنید، به زبان ساده باید class یا ID تگی که بخش شماره صفحات داخل اون هست رو داشتید باشید.
حالا قالب ما دارای بخش شماره صفحات است که div اون دارای کلاس wp98_page_numbers هست.
مرحله بعد این هست که جی کوئری رو به قالبمون اضافه کنیم. اگر جی کوئری به قالب شما ضمیمه نشده، کد زیر رو در فایل functions.php قرار بدید:
[php]<span style="white-space: pre;">   </span>add_action(‘init’, ‘add_jquery_func’);</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">    </span>function add_jquery_func(){</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">       </span>wp_enqueue_script(‘jquery’);</font></div><div><font face="Tahoma, Arial, sans-serif" size="2"><span style="white-space:pre">  </span>}</font></div><div><font face="Tahoma, Arial, sans-serif" size="2">[/php]
مرحله بعد و آخر هم این هست که چند خط کد ساده جی کوئری رو در هدر قالب قرار بدیم تا بخش شماره صفحات ایجکسی کامل بشه. کد کامل جی کوئری ما به صورت زیر هست:
[php]<span style="white-space:pre">         </span>jQuery(document).ready(function($){</div><div><span style="white-space:pre">              </span>$("body").on( "click", ".wp98_page_numbers a", function(){</div><div><span style="white-space:pre">                   </span>var _href = $(this).attr("href");</div><div><span style="white-space:pre">                    </span>$("#primary").fadeTo("slow",0.4);</div><div><span style="white-space:pre">                    </span>$("#primary").load( _href+" #primary",function(){</div><div><span style="white-space:pre">                        </span>$("#primary").fadeTo("slow",1);</div><div><span style="white-space:pre">                      </span>$("html, body").animate({scrollTop: $("#primary").offset().top-10},"fast");</div><div><span style="white-space:pre">                  </span>});</div><div><span style="white-space:pre">                  </span>return false;</div><div><span style="white-space:pre">                </span>});</div><div><span style="white-space:pre">          </span>});[/php]
در نهایت امیدوارم که این آموزش مثمر ثمر واقع شده باشه.با آرزوی موفقیت
QR: طراحی شماره ی صفحات در قالب ورپرس
مرجع : سزار وردپرس
لینک کوتاه : https://3zar.ir/?p=23286

دیدگاه‌های کاربران 9 نظر

  1. با سلام و خسته نباشید
    برادر بنده یک سایت با قالب betheme راه اندازی کردم و حالا می خوام تو قسمت صفحه اصلی سایت یه بخش درست کردم به نام آخرین محصولات می خواستم بدونم چطور می تونم فقط برای این بخش کد کوئری بنویسم ممنون می شم به سایت من یه سری بزنی تا منظورمو متوجه بشی خیلی کارم گیر کرده با تشکر www.tembazar ir

  2. برادر من میخوام تو صفحه اصلی یا همون خانه تو قسمتی که خودم طراحی کردم شماره گذاری کنم شما سایت منو یه نگاه بندازین متوجه میشین مثلا من عکس می خوام نمایش بدم که بعد از نمایش 10 عکس بصورت کوئری بره به صفحه بعد حالا حتما محصول نباشه هم مهم نیست در قسمت آخرین محصولات یه نگاه بندازین میخوام پائین همین قسمت شماره گذاری بشه tembazar ir

    • رضافرخی(مدیر ارشد)

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

  3. من هم از ووکامرس و هم از eddبا هم استفاده می کنم

    • رضافرخی(مدیر ارشد)

      سلام
      از یکی استفاده نمائید.قابلیت فروش محصولات دیجیتال در ووکامرس می باشد.

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

    • رضافرخی(مدیر ارشد)

      سلام
      افزونه ووکامرس رو میتوانید جوری تنظیم کنید که نیاز به ثبت نام برای محصولات دیجیتال نباشد.

  5. با سلام من صفحات قالبم مشکل داره و اون اینکه صفحه دوم یا هر صفحه ای رو که فراخونی میکنم پست های جدید رو میاره و هیچ تغییری نمیکنه ، قالب پیش فرض ورد پرسو انتخاب کردم درس شد ولی تو قالب خودم همین مشکلو دارم

جوابی بنویسید

ایمیل شما نشر نخواهد شدفیلد های ضروری نشانه گذاری شده است. *

*

قبل از نوشتن دیدگاه به نکات مهم زیر توجه کنید


  • - دیدگاه‌هایی مانند: خوب بود، ممنون- سایت خوبی دارید- عالی بود و موارد مشابه تایید نمی‌شود.
  • - دیدگاه‌تان را فقط در رابطه با همین مطلب ثبت کنید، در غیر اینصورت پاسخ داده نخواهد شد.
  • - دیدگاه‌هایی که دارای نام‌های تبلیغاتی با هدف بک‌‌لینک گرفتن هستند تایید نمی‌شوند.