كيفية تحرير صفحة 404 في WordPress (دليل التخصيص) | هواة الفسفور الابيض

يعرف كل منشئ محتوى ومسؤول موقع أن التفاصيل الصغيرة مهمة كثيرًا ، ولا يوجد انطباع ثانٍ على الإنترنت. إن نظام الألوان الجميل أو تأثير الرسوم المتحركة الممتاز أو صفحة 404 الجذابة هي تفاصيل تجعل تجربة المستخدم أو تفسدها.

صفحة 404 هي التعبير الفني الذي يصف المواقف التي لا يتم فيها العثور على الصفحة. على سبيل المثال ، قد يكون السبب هو أن المستخدم أخطأ في كتابة عنوان URL في علامة تبويب المتصفح أو أن صفحة الويب لم تعد متصلة بالإنترنت.

في الفقرات التالية ، ستتعلم كيفية تحرير صفحة 404 في WordPress. صفحة 404 الجذابة هي أفضل حل للتغلب على لحظة محرجة. بدلاً من إحباط زوار الموقع ، ستساهم صفحة 404 الممتازة في الحصول على صورة أفضل لعلامتك التجارية.

ما هي صفحة 404

تنقر فوق ارتباط أو تكتب عنوان URL في علامة تبويب المتصفح. بعد ذلك ، يبدأ المتصفح في طلب البيانات من الخادم الذي يستضيف موقع الويب الذي تريد زيارته. هذا شرح أساسي لتصفح الإنترنت. يتضمن تبادل المعلومات بين المستعرض والخادم ، من بين أشياء أخرى ، عددًا قليلاً من رموز الحالة. بالإضافة إلى ذلك ، هناك حالات لوصف إعادة توجيه صفحة الويب ، أو أخطاء العميل أو الخادم ، أو الأغراض الإعلامية.

جميع رموز الحالة مع النموذج 4XX تتعلق بأخطاء العميل. على سبيل المثال ، 403 Forbidden هو عندما يفهم الخادم طلب المتصفح ولكنه يرفض تقديم البيانات. إلى حد بعيد ، فإن صفحة 404 هي أشهر رمز الحالة. تحصل على صفحة 404 عندما تنقر على رابط معطل ، أو تكتب عنوان URL خاطئًا يقودك إلى صفحة ويب غير موجودة ، أو إذا لم يكن المورد الذي طلبته موجودًا على الإطلاق.

حتى المواقع الأساسية ، مثل أخبار المجلات الضخمة أو المتاجر التي تمت زيارتها بكثرة ، قد تحتوي على خطأ 404 صفحة. بالطبع ، هذا أمر لا مفر منه ، لكن يجب أن تعرف كيف تتخطى الموقف المحرج. وبالتالي ، من المفيد أن تفعل كل ما هو ممكن لإنشاء صفحة خطأ 404 جيدة المظهر لموقعك.

تشريح صفحة 404 جيدة

تكسب بعض مواقع الويب ارتباطًا خلفيًا واعترافًا عامًا من خلال ذكرها في قوائم تضم صفحات 404 رائعة. يقدّر زوار الموقع التصميم الجيد أو الرسالة المضحكة على صفحة 404. يجب أن يقنعك هذا بأن صفحة الخطأ 404 الجيدة المظهر هي أولوية لأعمالك عبر الإنترنت. إليك ما يجب أن تتضمنه صفحة 404 الجيدة:

● رسالة الخطأ - يجب على المستخدمين إدراك المشكلة منذ لحظة وصولهم إلى صفحة 404. اجعلها صريحة حتى يفهمها الجميع.

● روابط إلى المحتوى الخاص بك - لا تريد أن يتخلى المستخدمون عن موقعك. قدم لهم روابط للمحتوى ذي الصلة. سواء كان ذلك هو أفضل محتوى لديك أو شيئًا متعلقًا بالصفحة المفقودة ، فالأمر متروك لك تمامًا. ما يهم هو الاحتفاظ بها على موقعك.

● الاعتذار - دع الناس يعرفون أنك آسف على الإزعاج. استخدم الفكاهة إن أمكن - إنها أفضل طريقة لتشجيعهم على منح موقعك فرصة ثانية.

● التصميم الجيد - يشعر الأشخاص بخيبة أمل عندما يهبطون على صفحة 404 ويميلون إلى المبالغة في رد الفعل. قد يغير التصميم المذهل رأيهم ، بالإضافة إلى المحتوى الجذاب. ابذل قصارى جهدك لإنشاء صفحة 404 ممتازة.

