آموزش سفارشی سازی صفحه ۴۰۴ در وردپرس

صفحه ۴۰۴ در وردپرسدرباره خطای 404 چه می‌دانید؟ این خطا معمولا زمانی رخ می‌دهد که صفحه مورد نظر شما یافت نشود. طبیعتا این صفحه را حذف کرده‌اید یا آدرس آن را تغییر دادید اما از عملیات ریدایرکت استفاده نکرده‌اید. خطاهای 404 بسیار خطرناک هستند و باعث از بین رفتن کاربران شما خواهند شد. ولی گاهی این صفحات به ناگاه ایجاد شده و شما از وجودشان بی‌خبر می‌مانید. در این مواقع باید چه کرد؟ صفحه ۴۰۴ در وردپرساین صفحه بصوزت معمولی ظاهر جالبی ندارد و ممکن است هر کسی را فراری دهد ولی ما می‌توانیم آن را به گونه‌ای ایجاد کنیم که نه تنها کاربران را فراری ندهد بلکه جذب کند. تا حالا در این‌باره شنیده‌اید؟ در وردپرس امکان سفارشی‌سازی این صفحات وجود دارد. شما می‌توانید برای صفحه خطای 404 یک تصویر جذاب ایجاد کنید یا کاربران خود را به سمت دسته‌ها و مطالب دیگر سوق دهید. اما چگونه این کار ممکن می‌شود؟ الگوی 404 در پوشه قالب وردپرسبرای صفحه 404 در هر قالبی یک الگو و فایل پی اچ پی موجود است که در زمان دریافت خطا آن را به کاربران نمایش می‌دهد. این صفحه معمولا کاملا ساده است و ظاهر خاصی ندارد. مثل تصویر زیر:صفحه مورد نظر یافت نشد!طبیعتا من و شما هم باشیم به سرعت این صفحه را می‌بندیم و برایمان خوشایند نیست. این سایت عجب مدیران بی مسئولیتی دارد؛ اصلا پیگیری نمی‌کنند و سایتشان دچار مشکل است. حتما می‌خواهند کاربران را الکی جذب کنند و گول بزنند! اینها جملاتی است که ممکن است در ذهن ما تداعی شود. اما برای اینکه به ما چنین برچسب‌هایی نزنند و کاربران خود را به لطف چنین صفحاتی از دست ندهیم باید اطلاعاتی را در فایل 404 وارد کنیم تا صفحه زیباتری را خلق کنیم. یک طرح ساده و کاربردی برای صفحه 404برای اینکه بتوانیم یک طرح ساده و در عین حال کاربری برای این صفحه بسازیم کافیست قطعه کد زیر را در فایل 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><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?><?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' => '' ) ); ?></div></div><!-- .page-content --></div><!-- .page-wrapper --></div><!-- #content --></div><!-- #primary --><?php get_footer(); ?>همچنین با وارد کردن تنظیمات 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 در وردپرس حال می‌شود مشابه تصویر زیر است:نتیجه نهایی از صفحه 404شما هم می‌توانید با انجام مراحل بالا یک صفحه مشابه تصویر بالا ایجاد کنید. الان من و شما وقتی با چنین صفحه‌ای مواجه می‌شویم، به احتمال زیاد روی لینک‌های دیگر کلیک می‌کنیم تا ببینم چه خبر است.