تصميم صفحة الخطأ 404.
![]() |
صفحة الخطأ 404 |
صفحة الخطأ 404 هي صفحة تظهر عندما يحاول الزائر الوصول إلى صفحة محددة في موقع الويب، ولكن الخادم لا يستطيع العثور على الصفحة المطلوبة. يتم إرسال رمز الخطأ 404 من قبل الخادم إلى المتصفح الذي يظهر الصفحة المناسبة للمستخدم.
صفحة الخطأ الشهيرة 404 تظهر للزوار في العديد من المواقع الإلكترونية وتعتبر ظاهرة شائعة.
قلما تجد موقعًا لم يواجه زائراً على الأقل مرة واحدة صفحة الخطأ 404.يحدث ظهور هذه الصفحة في مختلف المواقع بغض النظر عن حجمها أو شهرتها أو نوع المحتوى الذي تقدمه. يجب أن نفهم أن صفحة الخطأ 404 ليست بالضرورة مؤشرًا على وجود أزمة كبيرة أو مشكلة في الموقع، ونستطيع أن نقول أنها تعني أن الرابط الذي يحاول الزائر الوصول إليه غير موجود أو أن هناك خطأ في الرابط أثناء كتابته أو نقله.
عندما ينقر الزائر على الرابط، سيظهر رسالة الخطأ 404 لتبين أن الرابط لا يحتوي على محتوى صالح للعرض في الموقع. في هذه المقالة سنشرح لك كل ما تحتاج إلى معرفته عن صفحة الخطأ 404 وكيف يمكنك تخصيصها وتصميمها بطريقة تساعد في تحسين تجربة المستخدم عند مواجهته لهذه الصفحة.
يمكنك تخصيص صفحة الخطأ 404 بطرق مختلفة لضمان بقاء الزائر داخل الموقع وعدم خروجه بعد تعرضه لهذه الصفحة المحبطة.
ماهي صفحة الخطأ 404 وكيف يصل لها الزائر؟
صفحة الخطأ 404 هي صفحة تظهر عندما يحاول الزائر الوصول إلى صفحة محددة في موقع الويب، ولكن الخادم لا يستطيع العثور على الصفحة المطلوبة.
يتم إرسال رمز الخطأ 404 من قبل الخادم إلى المتصفح الذي يظهر الصفحة المناسبة للمستخدم.
أسباب يمكن أن تؤدي إلى ظهور صفحة الخطأ 404 للزائر.
هناك عدة أسباب يمكن أن تؤدي إلى ظهور صفحة الخطأ 404 للزائر.
هو حذف صفحة معينة من الموقع دون إعادة توجيه الروابط المحذوفة. في هذه الحالة.
عندما يحاول الزائر الوصول إلى الرابط المحذوف، سيتم عرض صفحة الخطأ 404 لإبلاغه بأن الصفحة غير موجودة.
السبب الثاني:
يكون عندما يقوم الزائر بإدخال رابط غير صحيح أو غير موجود في الموقع. قد يكون هذا بسبب كتابة الرابط بشكل غير صحيح أو بتوجيه الزائر من موقع آخر إلى رابط غير صحيح.
في هذه الحالة، ستظهر صفحة الخطأ 404 لتخبر الزائر بأن الرابط الذي يحاول الوصول إليه غير موجود في الموقع.لحل مشكلة صفحة الخطأ 404، يمكن لمدير الموقع أن يقوم بإعادة توجيه الروابط المحذوفة إلى صفحات أخرى ذات صلة أو يمكنه تخصيص صفحة الخطأ 404 بشكل مبتكر لتوفير تجربة أفضل للمستخدمين في حال واجهوا هذه الصفحة.
![]() |
معذرة رسالة الخطأ 401 |
اقرأ أيضًا: كيفية فحص الروابط المعطلة (Broken Links)
الصورة الأولى توضح ظهور صفحة الخطأ 404 في موقع ووردبريس باللغة العربية عند كتابة رابط غير صحيح.
قد تكون رأيت هذه الصفحة عدة مرات عندما حاولت الوصول إلى رابط غير موجود. في الصورة السابقة، يتم استغلال صفحة الخطأ 404 بشكل فعال، حيث تمت إضافة العديد من الروابط التي تساعد الزائر على العودة إلى تصفح الموقع بدلاً من رؤية صفحة فارغة لا توفر أي خيارات للزائر سوى الخروج من الموقع تمامًا.
أما الصورة التالية فتوضح صفحة الخطأ 404 غير المخصصة، حيث تحتوي فقط على رسالة تفيد بأن الصفحة غير موجودة، ولا تحتوي على أي روابط توجّه الزائر مرة أخرى إلى الموقع الرئيسي للتصفح الجديد.
الصورة الأولى توضح كيف يمكن استغلال صفحة الخطأ 404 بشكل فعال من خلال إضافة روابط مفيدة لإرشاد الزائرين، بينما الصورة الثانية توضح صفحة الخطأ 404 غير المخصصة التي لا تقدم أي خيارات للزائرين للاستمرار في التصفح.
![]() |
صفحة الخطأ 404 |
يمكننا ملاحظة الفوارق بين تخصيص صفحة الخطأ 404 وعدم تخصيصها بشكل جيد.وفيما يلي تلخيص للفوائد والإيجابيات الرئيسية التي ستحصل عليها عند تخصيص صفحة الخطأ 404:
عند حذف صفحة أو مقالة من الموقع دون تحويل الروابط المتعلقة بها، فإن زائر الموقع الذي يحاول الوصول إليها سيتعرض لصفحة الخطأ 404. لذلك، يكون من الأهمية بمكان تخصيص صفحة الخطأ 404 بشكل جيد وتزويد الزوار بروابط تساعدهم على الاستمرار في التصفح أو العودة إلى الصفحة الرئيسية على الأقل.
الهدف الأساسي لتخصيص صفحة الخطأ 404 هو بناء ثقة الزوار ورضاهم، حيث يعتبر ظهور صفحة الخطأ 404 مصدر إزعاج للزائرين.لذا يجب تخصيص الصفحة بشكل يعكس اعتذارًا مهذبًا وإرضاءً للزائر، مع توفير روابط تجذب انتباههم لمنعهم من مغادرة الموقع بالكامل.في بعض الحالات، يمكن لصفحة الخطأ 404 أن تساهم في زيادة المبيعات، خاصة إذا كان الموقع يقدم منتجات أو خدمات للبيع.
يمكن استغلال هذه الصفحة لعرض عروض ترويجية وخصومات على بعض الخدمات أو المنتجات في المتجر الإلكتروني، مما يشجع الزوار على الاستمرار في التصفح وزيادة فرص البيع.باختصار، تخصيص صفحة الخطأ 404 يساعد في تجنب الإحباط وبناء ثقة الزوار ورضاهم، بالإضافة إلى إمكانية زيادة فرص المبيعات.
طرق تصميم صفحة الخطأ 404 في الووردبريس
إذا كان لديك موقع على منصة ووردبريس، فمن المرجح أن معظم القوالب المجانية والمدفوعة توفر صفحة خطأ 404 جاهزة للاستخدام. وفي كثير من الأحيان تكون هذه الصفحات بسيطة ولا تحتوي على العناصر التي قد تكون مفيدة للزوار، مثل قائمة التنقل العلوية والتذييل وروابط إضافية التي تساعد الزائر على العودة إلى صفحات أخرى في الموقع بدلاً من مغادرته تمامًا.
هناك طريقتان شائعتان لتعديل صفحة الخطأ 404 في موقع ووردبريس الخاص بك.
الطريقة الأولى:
تنطوي على تعديل الكود البرمجي للصفحة الموجودة بالفعل في ووردبريس.
الطريقة الثانية:
تتطلب استخدام إضافة مخصصة لتخصيص صفحة الخطأ، وعند استخدام أي من الطريقتين يمكنك إضافة العناصر التي ترغب فيها إلى صفحة الخطأ 404 في موقعك، مثل الصور والروابط وقوائم التنقل.
في الفقرات التالية سنشرح الطريقتين الأكثر شيوعًا لتعديل صفحات الخطأ في ووردبريس.
1. التعديل على صفحة الخطأ 404 وتصميمها باستخدام الإضافات تتوفر العديد من الإضافات المتخصصة التي تساعدك على تصميم وتخصيص صفحة الخطأ 404 في الووردبريس بطريقة سهلة للغاية وبدون الحاجة إلى التعديل على الكود البرمجي أو الكود المصدري لملفات قالب الووردبريس الذي تستخدمه في موقعك. تعد إضافة 404 page إحدى أشهر الإضافات المجانية التي تساعدك على تخصيص صفحة الخطأ في موقعك وتعيين أي صفحة تريدها لتظهر عوضًا عن صفحة الخطأ التقليدية في الموقع.
للحصول على تلك الإضافة يمكنك سنذهب إلى لوحة تحكم الووردبريس ثم خيار “الإضافات” ثم “أضف جديد“، وسنكتب في حقل البحث اسم الإضافة، وبعد ظهورها عليك تنصيبها ومن ثم تفعيلها، كما في الصورة التالية:
![]() |
صفحات الخطأ في ووردبريس |
بعد تنصيب الإضافة وتفعيلها على موقع، سننتقل إلى صفحة الإعدادات الخاصة بها عن طريقة لوحة تحكم الووردبريس كما في الصورة:
عندما نقوم بفتح صفحة الإعدادات الخاصة بالإضافة، سوف ستظهر لنا نافذة حينها سنضع داخل المربع اسم الصفحة الخاصة بالخطأ والتي نريد تخصيصها لتكون هي صفحة الخطأ 404 في الموقع، وبالتالي يمكنك الاختيار من الصفحات التي قد قمت بتصميمها مسبقاً.
عند فتح صفحة الإعدادات الخاصة بالإضافة، سيظهر لك مربع، سنضع في هذا المربع اسم صفحة الخطأ التي نريد تخصيصها لتكون هي صفحة الخطأ 404 في موقعك، وبالتأكيد يمكنك الاختيار من الصفحات التي قمت بتصميمها سابقًا، كما في الصورة:
وبإمكانك أيها القارئ الكريم أن تقوم بإنشاء صفحة جديدة داخل موقعك ثم تقوم بتعينها كصفحة لصفحة الخطأ 404 من داخل صفحة الاعدادات الخاصة بالإضافة يمكنك إتباع الخطوات التالية لإنشاء صفحة جديدة وتعيينها كصفحة خطأ 404 في موقعك عبر لوحة تحكم الووردبريس:
قم بتسجيل الدخول إلى لوحة تحكم الووردبريس الخاصة بموقعك.
انتقل إلى قائمة "صفحات" من القائمة الجانبية.
اختر "أضف جديد" لإنشاء صفحة جديدة.قم بإعطاء الصفحة عنوانًا مناسبًا، مثل "404" أو "خطأ 404".ابدأ في تصميم الصفحة حسب رغبتك، يمكنك إضافة العناصر المناسبة مثل العنوان والنص والصور والروابط.
بعد الانتهاء من تصميم الصفحة، انقر على زر "نشر" لحفظ التغييرات ونشر الصفحة.الآن، انتقل إلى قائمة "إعدادات" ثم "قراءة" في لوحة التحكم. في قسم "صفحة الخطأ 404"، اختر الصفحة التي أنشأتها من القائمة المنسدلة.
احفظ التغييرات.
بعد هذه الخطوات سيتم تعيين الصفحة الجديدة كصفحة خطأ 404 في موقعك. عندما يصادف زائر الموقع رابطًا غير صالح، سيتم عرض الصفحة التي أنشأتها بدلاً من صفحة الخطأ الافتراضية. يمكنك تخصيص التصميم والمحتوى لتناسب احتياجاتك ومتطلبات موقعك.
الصورة بالأعلى توضح صفحة بسيطة جدًا قمنا بتصميمها.
والأن سنذهب إلى صفحة الإعدادات الخاصة بالإضافة ثم نختار هذه الصفحة لتكون هي صفحة الخطأ 404 في الموقع، كما في الصورة أدناه:
وبعد حفظ التغييرات سيتم عرض محتوى هذه الصفحة في صفحة الخطأ 404 في موقعك:
إضافة Seedpord لتصميم صفحة الخطأ 404 بطريقة السحب والإفلاتتم تطوير إضافة Seedpord لتقديم ميزة فريدة عن الإضافات السابقة، حيث تمكنك من تصميم صفحة الخطأ باستخدام واجهة سهلة الاستخدام تعتمد على سحب وإسقاط العناصر، هذا يوفر لك مرونة أكبر في تخصيص مظهر الصفحة وتنظيم محتواها.
تتوفر إضافة Seedpord بنسختين:
1. النسخة المجانية:
2. النسخة المدفوعة:
التي توفر ميزات إضافية بالإضافة إلى قوالب جاهزة لصفحات الخطأ يمكنك اختيارها واستخدامها.
لتثبيت وتفعيل الإضافة، يجب عليك أولاً الوصول إلى لوحة التحكم في ووردبريس كما فعلنا في الإضافة السابقة، ثم اتباع الخطوات التالية:وبعد قيامك بعملية التنصيب وتفعيل الإضافة على موقعك، يمكنك استخدامها لتصميم صفحة الخطأ 404 بسهولة وبطريقة سحب وإفلات العناصر داخلها.
بعد الانتقال إلى صفحة الإضافات كما هو موضح في الصورة، يجب عليك التنقل إلى تبويب "القوالب". هناك ستجد خيارًا يحمل اسم "صفحة 404" ضمن الخيارات المتاحة، يجب العلم أن هذا الخيار متاح فقط في النسخة المدفوعة كما تم ذكره سابقًا. أما في النسخة المجانية، يمكنك النقر على خيار "قالب فارغ" لإنشاء صفحة الخطأ بنفسك.عند النقر على "قالب فارغ"، ستظهر لك نافذة تطلب منك إدخال اسم الصفحة التي ترغب في إنشائها، بالإضافة إلى الرابط الذي ترغب في تخصيصه للصفحة داخل موقعك.
بعد إدخال عنوان الصفحة وتعيين الرابط المرتبط بها، ستتم إعادة توجيهك إلى صفحة التصميم، من هناك يمكنك البدء في تخصيص صفحة الخطأ باستخدام واجهة السحب والإفلات المبسطة. الصورة المتحركة التالية توضح كيفية استخدام آلية السحب والإفلات لإضافة العناصر المختلفة إلى صفحة الخطأ الجديدة وتنسيقها بالشكل الذي ترغب فيه.
بعد الانتهاء من تصميم الصفحة وإضافة جميع العناصر المطلوبة مثل النصوص والأزرار والصور وغيرها، يجب عليك اتباع الخطوات التالية:
- انقر على زر "حفظ" لحفظ التغييرات التي أجريتها على صفحة الخطأ.
- بعد النقر على زر "حفظ"، ستظهر لك الخيارات الإضافية المتاحة.
- انقر على السهم الموجود بجوار زر "حفظ".
- ستظهر قائمة منسدلة. انقر على أيقونة "نشر" لنشر الصفحة.
- بعد نشر الصفحة، انتقل إلى صفحة إعدادات الإضافة.
- ابحث عن خيار يُعرف بـ "صفحة 404" وانقر عليه.
- في الحقل المشار إليه في الصورة، اكتب اسم الصفحة الجديدة التي قمت بتصميمها.
- احفظ التغييرات.
بهذه الطريقة، تم تعيين صفحة الخطأ الجديدة كصفحة الخطأ 404 في موقعك.
![]() |
صفحة الخطأ 404 |
بعد حفظ التغييرات وتعيين الصفحة الجديدة كصفحة الخطأ 404 في إعدادات الإضافة، ستتم نشر الصفحة الجديدة على أنها صفحة الخطأ في الموقع.
عندما يتم طلب صفحة غير موجودة أو غير متاحة، سيتم عرض الصفحة التي قمت بتصميمها بدلاً من الصفحة الافتراضية للخطأ 404، باستخدام هذه الطريقة البسيطة يمكنك بالفعل إنشاء تصميم أي صفحة خطأ ترغب فيها باستخدام ميزات الإضافة المجانية المتاحة لك. يمكنك تخصيص الصفحة وإضافة العناصر والنصوص والأزرار والصور وغيرها بسهولة وذلك باستخدام واجهة السحب والإفلات المبسطة التي توفرها الإضافة.
- بعد الانتهاء من تصميم الصفحة وإضافة جميع العناصر المطلوبة، مثل النصوص والأزرار والصور وغيرها، يمكنك البدء في حفظ التغييرات التي قمت بها.
- بعد الحفظ سيتم نشر الصفحة الجديدة على الموقع وستصبح صفحة الخطأ 404 الجديدة.
- لتعيين الصفحة الجديدة كصفحة الخطأ 404،يجب عليك اتباع الخطوات التالية:
- انتقل إلى صفحة إعدادات الإضافة المستخدمة لإنشاء صفحة الخطأ.
- بحث عن الخيار المسمى "صفحة 404" أو "صفحة الخطأ" في قائمة الإعدادات.
- انقر على هذا الخيار للوصول إلى إعداد صفحة الخطأ في هذه الصفحة، ستجد حقلًا يسمح لك بإدخال اسم الصفحة الجديدة التي قمت بتصميمها.
- اكتب اسم الصفحة الجديدة في هذا الحقل.احفظ التغييرات التي أجريتها.
- بعد حفظ التغييرات ستكون الصفحة الجديدة قد تم تعيينها كصفحة الخطأ 404 في الموقع الخاص بك. عندما يتم طلب صفحة غير موجودة، سيتم عرض الصفحة الجديدة التي قمت بتصميمها بدلاً من الصفحة الافتراضية للخطأ 404.
تجربة تصميم صفحة الخطأ 404 باستخدام seedpord
سنقوم الآن بتجربة تصميم صفحة الخطأ 404 باستخدام إضافة Seedpord في ووردبريس.
سنشرح لك كيفية إنشاء صفحة خطأ 404 احترافية تشبه تلك المستخدمة في المواقع الشهيرة، وذلك بشكل مجاني تمامًا دون الحاجة لشراء إضافات مدفوعة.
قبل أن نبدأ يفضل أن تلقي نظرة على بعض أمثلة صفحات الخطأ المستخدمة في بعض المواقع الشهيرة عندما يتم الوصول إلى رابط غير صالح أو غير موجود في تلك المواقع.
في الصورة التالية، ستجد صفحة الخطأ في موقع يوتيوب، وهي الصفحة التي يتم عرضها عند كتابة رابط غير صالح في يوتيوب.
نلاحظ أن الصفحة بسيطة وفعالة في تخفيف استياء الزائر الذي يصل إلى هذه الصفحة. تم وضع مربع بحث في يوتيوب، حيث يمكن للزائر أن يحاول البحث مرة أخرى داخل الموقع بدلاً من مغادرة صفحة الخطأ.
![]() |
صفحة الخطأ في الموقع الشهير Behance |
يمكننا ملاحظة أنه تمت إضافة روابط جذابة وملفتة في الموقع، والتي يمكن أن تلفت انتباه الزائر الذي يصل إلى صفحة الخطأ، وبالتالي، يمكنه النقر على أي من تلك الروابط المفيدة للعودة إلى تصفح الموقع مرة أخرى بشكل طبيعي بدلاً من مغادرته.
يمكنك الاستلهام من هذه الأمثلة وتطبيقها على تصميم صفحة الخطأ الخاصة بك باستخدام إضافة Seedpord في ووردبريس.
قم بإضافة روابط ملفتة وجذابة وتوجيه الزوار لاستكشاف المزيد من المحتوى في موقعك بدلاً من أن يغادروا الصفحة الخطأ، ومن خلال النماذج السابقة نلاحظ أن تصميم صفحة الخطأ يلعب دورًا حاسمًا في جذب انتباه الزائر ومساعدته على العودة إلى الموقع مرة أخرى.
وفي المقابل، الصورة التالية توضح مثالًا سيئًا لصفحة الخطأ في أحد المواقع، ويعتبر هذا التصميم غير مناسب لأنه يحتوي فقط على رسالة نصية تخبر الزائر بأنه وصل إلى صفحة غير موجودة أو رابط غير صالح في الموقع، ولكنها لا توفر أي روابط أخرى تساعد الزائر على العودة إلى تصفح الموقع مرة أخرى، وهذا يعني أنه في معظم الأحيان سيفقد الموقع هذا الزائر الثمين.
لذا يجب أن نولي اهتمامًا كبيرًا لتصميم صفحة الخطأ وجعلها ملفتة ومتنوعة، بحيث توفر خيارات للزائر للاستمرار في تصفح الموقع والعثور على محتوى ذو صلة، ويمكن أن تشمل هذه الخيارات روابط للصفحة الرئيسية، أقسام الموقع، صفحة البحث، أو حتى صفحات المقالات الشائعة.
![]() |
عذراً الصفحة غير متوفرة |
ويسعدنا أن نبدأ في تجربة تصميم صفحة الخطأ الجديدة والمناسبة لموقعنا، وسنركز على بعض العناصر الرئيسية والنصائح الذهبية. سنستخدم إضافة seedpord كما تم شرحها سابقًا.
لنبدأ بتصميم صفحة الخطأ، نحتاج إلى اختيار وتخصيص بعض العناصر المهمة. سنقوم بسحب وإفلات العناصر التالية في النمط الذي تم شرحه سابقًا:
- عنوان رئيسي في أعلى الصفحة سيخبر الزائر بأنه وصل إلى صفحة خطأ.
- سنضيف صورة تعبر عن الحزن لتشارك الزائر شعوره بالاستياء من وجود خطأ.
- سنضيف عنوان نصي يخبر الزائر بأنه لا يزال بإمكانه تصفح بعض الروابط والصفحات المفيدة.
- سنقوم بإضافة روابط لصفحات أو أقسام مفيدة داخل الموقع التي يمكن للزائر التوجه إليها بدلاً من مغادرة الموقع.
هناك العديد من العناصر التي يمكن إضافتها إلى صفحة الخطأ 404 لتحسين تجربة المستخدم وتوجيههم إلى محتوى مفيد. قد تشمل هذه العناصر:
عنوان رئيسي:
يمكنك استخدام عنوان جاذب وواضح ليخبر الزائر بأنه وصل إلى صفحة الخطأ.
صورة تعبيرية:
يمكنك استخدام صورة تعبر عن الحزن أو الإحباط لتشارك الزائر شعوره
نص توجيهي:
يمكنك إضافة نص يشجع الزائر على استكشاف المزيد من المحتوى أو استخدام خيارات أخرى.
روابط ذات صلة: يمكنك وضع روابط لصفحات مفيدة أو شائعة في الموقع، مثل الصفحة الرئيسية، أو صفحة المنتجات، أو صفحة الخدمات.
بحث:
يمكنك إضافة حقل بحث يسمح للزائر بالبحث عن المحتوى الذي يرغبون فيه على الموقع.
معلومات الاتصال:
إذا كان لديك معلومات الاتصال الرئيسية، مثل البريد الإلكتروني أو رقم الهاتف، يمكنك وضعها لتسهيل التواصل مع الزوار.
عندما يتّصل الزائر بصفحة الخطأ، يجب أن يشعر بالتوجيه والدعم، ويتمكن من العثور على المحتوى الذي يحتاجه. لذلك، قم بتخصيص صفحة الخطأ بطريقة تناسب نوع جمهورك وأهداف موقعك.
2. التعديل على صفحة الخطأ 404 بالطريقة اليدوية:
بإمكانك تعديل صفحة الخطأ يدويًا دون الحاجة لتثبيت إضافات إضافية، ولكن يجب أن تكون ملمًا ببعض لغات برمجة الويب مثل HTML و CSS و PHP وغيرها من الأكواد المستخدمة في تصميم صفحات الويب.
لتعديل صفحة الخطأ 404 في موقعك على ووردبريس، يتطلب الأمر الدخول إلى لوحة التحكم والملفات القالب المستخدمة في الموقع.
يمكنك الوصول إلى الكود الخاص بصفحة الخطأ 404 من خلال لوحة التحكم في ووردبريس، ثم الانتقال إلى "المظهر" ثم "محرر القوالب". ستظهر لك قائمة بالملفات القالب المختلفة المستخدمة في الموقع. يمكنك البحث عن صفحة الخطأ 404 وفتحها للتعديل.
تحتوي صفحة الخطأ 404 على كود HTML و CSS يحدد شكل وتنسيق الصفحة. يمكنك تعديل هذا الكود وتخصيصه وفقًا لتفضيلاتك. يمكنك أيضًا إضافة روابط أو محتوى إضافي لتوجيه الزوار إلى صفحات أخرى في الموقع.
ومع ذلك يجب أن تتأكد من القيام بنسخة احتياطية للملفات قبل إجراء أي تعديلات، حتى تتمكن من استعادتها في حالة وجود أي خطأ.
يمكنك الدخول إلى الكود البرمجي الخاص بصفحة الخطأ عن طريق لوحة تحكم الووردبريس ثم “المظهر” ثم “محرر القوالب”، وستظهر لك الكثير من الصفحات البرمجية للقالب المستخدم. ستجد من بينها صفحة الخطأ 404، نلاحظ في الصورة السابقة شكل صفحة الأكواد المستخدمة لعرض رسالة الخطأ 404 أمام زوار موقعك. يمكنك تعديلها كما تشاء، طبعاً إذا كانت لديك المعرفة البرمجية والخبرة الكافية في التعامل مع أكواد قوالب ووردبريس.
يمكننا كتابة كود برمجي صغير وبسيط جداً باستخدام لغة PHP لطباعة جملة "الزائر الكريم، عفواً، هذا الرابط غير متوفر في الموقع". ستكون صيغة الكود البرمجي كالتالي:
phpecho "الزائر الكريم، عفواً، هذا الرابط غير متوفر في الموقع";
في هذا الكود، نستخدم دالة echo لطباعة النص والعبارة على الشاشة بحيث يجب وضع أي كود برمجي قبل علامة الإغلاق الخاصة بلغة PHP المشار إليها في الصورة.
يجب ملاحظة أنه يجب عليك فهم أساسيات البرمجة ولغات الويب المذكورة وأن تكون ملمًا بشكل جيد بقوالب ووردبريس قبل القيام بتعديلات على الأكواد البرمجية، سيتم كتابة الكود باستخدام الدالة echo وهي تستخدم لطباعة النصوص والعناصر على الشاشة. ويجب أن يتم كتابة أي كود قبل وسم الإغلاق الخاص بلغة php المشار إليه.
نلاحظ في الكود السابق استخدام الدالة get_header()، وهذه الدالة مسؤولة عن عرض وظهور الهيدر والجزء العلوي من الموقع، والذي يتضمن عادة الشعار وقائمة التنقل العلوية في الموقع.بعد إضافة تلك الأكواد، ستكون صفحة الخطأ في الموقع بهذا الشكل.
بوساطة مهاراتك البرمجية، يمكنك تخصيص صفحة الخطأ 404 في موقع ووردبريس الخاص بك بتصميم مبتكر وجذاب. حيث يمكن تطبيق هذه الطريقة إذا كانت لديك بعض المهارات في البرمجة.
إن تصميم صفحة الخطأ 404 بشكل ملفت وجذاب يعتبر أمرًا جوهريًا لكسب ثقة الزائر وجذب انتباهه إلى موقعك. يمكنك تنفيذ الخطوات التالية لتصميم صفحة خطأ 404 احترافية وملفتة للأنظار داخل موقعك على ووردبريس:أنشئ ملف php جديد بالاسم "404.php" في مجلد القالب الخاص بموقعك في ووردبريس.
ابدأ في كتابة الأكواد اللازمة لتصميم صفحة الخطأ. يمكنك استخدام لغات الويب مثل HTML وCSS لإنشاء تخطيط وتنسيق جذاب للصفحة.
يمكنك أيضًا استخدام JavaScript لإضافة تفاعلية إضافية. قم بتخصيص الرسالة الخطأ لتكون واضحة ومفهومة للزائر، وأضف رمز أو صورة تعبيرية توضح الخطأ. ضع روابط مفيدة وملائمة للزائر على الصفحة، مثل روابط للصفحة الرئيسية، صفحات المحتوى الشائعة، نموذج للاتصال، أو أي صفحات أخرى ذات صلة.
استخدم المتغيرات والدوال المتاحة في ووردبريس لإدراج المحتوى الديناميكي والروابط داخل قالب الصفحة، على سبيل المثال يمكنك استخدام الدالة "get_permalink()" للحصول على رابط لصفحة معينة في الموقع. قم بحفظ الملف وتحديث التغييرات. اختبر صفحة الخطأ 404 الجديدة عن طريق إدخال عنوان URL غير صحيح في الموقع وتأكد من ظهور التصميم الجديد والروابط المفيدة.
نتشرف بتعليقاتكم ووضع آرائكم