كيفية تحرير صفحة 404 في WordPress

لحسن الحظ ، لدينا العديد من الخيارات لتحرير صفحة 404 في WordPress. قد يذهب المستخدمون الأكثر خبرة لتحرير ملف 404.php. هذا هو الملف المسؤول عن عرض صفحة الخطأ 404. يمكن لمسؤولي الويب الذين يفضلون استخدام أداة إنشاء الصفحات مثل Elementor إنشاء صفحة 404. أخيرًا ، تتوفر بعض المكونات الإضافية لإنشاء صفحات 404 لأولئك الذين يفتقرون إلى مهارات الترميز. دعونا نحلل جميع الطرق لإنشاء وتحرير صفحة 404 في WordPress.

قم بتحرير صفحة 404 من خلال عميل FTP

من القواعد الأساسية الجيدة إجراء نسخة احتياطية من موقعك قبل تحرير الشفرة. لا تتخطى هذه الخطوة أبدًا - في معظم الحالات ، لن تحتاج إلى نسخة احتياطية للموقع ، ولكن الأشياء السيئة تحدث عندما لا تكون مستعدًا. لذا افعل هذا النسخ الاحتياطي لتطمئن!

لنفترض أنك أجريت نسخة احتياطية كاملة للموقع وأنك مستعد للتعمق أكثر في هذه المسألة. استخدم عميل FTP الذي تختاره واتصل بالمضيف المحلي للموقع. ابحث عن ملف يسمى ملف 404.php - إنه الملف المسؤول عن عرض صفحة الويب ذات الخطأ 404. عادةً ما تحتوي سمات WordPress على ملف 404.php مخصص ، ولكن قد يفوت البعض هذا الملف. تحقق جيدًا مما إذا كانت شفرة السمة الخاصة بك تتضمن ملف 404.php. إذا لم يكن القالب الخاص بك يحتوي على ملف 404.php ، فسيتعين عليك إنشاء واحد. قم بإنشاء ملف جديد وانسخ سطور التعليمات البرمجية التالية:

404 قالب الصفحة

 <?php /** * The template for displaying 404 pages (Not Found) * * @package WordPress * @subpackage Twenty_Thirteen * @since Twenty Thirteen 1.0 */ get_header(); ?> <div class="content-area"> <div 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'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(); ?> </div><!-- .page-content --> </div><!-- .page-wrapper --> </div><!-- #content --> </div><!-- #primary --> <?php get_footer(); ?>

المصدر : إنشاء صفحة خطأ 404 في مخطوطة WordPress

هذا هو الكود الموجود خلف سمة 404 Page of Twenty Thirteen - إنها صفحة أساسية مناسبة للتحرير والاستخدام لمشروعك. بالطبع ، يمكنك إلقاء نظرة على سمات WordPress الافتراضية الأخرى والتحقق من صفحات 404 الخاصة بها. تستدعي صفحة 404 الخاصة بسمة Twenty Thirteen رأس موقعك وتذييله ، وبالتالي تتماشى الصفحة مع نمط موقعك. بغض النظر عن شكل موقعك ، سيكون لصفحة الخطأ 404 تصميم مشابه. ومع ذلك ، يجب عليك تكييف المحتوى المعروض في هذه الصفحة. في هذه المرحلة ، تدخل موهبة منشئ المحتوى الخاص بك.

اختياريًا ، يمكنك تحرير ملف 404.php لعرض المحتوى المنشور على موقعك. الخيارات لا حصر لها ، لذلك دعونا نرى بعض الطرائق المحتملة لتحسين الخطأ 404 صفحة.

• عرض عناوين أحدث سبع منشورات - كل ما عليك فعله هو لصق مقتطف الشفرة هذا في ملف 404.php:

 <?php wp_get_archives( array( 'type' => 'postbypost', 'limit' => 7, 'format' => 'custom', 'before' => '<span class="my-post-title">', 'after' => '</span>, ' ) ); ?>

• عرض عناوين سبع مشاركات عشوائية الصق الكود التالي لعرض سبع مشاركات عشوائية:

 <ul> <?php $rand_posts = get_posts( array( 'posts_per_page' => 5, 'orderby' => 'rand' ) ); if ( $rand_posts ) { foreach ( $rand_posts as $post ) : setup_postdata( $post ); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endforeach; wp_reset_postdata(); } ?> </ul>

