نحوه بهبود صفحه 404 در وردپرس

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

صفحه 404 وردپرس چگونه به نظر می رسد؟

صفحه 404 غالباً غفلت شده ترین صفحه در بیشتر سایت ها است. اغلب صفحه های 404 با تم های وردپرس به این شکل است:

این صفحه 404 در وردپرس توسط یک پرونده الگویی به نام 404.php اداره می شود.

اگر پیکربندی شما واقعاً بهم ریخته باشد ، صفحه 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>

بایگانی های ماهانه را با بایگانی های فشرده اضافه کنید

Compact Archives : این افزونه را نصب کنید و فعال کنید. پس از فعال کردن افزونه ، کد زیر را در پرونده 404.php خود اضافه کنید:

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

این بایگانی ماهانه شما را به این صورت نمایش می دهد:

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

در اینجا نمونه پرونده 404.php بر اساس قالب پیش فرض وردپرس Twenty Thirteen’s وجود دارد.

<?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 در سایت وردپرس خود کمک کرده باشد. در صورت تمایل می توانید با کدنویسی کنید و با برچسب های الگوی مختلف برای پاسخگویی به نیازهای خود آزمایش کنید.