آموزش های وردپرس

ایجاد صفحه بندی در وردپرس

اغلب وب سایت ها در صفحات آرشیو خود با ایجاد صفحه بندی در وردپرس به آخرین و اولین نوشته های خود لینک می دهند. با این کار آرشیو شما مرتب شده و کاربران به راحتی به تمام مطالب شما دسترسی خواهند داشت.

امروزه اغلب قالب های طراحی شده در وردپرس از این ویژگی تبعیت می کنند، اما ممکن است قالب انتخابی شما از این قائده مستثنی بوده و در صفحات آرشیو این ویژگی را نداشته باشید.

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

ایجاد صفحه بندی در وردپرس

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

در ابتدا روش کدنویسی توضیح داده شده و در ادامه نحوه استفاده از افزونه مرتبط را توضیح خواهم داد.

صفحه بندی عددی وردپرس بدون افزونه

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

اکنون برای ایجاد صفحه بندی در وردپرس، به هاست خود رفته و در مسیر نصب وردپرس به آدرس wp-content/themes مراجعه نمایید و پس از باز کردن پوشه قالب نصبی خود، قطعه کد زیر را در جای مناسبی از فایل functions.php قالب خود قرار دهید.

function wpnarenji_numeric_posts_nav()

               {

               if (is_singular()) return;

               global $wp_query;

               /** Stop execution if there's only 1 page */

               if ($wp_query->max_num_pages <= 1) return;

               $paged = get_query_var('paged') ? absint(get_query_var('paged')) : 1;

               $max = intval($wp_query->max_num_pages);

               /** Add current page to the array */

               if ($paged >= 1) $links[] = $paged;

               /** Add the pages around the current page to the array */

               if ($paged >= 3)

                               {

                               $links[] = $paged - 1;

                               $links[] = $paged - 2;

                               }

               if (($paged + 2) <= $max)

                               {

                               $links[] = $paged + 2;

                               $links[] = $paged + 1;

                               }

               echo '<div class="navigation"><ul>' . "\n";

               /** Previous Post Link */

               if (get_previous_posts_link()) printf('<li>%s</li>' . "\n", get_previous_posts_link());

               /** Link to first page, plus ellipses if necessary */

               if (!in_array(1, $links))

                               {

                               $class = 1 == $paged ? ' class="active"' : '';

                               printf('<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url(get_pagenum_link(1)) , '1');

                               if (!in_array(2, $links)) echo '<li>…</li>';

                               }

               /** Link to current page, plus 2 pages in either direction if necessary */

               sort($links);

               foreach((array)$links as $link)

                               {

                               $class = $paged == $link ? ' class="active"' : '';

                               printf('<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url(get_pagenum_link($link)) , $link);

                               }




               /** Link to last page, plus ellipses if necessary */

               if (!in_array($max, $links))

                               {

                               if (!in_array($max - 1, $links)) echo '<li>…</li>' . "\n";

                               $class = $paged == $max ? ' class="active"' : '';

                               printf('<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url(get_pagenum_link($max)) , $max);

                               }

               /** Next Post Link */

               if (get_next_posts_link()) printf('<li>%s</li>' . "\n", get_next_posts_link());

               echo '</ul></div>' . "\n";

               }

قطعه کد بالا تعداد صفحات و یک لیست از لینک عددی را آماده میکند؛ اما برای ایجاد صفحه بندی در وردپرس باید قطعه کد زیر را به فایل های index.php ،archive.php ،category.php و دیگر فایل های قالب نصبی خود در مسیر wp-content/themes هاستتان اضافه کنید.

<?php wpnarenji_numeric_posts_nav(); ?>

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

.navigation li a,

.navigation li a:hover,

.navigation li.active a,

.navigation li.disabled {

               color: #fff;

               text-decoration:none;

}




.navigation li {

               display: inline;

}

.navigation li a,

.navigation li a:hover,

.navigation li.active a,

.navigation li.disabled {

               background-color: #6FB7E9;

               border-radius: 3px;

               cursor: pointer;

               padding: 12px;

               padding: 0.75rem;

}

.navigation li a:hover,

.navigation li.active a {

               background-color: #3C8DC5;

}

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

این مطلب را از دست ندهید :
آموزش حذف یک دسته نوشته از صفحه اصلی
صفحه بندی وردپرس با کد نویسی
پیش نمایش صفحه بندی ایجاد شده

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

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

افزونه ای که برای ایجاد صفحه بندی عددی معرفی می کنم، با عنوان WP-PageNavi در مخزن وردپرس به ثبت رسیده است.

این افزونه تا کنون با بیش از 800.000 نصب فعال توانسته است امتیاز 4.7 را از کاربران خود به دست بیاورد.

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

دانلود افزونه WP-PageNavi

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

تنظیمات افزونه WP-PageNavi
تنظیمات افزونه

همانطور که مشاهده می کنید در این صفحه می توانید متن دکمه های صفحه بندی عددی و آیکون های آن را به دلخواه تغییر دهید.

پیش نمایش WP-PageNavi
پیش نمایش افزونه

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

عاطفه نوربخش

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

وردپرس نارنجی در جشنواره وب و موبایل ایران شرکت کرده است.به این وب سایت رای دهید
+
بستن