أفضل 10 دروس ديفي لعام 2019

كان هذا العام أكبر عام لنا على الإطلاق لمحتوى Divi على مدونة Elegant Themes. لقد نشرنا مئات المنشورات بما في ذلك بعض من أفضل البرامج التعليمية لدينا على الإطلاق. في هذا المنشور ، كنت أرغب في اغتنام الفرصة لتسليط الضوء على العمل الممتاز لفريق التحرير لدينا من خلال تسليط الضوء على أكثر عشرة دروس (الأكثر زيارة خلال العام) Divi التعليمية. وبالطبع لتذكيركم جميعًا ، المجتمع ، بعدد قليل من أفضل موارد Divi الموجودة تحت تصرفكم.

أفضل 10 دروس ديفي لعام 2019

1. الدليل النهائي لتسريع موقع Divi الخاص بك

في الواقع ، لدى Divi الكثير من تحسينات الأداء التي تمت إضافتها في التحديثات السابقة التي جعلت مواقع Divi (و Divi Builder) تعمل بشكل أسرع من أي وقت مضى. بالإضافة إلى ذلك ، تم تصميم Divi مع وضع تحسين الطرف الثالث في الاعتبار. يمكن أيضًا استخدام العديد من المكونات الإضافية لتحسين الأداء المستخدمة في WordPress لتعزيز أداء السرعة لموقع Divi الخاص بك.

في هذا المنشور ، سنستكشف ما تم فعله بالفعل لتسريع Divi وما يمكننا القيام به لجعله أسرع.

اقرأ هذا المنشور

2. كيفية إنشاء موقع متعدد اللغات باستخدام Divi أو Extra و WPML

يعد إنشاء موقع ويب متعدد اللغات باستخدام Divi و Extra أمرًا سهلاً. كلا من WPML جاهز ، مما يعني أنه يمكنك إنشاء موقع متعدد اللغات باستخدام Divi و Extra. قام WPML بإجراء تغييرات تعمل على تحسين التوافق مع Divi و Extra وإضافة ميزات تجعل من السهل ترجمة موقع الويب الخاص بك. في هذه المقالة ، سنرى كيفية إنشاء موقع ويب متعدد اللغات باستخدام Divi أو Extra و WPML.

اقرأ هذا المنشور

3. 5 أنماط وحدة رأس Divi الإبداعية التي يمكنك تحقيقها باستخدام الإعدادات المضمنة

من خارج الصندوق ، يمكن لوحدة Divi Header Module إنشاء تصميمات رأسية مذهلة مع بعض التعديلات فقط. هذا يجعلها وحدة شائعة للغاية عند تصميم رؤوس لموقع الويب الخاص بك في Divi. وبقليل من التفكير خارج الصندوق ، يمكنك إنشاء بعض التصميمات الفريدة حقًا باستخدام الإعدادات المضمنة فقط (بدون CSS مخصص). لذلك بالنسبة لأولئك منكم الذين يرغبون في استكشاف بعض تصميمات الرأس الجديدة ، سأعرض لك 5 أنماط من أنماط وحدة رأس Divi التي قد تلهمك.

اقرأ هذا المنشور

4. تغيير عدد الأعمدة في وحدة معرض Divi عند نقاط توقف مختلفة

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

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

سيعمل هذا الإعداد الافتراضي عادةً في معظم الحالات ، ولكن في بعض الأحيان قد تحتاج إلى مزيد من التحكم في عدد الأعمدة المعروضة على عروض متصفح معينة. لهذا السبب في هذا البرنامج التعليمي ، سوف نوضح لك كيفية التحكم الكامل في عدد الأعمدة المعروضة في Divi Gallery Module ليس فقط لسطح المكتب ، ولكن أيضًا لثلاث نقاط توقف إضافية للمتصفح.

اقرأ هذا المنشور

5. كيفية إنشاء رأس عام مخصص باستخدام منشئ سمات Divi

الآن بعد أن أصبح Theme Builder هنا ، لا يمكننا الانتظار للغوص في البرامج التعليمية الجديدة التي ستساعدك في إعداد موقع الويب الخاص بك من الألف إلى الياء. وهذا يشمل إنشاء رؤوس مخصصة باستخدام خيار Divi المدمج. في هذا البرنامج التعليمي ، سنركز على إنشاء رأس عالمي باستخدام Divi's Theme Builder. سيظهر رأس عام في كل مكان على موقع الويب الخاص بك إلا إذا قمت بتعيين عنوان مختلف لتلك الصفحة أو المنشور.

اقرأ هذا المنشور

6. كيفية إنشاء بطاقات الوجه مع أي وحدة في Divi بدون البرنامج المساعد

تعد بطاقات Flip Card طريقة ممتعة للمستخدمين للتفاعل مع موقع الويب الخاص بك. فهو لا يوفر رسومًا متحركة رائعة للقلب فحسب ، بل يتيح لك أيضًا تقديم معلومات إضافية في موقع واحد موجز. في هذا البرنامج التعليمي ، سأوضح لك كيفية تحويل Divi Modules إلى بطاقات فليب دون استخدام مكون إضافي! باستخدام هذه الطريقة ، ستتمكن من استخدام وحدة Divi كواجهة أمامية للبطاقة ووحدة Divi أخرى كظهر البطاقة. يمكنك حتى تصميم كل وحدة (أمامية وخلفية) كما تحب باستخدام أداة divi builder. يتم إنجاز الوظيفة من خلال بضع مقتطفات من CSS (بدون مسج).

