📝 دليل إدارة المحتوى في Strapi CMS
يتيح لك Strapi 5 التحكم في كافة جوانب محتوى المتجر، من تخطيط الصفحة الرئيسية إلى ترجمة متغيرات المنتجات وضبط ألوان العلامة التجارية دون أي تعديل في الكود.
1. فهم بنية المحتوى في Strapi
في القائمة الجانبية تحت Content Manager، ستجد نوعين رئيسيين من هياكل البيانات:
الأنواع الفردية (Single Types)
هي صفحات أو عناصر تحتوي على نسخة واحدة فقط على مستوى المتجر بالكامل.
- Homepage: محتوى وتخطيط الصفحة الرئيسية للمتجر.
- Storefront Setting: الإعدادات العامة للمتجر (الألوان، الترويسة، والتذييل).
أنواع المجموعات (Collection Types)
هي عناصر يمكن تكرارها وإنشاء عدد غير محدود منها داخل النظام.
- Banners: لافتات العروض الترويجية والإعلانات.
- Articles: مقالات المدونة والمحتوى الإخباري.
2. إعدادات المتجر العامة
لتعديل المظهر العام للمتجر، انتقل إلى Storefront Setting تحت قسم Single Types.
- تحويل الأسعار إلى التومان (convertToToman): عند تفعيل هذا الخيار، يتم عرض الأسعار بالتومان مع حذف الصفر الأخير تلقائياً للريال.
- الاتجاه راستچین (isRtl): يتحكم في اتجاه واجهة المتجر للغات التي تكتب من اليمين إلى اليسار مثل العربية والفارسية.
- الإعدادات المعيارية (Dynamic Styling): تغيير لوحة الألوان الأساسية، خطوط النصوص، وروابط التواصل الاجتماعي فورياً.
3. ترجمة متغيرات وخيارات المنتجات (Dictionary Entries)
عندما تقوم بتعريف خيارات المنتج (مثل Color أو Size) في لوحة Medusa، يمكنك استخدام قسم Strapi Dictionary لعرض هذه الكلمات باللغة العربية أو لغات أخرى في المتجر.
🌐 كيفية تعريف ترجمة جديدة
- من القائمة الجانبية تحت Collection Types، انقر على Dictionary Entries.
- انقر على زر Create new entry.
- في حقل Key، أدخل الكلمة الإنجليزية تماماً كما تم تعريفها في Medusa (مثل:
RedأوXL). - في حقل Value، أدخل الترجمة المناسبة للغة المطلوبة (مثل:
أحمرأوكبير جداً). - انقر على Save ثم Publish لتظهر الترجمة فورياً في الواجهة.
- انقر Publish لتحديث قاموس المصطلحات فورياً في واجهة المتجر.
4. بناء وتعديل الصفحة الرئيسية باستخدام Dynamic Zones
الصفحة الرئيسية غير مقيدة بتصميم ثابت؛ بل يمكنك ترتيب كتل مختلفة كقطع بازل. لإضافة كتلة جديدة، اتبع الخطوات التالية:
1أولاً، أنشئ محتوى الكتلة في Collection Types
قبل إضافة الكتلة إلى الصفحة الرئيسية، أنشئ محتواها في قسم Collection Types. يرتبط كل نوع قسم بمصدر بيانات محدد:
- إذا كنت تريد إضافة لافتة إعلانية، أنشئ البانر أولاً في Banners.
- إذا كنت تريد إضافة مدونة، أنشئ المقالات أولاً في Articles.
- تُجلب كتل المنتجات المميزة تلقائياً من محرك Medusa.
- اختر كتلة Hero وحدد النمط المفضل (style-1, style-2, style-3).
- أدخل العناوين، الروابط، وصور الخلفية.
يمكنك إضافة عدد غير محدود من الكتل وتغيير ترتيبها بالسحب والإفلات.
2ثانياً، أضف الكتلة إلى Homepage
- انقر على زر Add an entry to Sections.
- اختر نوع الكتلة المطلوب من القائمة (مثل Banner Grid أو Featured Products).
- املأ إعدادات الكتلة واربطها بالمحتوى الذي أنشأته في الخطوة الأولى.
- تعديل تفاصيل كتلة استعراض المنتجات وفلترة المجموعة.
- تحديد عدد المنتجات المعروضة في الشاشة الواحدة.
3ثالثاً، حفظ ونشر التغييرات
- معاينة التغييرات في بيئة العمل قبل اعتمادها.
- التأكد من تناسق النصوص والصور على الشاشات المختلفة.
- النقر على Publish لإطلاق التحديثات في الحال.
4مراقبة التحديث التلقائي للكاش (Revalidation)
- يرسل Strapi إشارة Webhook فورية إلى Next.js.
- يقوم Next.js بحذف وسوم الكاش القديمة في أجزاء من الثانية.
- يشاهد الزوار الصفحة المحدثة في أول زيارة لاحقة.
نصيحة لتسريع العمل في Strapi
لوحة تحكم Strapi CMS المتطورة
صلاحيات المديرين والمحررين
يمكنك تحديد صلاحيات دقيقة لكل دور لمنع التعديل غير المصرح به على الأقسام الرئيسية.
المعاينة الحية والتحديث الفوري
يمكنك تجهيز محتوى الصفحات والكتل ومراجعتها كمسودة قبل نشرها للجمهور بنقرة زر واحدة.
عند الضغط على Publish في Strapi، يرسل النظام إشعار Revalidation لتحديث الواجهة فورياً دون تأخير.
الأدلة المتخصصة لتوسيع النظام
استكشف الأدلة التفصيلية للكتل المعيارية وإعدادات الهوية البصرية المتقدمة.
دليل الكتل المعيارية
تعرف على كيفية إنشاء كتل جديدة وتوسيع مكتبة المكونات وربطها مع Next.js 16.
فتح دليل الكتلدليل الإعدادات العامة
شرح كامل لكافة حقول وخيارات لوحة Storefront Setting وتخصيص العلامة التجارية.
فتح دليل الإعدادات