أضف شعارك أو صورة مضحكة (تعمل القطط والكلاب دائمًا) لتجعل المشاهدين يبتسمون ويمنحك فرصة ثانية. بعد ذلك ، اختبر صفحة 404 بعد الانتهاء من عمل التحرير. لعرض صفحة 404 الخاصة بك ، اكتب عنوان موقعك في شريط المتصفح وأضف سلسلة عشوائية من الأحرف بعدها. يجب أن تبدو النتيجة كما يلي:

 https://example.com/dfdfddfd

إذا لم يعمل ، فذلك لأن الخادم لا يمكنه العثور على ملف 404.php المخصص. في هذا السيناريو ، يجب عليك الانتقال إلى ملف htaccess الخاص بالموقع ولصق سطر التعليمات البرمجية التالي:

ErrorDocument 404 /index.php؟error=404

هام : إذا قمت بتحرير موقع ويب جديد أو تم إطلاقه مؤخرًا ، فقد لا يحتوي على ملف .htaccess. إنها ليست مشكلة كبيرة - قم بتغيير الروابط الثابتة لموقعك وحفظ العملية الخاصة بك. بعد ذلك ، ارجع إلى تنسيق الروابط الثابتة المفضل لديك فورًا بعد ذلك. بهذه الطريقة ، ستكون قد أنشأت ملف htaccess.

تحرير صفحة 404 من خلال محرر السمات (غير مستحسن)

يذكر عدد كبير من المقالات المتعلقة بتحرير صفحة 404 في WordPress محرر السمات كحل قابل للتطبيق. ليست كذلك! على الرغم من أنه من الملائم والمباشر تحرير رمز الموقع مباشرة من لوحة تحكم مسؤول WordPress ، إلا أنه يمثل خطورة وقد ينتهي به الأمر إلى إخفاق تام. ناهيك عن أنه ليس من الاحتراف على الإطلاق تحرير الموقع أثناء اتصاله بالإنترنت ويمكن للجميع الوصول إليه. بالإضافة إلى ذلك ، يختفي التحرير بمجرد تحديث السمة (إلا إذا كنت تستخدم سمة فرعية).

قم بتحرير صفحة 404 من خلال أدوات إنشاء الصفحات

هذه الطريقة آمنة وبسيطة وفعالة. ربما تكون على دراية بمنشئي الصفحات مثل Elementor أو Divi Builder أو Beaver Builder أو SeedProd أو Themify Builder. ما تختاره ليس مناسبًا ، طالما لديك فهم جيد له. تتيح لك أدوات الإنشاء هذه إنشاء صفحة 404 ممتازة دون كتابة سطر واحد من التعليمات البرمجية. هذا هو الحل الأفضل إذا كنت قلقًا بشأن لصق مقتطفات التعليمات البرمجية في ملفات موقعك.

تحقق من المدونة والوثائق الخاصة بمنشئ الصفحات المفضل لديك ، وعلى الأرجح ستجد برنامجًا تعليميًا يشرح كيفية إنشاء صفحة 404. بالإضافة إلى ذلك ، لدى بعض منشئي الصفحات قوالب مخصصة لصفحات 404. اختر نموذجًا وقم بتخصيصه ليلائم علامتك التجارية.

404 صفحة WordPress الإضافات

ليس لديك العديد من البدائل لإنشاء صفحة 404 مع مكون إضافي مخصص. ومع ذلك ، هناك بعض المكونات الإضافية التي تستحق اهتمامك. ميزة رأس المال الخاصة بهم هي أنك لست مضطرًا إلى كتابة التعليمات البرمجية لإنشاء وتحرير صفحات 404. الإضافات بسيطة وفعالة وخفيفة الوزن.

404 صفحة  

قد تميل إلى الاعتقاد بأنه يجب أن تكون مبرمجًا لإنشاء صفحة خطأ 404 جيدة. بفضل هذا البرنامج المساعد ، يمكن للجميع تصور صفحة خطأ 404 جذابة. علاوة على ذلك ، فإن المكون الإضافي 404 صفحة ليس معقدًا مثل منشئي الصفحات. أنت تركز على منتجك النهائي - صفحة خطأ 404 جيدة.

تثبيت وتفعيل البرنامج المساعد. بعد ذلك ، قم بإنشاء صفحة 404 كما تفعل مع باقي الصفحات على موقعك. من لوحة تحكم مسؤول WordPress ، انتقل إلى المظهر> صفحة خطأ 404 واختر الصفحة التي أنشأتها للتو لتكون صفحة خطأ 404 مخصصة لموقعك.

