ساخت صفحه بندی مقالات در وردپرس با کد نویسی

ساخت صفحه بندی مقالات در وردپرس با کد نویسی

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

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

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

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

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

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

چرا باید شماره صفحات را به سایت خود اضافه کنیم

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

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

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

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

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

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

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

function mihanacademy_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";
	}

خب حالا کد بالا تعداد صفحه هات سایت شما و یک لیست از شماره های از یک تا بی نهایت برای شما می سازد و آماده می کند و برای افرودن کد به قالب سایت خود باید کد زیر را به فایل های Category.php و Archive.php و Index.php و هر قالب های دیگر که مربوط به آرشیو صفحه هات می باشد اضافه کنید کد :

<?php mihanacademy_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;
}

خب تمام ! اینجا حالا ما در سایت خودمان یک لیست صفحه بندی عددی در قالب سایت داریم و حالا مقالات سایت خود را به شکل صفحه بندی در سایت مشاهده می کنید و راستی در نظر داشته باشید که قبل از تغییر در فایل Functions.php حتما یک نسخه پشتیبان از فایل خود دریافت کنید

به همین راحتی می توانید شماره بندی صفحه های خود را بدون نیاز به افزونه انجام دهید ، موفق و سربلند باشید با ❤