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