لا يسمح هذا المكون الإضافي بإعادة توجيه صفحات الويب ؛ إنه يخبر روبوتات البحث أن صفحة الويب مفقودة. 404page هو مشروع شخصي لمطور ، لذلك لا توجد وكالة وراء هذا البرنامج المساعد. ضع في اعتبارك أن البرنامج المساعد يحتوي على 100000 تثبيت نشط وتقدير شبه مثالي - 4.9 نجوم من 5. في ظل هذه الظروف ، يستحق مطور البرنامج المساعد تقديرنا!

إعادة توجيه كل 404 إلى الصفحة الرئيسية وإعادة توجيه الصور المكسورة  

اسم المكون الإضافي ليس مثيرًا للإعجاب ، لكنه موحٍ للغاية. يتعامل البرنامج المساعد مع أخطاء 404 Page بشكل مختلف عن البديل السابق. بدلاً من إسعاد الزائرين بصفحة 404 جيدة التصميم ، يعيد هذا المكون الإضافي توجيه جميع أخطاء 404 إلى الصفحة الرئيسية أو صفحة ويب أخرى. أكبر ميزة لهذا المكون الإضافي هي أنه يمكنك التحكم في الروابط المعطلة على موقعك. بالإضافة إلى ذلك ، يمكنك استخدام هذا البرنامج المساعد لإعادة توجيه المستخدمين. على سبيل المثال ، بدلاً من السماح للأشخاص بزيارة منشور مدونة غير محدث ، استخدم هذا المكون الإضافي لتوجيههم إلى الإصدار المحدث.

أداة تخصيص Colorlib 404  

هذا البرنامج المساعد سهل الاستخدام ويساعدك حقًا في إنشاء صفحات 404 جذابة. يأتي مزودًا بقوالب 404 متقنة الصنع يمكنك تخصيصها لتناسب احتياجاتك. يسمح المكون الإضافي Colorlib 404 Customizer بإدخال أزرار الوسائط الاجتماعية وتغيير لون الخلفية أو الصورة وتكوين عناوين النص. يمكن للمستخدمين الأكثر تقدمًا إضافة كود CSS مخصص. البرنامج المساعد مفتوح المصدر ، لذا يمكنك المساهمة في تحسين المكون الإضافي.

استخدم أداة إنشاء الصفحات أو قم بذلك من خلال المظهر الخاص بك .

إذا كنت تستخدم مُنشئ الصفحات بالفعل ، فسيكون لديك بالفعل خيار تخصيص 404 من خلاله. يسمح لك كل منشئ صفحات إلى حد كبير بتعديل صفحة 404 الخاصة بك. فيما يلي قائمة بالمكونات الإضافية نحن على ثقة من أنه يمكنك القيام بذلك في:

● منسم

● العنصر

● بيفر بيلدر

● ديفي بيلدر

● أصل الموقع

إذا كنت تستخدم سمة مثل OceanWP أو GeneratePress أو Astra ، فيمكنك القيام بذلك من خلال خيارات السمات الخاصة بهم. ستحصل على صفحة 404 ممتازة المظهر نهائية إذا قمت باستيراد محتوى تجريبي. الجانب السلبي الوحيد لاستيراد المحتوى التجريبي واستخدام التصميمات المعدة مسبقًا هو أن موقع الويب الخاص بك سيبدو تمامًا مثل العرض التوضيحي. خذ ، على سبيل المثال ، هذا الموقع والعرض التوضيحي Astra. كل من قام بالاطلاع على مكتبة Astra لمواقع بدء التشغيل سوف يدرك بسرعة أن مالكي مواقع الويب لم ينشئوها بأنفسهم. قد يضر هذا بمدى ثقة المستخدمين في موقعك.

على الجانب المشرق ، تقوم Astra و OceanWP والموضوعات الأخرى التي تضم أكثر من 500.000 مستخدم بتوسيع مكتبة موقع البداية الخاصة بهم أكثر كل شهر.

انتهى اليك

لديك الآن فكرة واضحة حول كيفية تحرير صفحة 404 في WordPress. هناك العديد من الحلول للقيام بذلك ، ويجب عليك اختيار الحل المناسب لمهاراتك واحتياجاتك. ما يهم هو وجود صفحة خطأ 404 مثيرة لإسعاد المشاهدين. الطريقة والأدوات التي تستخدمها لتصميم وتنفيذ صفحة 404 لا تهم عملائك. ليس لديك أي عذر لعدم وجود صفحة خطأ 404 ممتازة! انتقل إلى لوحة الرسم وابدأ في إنشاء صفحة خطأ مخصصة!