تصميم صفحة المجموعة

1. تصميم صفحة المجموعة

   صايب صفحة الواجهة ديال هاد مجموعة الخدمات بالسحب والإفلات ومعاينة مباشرة. رابط Open page كيعرض الصفحة المنشورة فتاب جديد. هاد الجولة كدوز بك على كل أداة.

2. ديسكتوب ولا موبايل

   بدّل المعاينة بين عرض ديسكتوب 1280px وكادر ديال تيليفون 390px باش تشيك على الجوج ديال التخطيطات.

3. عاود حمّل المعاينة

   كيعاود يحمّل صفحة المعاينة. التغييرات اللي ما تحافظاتش كيتصيفطو ليها من جديد، وما كيضيع والو.

4. رجّع (المحفوظ)

   من بعد ما كتأكّد، كتولي الصفحة للحالة قبل آخر حفظ ولا template؛ إلا شغّلتو مرة أخرى كيرجّع التبديل. كيتعطّل إلا ما كان حتى تصميم من قبل.

5. تراجع

   كيرجع بك خطوة بخطوة فالتعديلات اللي ما تحافظاتش، حتى لـ 40 خطوة. Ctrl+Z ولا Cmd+Z كيدير نفس الشي إلا ما كنتش كتكتب فشي خانة.

6. حفظ

   ما كيتنشر حتى شي حاجة حتى كتكليكّي على حفظ، اللي كيسجّل تصميم الصفحة كامل دفعة وحدة.

7. خبي لوحة الأدوات

   كتخبي لوحة الإعدادات والشريط ديال الأيقونات باش تشوف معاينة بعرض كامل. كليكي عليها مرة أخرى باش ترجعهم.

8. ليستة الأقسام

   أقسام الصفحة بالترتيب. كليكي على شي واحد باش تحددو وتهبط المعاينة ليه؛ ومنين كتدوز عليه تقدّر تطلعو الفوق ولا تهبطو لتحت، استعمل العين باش تخبيه ولا تبانو، والزّر اللي لتحت باش تزيد قسم.

9. معاينة مباشرة

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

10. لوحة الإعدادات

    كتبيّن الإعدادات ديال التاب المختار فالشريط ديال الأيقونات. إلا كان المتجر ديالك فيه كثر من لغة، الأيقونة اللي فوق التاب كتعاونك تترجم النصوص ديالو.

11. Hero

    البانر اللي ففوق ديال الصفحة. إلا شعلتي Hero مخصص، تقدر تضبط العنوان، الساب تايتل، البادج، الصورة والزر ديالو؛ الأنيميشن والدكور المحيط خدامين فالحالتين. إلا كان طافي، كيبانو اسم المجموعة وخلاصة الثمن.

12. الأقسام

    زِد، بدّل الترتيب وبدّل المحتوى ديال الأقسام بحال المزايا، FAQ، گاليري، التسعير، الشهادات، فورم ديال الاتصال ولا خريطة، وكل واحد عندو الستايل ديالو. Starter templates كيعوّضو الأقسام مرّة وحدة وكيخليو الـHero، المنتجات وCTA.

13. المنتجات

    ختار كيفاش يبانُو خدمات المجموعة (grid، table ولا tiles) وجرّهم فالترتيب اللي بغيتي فالصفحة.

14. CTA

    البار ديال call-to-action قرب نهاية الصفحة. إلا شعلتي CTA مخصص، تقدر تضبط العنوان، الساب تايتل، الليبيل ديال الزر والرابط؛ إلا كان طافي، كيبان البار الافتراضي Get started.

15. SEO

    عنوان الصفحة وmeta description اللي كيبانو فمحركات البحث، حتى لـ 160 و320 كاراكتر. إلا خليتيهم خاويين، كيتستعملو نصوص افتراضية.