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

404 صفحه خطا چیست؟

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

به عنوان مثال، اگر شما یک صفحه تماس در www.yoursite.com/contact دارید و کسی تلاش می کند تا درwww.yoursite.com/contacts فرود آید ، وردپرس به یک صفحه 404.php هدایت می کند.

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

صفحه خطای پیش فرض در وردپرس

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

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

چه چیزی یک صفحه خطا خوب در وردپرس ایجاد می کند؟

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

• عذرخواهی - پیام خصوصی سفارشی به وضوح در صفحه قابل مشاهده است
• تصویر - یک تصویر (خنده دار) است که باعث می شود صفحه خطا کمتر ترسناک باشد
• تماس - نمایش اطلاعات تماس یا فرم
• جعبه جستجو - اجازه دهید افراد سایت خود را برای محتوای دیگر جستجو کنند
• پست های اخیر - اجازه می دهد بازدید کنندگان برای باز کردن یکی از آخرین مقالات
• پست های محبوب - اجازه می دهد بازدیدکنندگان برای دیدن پست های محبوب ترین شما

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

ایده هایی برای یک صفحه سفارشی دریافت کنید

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

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

• کوالو
• سرگرمی Blizzard
• MailChimp
• بیتی

یک صفحه خطای 404 سفارشی ایجاد کنید

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

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

بیایید وانمود کنیم که شما تنبلی نداشته اید و موضوع کودک را آماده کرده اید. بنابراین اولین قدم برای ایجاد یک فایل جدید است:

<؟ php get_header ()؛ ؟>

>

<؟ php esc_html_e ('صفحه یافت نشد'، 'حلقه WP')؛ ؟>

<؟ php esc_html_e ('نه! صفحه ای که باز کردید وجود ندارد. لطفا برای پیوند به مکان امن تر از لینک های زیر استفاده کنید.'، 'WP Loop')؛ ؟> <؟ php get_sidebar ()؛ ؟> <؟ php get_footer ()؛ ؟>

1. پوشه ای را که تم کودک آن را ایجاد کرده اید باز کنید
2. ایجاد فایل 404.php
3. فایل را ویرایش کنید
4. کد زیر را کپی و جایگذاری کنید:
5. مسیر مسیر تصویر خود را در خط 7 تغییر دهید
6. اصلاح عنوان بر روی خط $ 8
7. پیام سفارشی را در خط شماره 9 بنویسید
8. ذخیره تغییرات

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

افزودن ویدجت سفارشی

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

برای اضافه کردن ویدجت های جدید به طور خاص به صفحه 404.php ، ما پیشنهاد می کنیم یک منطقه ویدجت جدید ایجاد کنیم (فضای روی صفحه شما که امکان ویدجت را فراهم می کند). در برخی موارد، تم های وردپرس به شما امکان می دهد مناطق جدید ویدئویی جدید را از داشبورد ایجاد کنید. بنابراین، نگاهی سریع به ظاهر -> ابزارک. اگر شما خوش شانس هستید، یک گزینه برای ایجاد منطقه برای شما وجود خواهد داشت. اگر نه، بگذارید سریعا ایجاد کنیم تا شما بتوانید ویدجت های مختلف را در صفحه جدید خود داشته باشید:

function widget_area_404() {
register_sidebar( array(
'name' => '404 Page',
'id' => '404',
'description' => __( 'ابزارک for 404 error page.' ),
'before_widget' => '

', 'before_title' => '

', 'after_title' => '

', ) ); } add_action( 'widgets_init', 'widget_area_404' );

1. به پوشه تم کودک خود بروید
2. فایل functions.php را باز کنید یا ایجاد کنید
3. کد بالا را کپی و وارد کنید:
4. ذخیره تغییرات
5. فایل 404.php را که قبلا تغییر داده اید باز کنید
6. کد زیر را در جایی که می خواهید ویدجت های جدید را نمایش دهید (مثلا بعد از عنوان و متن) کپی و چسب بزنید:
7. ذخیره تغییرات

پس از گفتن وردپرس که در آن برای نمایش ویجت جدید منطقه، زمان آن است که در واقع ویجت ها را اضافه کنید. بنابراین، بهنمایش -> ابزارک بروید ، پست های اخیر، پست های محبوب و یا هر ویجت دیگر که مایلید روی صفحه جدید 404 خود داشته باشید را انتخاب کنید (مثال دیگری ویجت Google Maps رایگان برای نشان دادن موقعیت مکانی شما است). فراموش نکنید که ویدجت ها را به دلخواه خود سفارشی کنید و به یاد داشته باشید که اگر می خواهید تصاویر، فیلم ها یا فایل های صوتی را به صفحه اضافه کنید، ویدجت های چند رسانه ای جدید وجود دارد.

برای ایجاد یک صفحه سفارشی از یک افزونه استفاده کنید

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

5sec Proper 404

قیمت: 10 دلار

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

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

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

این نوبت شماست

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