بهبود صفحه خطای 404 در وردپرس
4.5 از 76 رای

بهبود صفحه خطای 404 در وردپرس

بهبود خطای 404 در وردپرس

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

خطای 404 وردپرس چیست؟

صفحه خطای 404 اغلب در فایل قالب سایت شما با نام ‌404.php ذخیره می شود و به شکل زیر نمایش داده می شود:

خطای 404

اگر این فایل در قالب شما وجود نداشته باشد٬ صفحه 404 مانند زیر نمایش داده میشود:

خطای 404

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

ایجاد یک صفحه سفارشی 404 در وردپرس

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

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

ما از یکی از بهترین افزونه های پست وردپرس برای نمایش پست های محبوب در صفحه 404 استفاده میکنیم. اولین کاری که باید انجام دهید نصب و راه اندازی افزونه  WordPress Popular Posts در سایتتان است. پس از فعال سازی نیاز دارید قالب زیر را به فایل 404.php جاییکه میخواهید پست نمایش داده شود اضافه کنید:

<?php wpp_get_mostpopular(); ?>

نمایش نظرات پست در صفحه 404

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

<?php wpp_get_mostpopular("range=all&order_by=comments"); ?>

نمایش پست اخیر در صفحه 404

چندین راه برای نمایش پست اخیر در وردپرس وجود دارد. ساده ترین راه افزودن کد زیر به قالب 404 خود است:

<?php wp_get_archives( array( 'type' => 'postbypost', 'limit' => 10, 'format' => 'custom', 'before' => '', 'after' => '<br />' ) ); ?>

نمایش پست تصادفی در صفحه 404

اگر میخواهید لیستی از پست های تصادفی را در وردپرس نمایش دهید کد زیر را به قالب 404 خود اضافه کنید:

<ul>
<?php 
$posts = get_posts('orderby=rand&numberposts=5'); 
   foreach($posts as $post) { ?>
        <li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
        </li>
   <?php } ?>
</ul>

افزودن آرشیو ماهانه با آرشیو فشرده

اگر به صفحه 404 مبتدیان وردپرس نگاهی بیندازید متوجه خواهید شد که ما لیستی از آرشیو ماهانه را با استفاده از افزونه Compact Archives نمایش میدهیم. توجه داشته باشید که ما این افزونه را تصویب کرده و در حال حاضر از آن استفاده میکنیم. افزونه را نصب و فعال سازی کنید و پس از آن کد زیر را به فایل 404.php اضافه کنید:

<p><strong>By Date</strong></p>
<ul>
<?php compact_archive($style='block'); ?>
</ul>

با این کار آرشیو ماهانه خود را مانند زیر خواهید دید:

آرشیو ماهانه

نمونه قالب 404 برای وردپرس

در اینجا فایل 404.php بر اساس قالب 404 پیش فرض وردپرس بیست سیزده موجود است:

<?php
/**
 * The template for displaying 404 pages (Not Found)
 *
 */

get_header(); ?>

	<div id="primary" class="content-area">
		<div id="content" class="site-content" role="main">

			<header class="page-header">
				<h1 class="page-title"><?php _e( 'Not found', 'twentythirteen' ); ?></h1>
			</header>

			<div class="page-wrapper">
				<div class="page-content">
					<h2><?php _e( 'This is somewhat embarrassing, isn&rsquo;t it?', 'twentythirteen' ); ?></h2>
					<p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?></p>

					<?php get_search_form(); ?>
					
					<h3>Check out some of our popular content:</h3>

<div class="col1">
<div class="col-header">			
<h3>Popular Posts</h3>
</div>
<?php wpp_get_mostpopular(); ?>
</div>

<div class="col2">
<div class="col-header">			
<h3>Most Commented</h3>
</div>
 <?php wpp_get_mostpopular("range=all&order_by=comments"); ?>
</div>

<div class="col3">
<div class="col-header">			
<h3>Recent Posts</h3>
</div>
 <?php wp_get_archives( array( 'type' => 'postbypost', 'limit' => 10, 'format' => 'custom', 'before' => '', 'after' => '<br />' ) ); ?>
</div>
				</div><!-- .page-content -->
			</div><!-- .page-wrapper -->

		</div><!-- #content -->
	</div><!-- #primary -->

<?php get_footer(); ?>

در بیست سیزده قالب 404 با قالب پیش فرض مقایسه میشود. متوجه خواهید شد که درست بعد از فرم جستجو ما کد سفارشی را برای نمایش نظرات و پست اخیر اضافه میکنیم. پس از آن CSS را برای تقسیم در ستون اضافه میکنیم:

.col1, .col2, .col3 { 
width:30%;
float:left;
padding:0px 10px 10px 10px;
height:450px;
margin:0px;
}
.col3:after{
clear:both;
}
.col-header { 
background:#220e10;
color:#FFF;
margin:0px;
padding:1px;
text-align:center;
}

نتیجه نهایی مانند زیر نمایش داده میشود:

قالب 404 اصلاح شده

 

 

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.