المشكلة
Corso Italia News مجلة إلكترونية للأخبار والثقافة في إقليم كامبانيا، فيها أقسام لنابولي وساليرنو وكازيرتا وأفيلينو وبينيفينتو. وهي صحيفة حية بأرشيف يتجاوز 11,800 مقال. ومع مرور السنوات انحرفت الصفحة الرئيسية عن مسارها: كتل تعرض أخبارًا من 2013 و2015 بجوار أخبار اليوم، وأقسام كثيرة بلا مكان في القائمة، وكل مقال يجب مشاركته على Facebook يدويًا. كما طلب فريق التحرير تصميمًا جديدًا أكثر وضوحًا.
ما الذي بنيته
مجموعة إصلاحات مركّزة على الموقع الحي، وقالبًا جديدًا جُهّز على نسخة تجريبية منفصلة.
- تدقيق الصفحة الرئيسية: فحصتُ كل كتلة في منشئ الصفحات، فوجدتُ أن نحو 13 من أصل 15 لم تكن مرتبة من الأحدث إلى الأقدم. ووثّقتُ كل واحدة وطريقة إصلاحها مع الإبقاء على فئتها.
- شريط أقسام ثانٍ: إضافة صغيرة تضيف شريط قائمة ثانيًا أسفل الشريط الرئيسي، فتتسع لكل الأقسام دون المساس بالقالب.
- منشورات Facebook آلية: إضافة تنشر كل مقال جديد مع صورته على صفحة الصحيفة في Facebook عبر Meta Graph API. وفيها لوحة إعدادات، وقالب رسالة يضم العنوان والمقتطف والرابط، ودليل خطوة بخطوة لإنشاء تطبيق Meta.
- قالب جديد، Corso Italia News 2026: قالب مخصص بخبر رئيسي كبير وثلاث بطاقات جانبية، تليها آخر الأخبار والمواد المعمقة والفيديو. ويضم الشريط الجانبي الأكثر قراءة والاشتراك في النشرة البريدية ومربعًا ترويجيًا، مع تذييل داكن.
- طقس مباشر: يعرض رأس الصفحة حالة الطقس عبر Open-Meteo الذي لا يحتاج إلى مفتاح API، وتُحدد المدينة من Customizer.
- نماذج القراء: نموذج «أرسل لنا خبرًا» بتصميم جديد، ونموذج للنشرة البريدية، ونموذج تواصل.
التقنيات المستخدمة
WordPress، وقالب Newsmag مع منشئ صفحات tagDiv على الموقع الحي، وقالب مخصص لإعادة التصميم، وContact Form 7 وMeta Graph API وOpen-Meteo وGoogle Fonts (Playfair Display وInter) وسكربتات WP-CLI لتغييرات قابلة للتكرار.
لماذا بهذه الطريقة
طلب العميل تنفيذ التصميم الجديد مباشرة على الموقع الحي، لكنني بنيته على نسخة تجريبية وكتبتُ قائمة تحقق للإطلاق. فمع أكثر من 11,800 مقال، قد تؤدي إعادة التصميم على الموقع الحي إلى الإضرار بترتيب البحث والروابط المنشورة على Facebook وGoogle وخلاصات RSS والنشرات البريدية السابقة.