اقرأ هذا المنشور

7. طرق بسيطة ومبتكرة لعرض شعارات الشركة في Divi

هناك العديد من الأسباب لعرض شعارات الشركة على موقع الويب الخاص بك. يمكن أن يكون لقسم "المميز في" من شعارات الشركة نفوذًا للمستثمرين أو الشركاء المحتملين. أو يمكن أن ينشئ قسم "يشمل عملاؤنا" دليلًا اجتماعيًا قيمًا مع الزائرين. ولكن مهما كان السبب ، من المهم معرفة كيفية إضافة هذه الشعارات إلى موقع الويب الخاص بك. في هذا البرنامج التعليمي ، سأنتقل إلى ثلاث طرق مختلفة لإضافة شعارات الشركة إلى موقع الويب الخاص بك باستخدام Divi. سأوضح لك حتى كيفية إضافة معارض الشعارات إلى أي وحدة Divi!

اقرأ هذا المنشور

8. 5 طرق رائعة يمكنك تصميم وحدة شهادة ديفي

الشيء الوحيد الذي يبحث عنه الزوار دائمًا على موقع الويب هو الشهادات. إنها تمثل المصداقية وتؤثر على العملاء المحتملين لعملية اتخاذ القرار أو العملاء المحتملين عند زيارة موقع الويب الخاص بك. إلى جانب التأكد من أن لديك شهادات قوية لمشاركتها ، فإن جعلها جذابة بصريًا يلعب دورًا مهمًا أيضًا. في هذا المنشور ، سنعرض لك 5 طرق رائعة يمكنك من خلالها تصميم وحدة Divi Testimonial أثناء استخدام الخيارات المضمنة فقط.

اقرأ هذا المنشور

9. كيفية تخصيص شريط التمرير Divi لتغيير عناصر محددة مع كل شريحة

نعلم جميعًا أن أشرطة التمرير رائعة لتعظيم قسم الجزء المرئي من موقع الويب الخاص بك. انهم عظماء! يتم الترحيب بالمستخدمين من خلال العديد من عبارات الحث على اتخاذ إجراء والميزات المهمة التي تنزلق إلى العرض دون الحاجة إلى التمرير لأسفل الصفحة. ولكن في بعض الأحيان ، قد يؤدي التغيير الكبير في التصميم والمحتوى من شريحة إلى أخرى إلى تشتيت انتباه الزائرين أو إرباكهم. لهذا السبب في هذا البرنامج التعليمي ، سأوضح لك كيفية تخصيص شريط تمرير Divi لتغيير عناصر محددة فقط مع كل انتقال للشريحة. يتيح لك ذلك الحفاظ على اتساق المحتوى الأساسي ومكونات التصميم لشريط التمرير أثناء تغيير عنصر معين فقط (مثل كلمة واحدة أو زر) مع كل شريحة. سيتمكن الزائرون من معالجة التغيير بسهولة وفهم العبارة التي تحث المستخدم على اتخاذ إجراء بشكل واضح.

اقرأ هذا المنشور

10. كيفية إنشاء شريط تمرير معرض الصور المخصص في Divi

نعلم جميعًا أن أشرطة التمرير رائعة لجذب المستخدمين بالخدمات أو المنتجات أو الصفحات المميزة في مكان واحد مناسب في الجزء المرئي من الصفحة. تحتاج بعض المواقع (أفكر في المصورين) إلى إبراز واحد أو أكثر من معارض الصور الخاصة بهم على الصفحة الرئيسية. قد يكون استخدام شريط التمرير لهذا خيارًا جيدًا. ومع ذلك ، ربما لم تفكر في عرض معرض الصور الخاص بك في شريط تمرير مثل هذا تمامًا.

في هذا البرنامج التعليمي ، سأوضح لك طريقة سهلة لتضمين معارض صور Divi في الشرائح الخاصة بك لإنشاء شريط تمرير معرض صور مخصص بالكامل في Divi. الحيلة هي إنشاء معرض صور WordPress في منطقة المحتوى في شريط التمرير. ثم تحتاج فقط إلى التأكد وتحديد خيار استخدام معرض Divi بدلاً من نمط معرض WordPress الافتراضي. انها سهلة للغاية وممتعة في التنفيذ.

اقرأ هذا المنشور

ختاما

تعتمد أنواع محتوى Divi التي نركز عليها كل عام إلى حد كبير على الميزات الجديدة التي يتم إصدارها. نشعر أنه من الأفضل تكملة إصدارات الميزات الجديدة بالكثير من البرامج التعليمية الجديدة التي تعلم الناس كيفية استخدامها وحتى دفع هذه الميزات إلى أقصى حدودها بطرق مثيرة للاهتمام. ومع ذلك ، فإن هذا النهج يعني أننا نقفز كثيرًا وربما تركنا بعض الموضوعات غير المغطاة. لذلك إذا كان لديك طلب تعليمي Divi يمكننا معالجته من أجلك في العام الجديد ، فيرجى مشاركته أدناه في قسم التعليقات وسنضيفه إلى قائمة الانتظار!

صورة مميزة عبر hobbit / shutterstock.com