بدأنا قبل يوم تعليمي على موضوع ديفي. إذا كنت بحاجة إلى معرفة ما هو عليه ، يمكنك قراءة هذا البرنامج التعليمي.
دروس أخرى في موضوع Divi
- المواقع 5 للاستخدام مطعم ديفي موضوع
- كيفية إضافة نص على ديفي المنتج WooCommerce
- كيفية تغيير لون القائمة بين الصفحات على ديفي
- الميزات التي لا تعرفها عن Divi
- كيفية إنشاء شريط التمرير على ديفي
- كيفية تحرير دور المستخدم على Divi
ما قلناه في البرنامج التعليمي السابق الخاص بنا والذي سأقوله مرة أخرى هنا هو أن Divi هو موضوع متعدد الاستخدامات (متعددة الأغراض) ، والتي يمكن استخدامها لإنشاء أي نوع من السمات. في هذا البرنامج التعليمي الجديد ، سنعطيك بعض الإلهام من خلال إظهار ما فعله بعض مالكي مواقع الويب باستخدام Divi لإنشاء موقع لمطعمهم.
تشتهر مواقع المطاعم بتصميمها الأنيق. بفضل استخدام الألوان والخطوط والصور وقوائم الطعام وأنظمة الحجز، وحتى خدمات مثل خدمات الطعام، لطالما احتاجت المطاعم إلى موقع ويب جذاب. آمل أن تُدركوا إمكانيات Divi.
1 - توني روما
توني روماس لديه صورة ملء الشاشة مع CTA (دعوة للعمل) في المنظر المختلف. عند التمرير، يظهر قسم مظلل بثلاث فئات قابلة للنقر. أسفله، ستجد قسمًا بعنوان "حول" يحتوي على معلومات المطعم. تُعرض المواقع على صفحات منفصلة مع معلومات الاتصال، وساعات العمل، وخريطة، وأزرار لعرض القائمة، وزر لخدمة التوصيل. قوائم الطعام قابلة للتنزيل بصيغة PDF. توفر صفحة الحجز معلومات الاتصال لكل موقع. يستغل الموقع الألوان وصور الخلفية بشكل ممتاز.
2 - بيتزا توتا
Tutta بيتزا عرض صورة بملء الشاشة مع الشعار في قسم المنظر مع دعوة إلى العمل اطلب الآن في القائمة، التي تظهر على خلفية تختفي عند التمرير. يلي ذلك قسم بخلفية وتراكب متغيري المنظر، وأيقونات قوائم مع رسوم متحركة، وخلاصة إنستغرام، وحدث دعوة لاتخاذ إجراء، ونموذج اتصال. تُعرض القائمة كصور ونصوص مع رابط لنظام طلب عبر الإنترنت. يستخدم الموقع أنماط خلفيات مميزة في علامته التجارية.
3 - كاسا دوريتا
كازا Dorita يعرض صورةً بملء الشاشة مع الشعار والشعار الرئيسي وزر الحجز (CTA) في خلفيةٍ مُتغايرة. يُقدم القسم التالي معلوماتٍ عن الطعام مع رابطٍ لقائمة الطعام. بعد ذلك، سترى شريط تمرير صورٍ مع رسومٍ توضيحية، وقسمًا مُقسّمًا بمعلومات مُتغايرة، و" تخصص اليوم مع الحجز (الذي يستخدم نظام الحجز متكاملعند تحريك مؤشر الماوس فوق الصورة بملء الشاشة، ستظهر لك قائمة الطعام، والعديد من الأقسام الأخرى على خلفية متوازية، مع مزيد من المعلومات حول قائمة الطعام، ومعلومات موقعها على الخريطة، ونموذج الاتصال. القائمة متاحة للتحميل بصيغة PDF. يتميز الموقع باستخدامه الجيد للألوان والخطوط.
4 - المكسيكي
يستخدم المطعم المكسيكي تصميمًا من صفحة واحدة. يعرض خلفية كاملة العرض مع زر للحث على اتخاذ إجراء، وشريط تمرير للأصناف، وقسمًا يحتوي على روابط لعناصر القائمة (بالنقر عليها ستُفتح صورة أكبر)، وقسمًا للعلامة التجارية، ونموذج اتصال على الخريطة. القائمة عبارة عن نظام طلب تفاعلي يُعرض في نافذة نموذجية. تتضمن القائمة أقسامًا قابلة للنقر لإضافة أصناف إلى سلة التسوق، بالإضافة إلى العديد من صور الأطباق. إنه أحد أكثر أنظمة قوائم الطعام إثارة للاهتمام التي رأيتها.
5 - مزارع ميندوسينو
مزارع ميندوسينو يعرض شريط تمرير مقال بملء الشاشة مع قوائم التنقل المقابلة. تتضمن القوائم CTAs. تعرض القائمة المنسدلة الرموز والنصوص المطابقة لصورة العلامة التجارية. أثناء قيامك بالتمرير لأسفل الصفحة ، سيعرض شعارًا وثلاث مقالات حول الشركة مع تحريك الماوس. تعرض قائمة الطعام رابطًا إلى إصدار PDF متبوعًا بالإصدار عبر الإنترنت الذي يعرض القائمة مع الفئات والصورة وعناصر القائمة والأسعار. تصميم القائمة هو أحد أفضل ما رأيته. تبدو صفحة المواضع مثل صفحة مدونة بها المواضع التي تقدم نفسها كمشاركات. تتضمن المقالات الخاصة بالمواقع شريط تمرير للصور ، ومراجعات ، ومعلومات عن مواقف السيارات ، وخريطة.
لتلخيص
قد تلاحظ أن هناك العديد من الاحتمالات التي يتم تقديمها لك مع Divi. مع الكثير من الممارسات ، ستأتي بمواقع جيدة جدًا. سنقوم بإدخال المزيد من التفاصيل مع برامج تعليمية محددة.