تسليط الضوء على البرنامج المساعد Divi: Divi Essential

Divi Essential هو مكون إضافي تابع لجهة خارجية لـ Divi يضيف أكثر من 60 وحدة نمطية جديدة إلى Divi Builder. تتضمن الوحدات الكثير من الرسوم المتحركة وميزات التصميم لإضفاء مظهر احترافي على موقع Divi الخاص بك. في تسليط الضوء على هذا المكون الإضافي ، سنلقي نظرة على Divi Essential ونرى أنواع الوحدات النمطية الموجودة بها لمساعدتك في تحديد ما إذا كان هو المكون الإضافي المناسب لاحتياجات Divi الخاصة بك.

وحدات ديفي الأساسية

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

التالي 3D Cube Slider

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

الدعاية التالية

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

زر' التالي

يعمل الزر التالي مثل الزر القياسي ولكنه يحتوي على الكثير من إعدادات التمرير. حدد أحجامًا وألوانًا ورسومًا متحركة مختلفة للألوان والحدود والرمز.

الصورة الدائرية التالية

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

التالي Coverflow Slider

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

مراجعة ديفي المقبل

يمكن استخدام Divi Review كوحدة شخصية وكوحدة مراجعة للمنتج. ستعمل هذه الوحدة بشكل جيد عند مراجعة الخدمات وتقييمها. يتضمن صورة ونظام تصنيف ونصًا بالاسم والموضع والوصف. لها حدود وظل مربع بشكل افتراضي.

المقسم التالي

Next Divider يتيح لك فاصلًا بأيقونة أو صورة ثم نمط العناصر الفردية. اختر موضع الصورة ، وغيّر حجم الحاجز ، واضبط اللون ، والفجوة ، وما إلى ذلك. يعد هذا خيارًا جيدًا لإظهار مؤلف المقالة ، وعضو الفريق ، والمنتج ، وغير ذلك الكثير. لقد أضفت صورة وقمت بزيادة العرض في هذا المثال.

الزر المزدوج التالي

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

قائمة الميزات التالية

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

الصورة التالية مربع تحوم

يعرض Image Hover Box صورة ثم يستبدل الصورة عند التحويم بتراكب خلفية وعنوان ومحتوى. يمكنك إضافة أي شيء إلى المحتوى الذي تريده وتصميم كل عنصر من العناصر. اختر من بين 13 تأثير تحوم و 4 اتجاهات. الرسوم المتحركة مثيرة للاهتمام. يمكن للصور الدوران والوجه والتدوير والتكبير وغير ذلك.

تأثير أيقونة الصورة التالية

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

انتقل إلى الصورة التالية

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

معرض البناء التالي

يعرض معرض Masonry معرضًا في شبكة. يتم تغيير حجم كل صورة لتلائم الشبكة. يمكنك تعيين عدد الأعمدة وعرض الحضيض وإضافة حدود للصور وتخصيص التراكبات وتصميمها كأي صورة. النقر فوق صورة يفتحها في Lightbox.

تأثير الصورة الضخمة التالية

يعرض Mega Image Effect صورة ويستبدلها بتراكب وزر عند التمرير.

يتضمن تحوم الخلفية وإعدادات خلفية الزر. هذا هو التراكب عند التمرير فوق الصورة. كما أن لديها تأثيرات التمرير وتأثيرات تحديد النص. لقد قمت بتعيين التراكب على اللون الأزرق والنص على اللون الأبيض.

مربع الترويج التالي

يُعد Promo Box أحد أكثر الوحدات إثارة للاهتمام. إنها وحدة عرض منتج وتتضمن الصورة والعنوان ونص العنوان قبل وبعد النشر والوصف والزر وشارة العرض. يُظهر العرض نسبة خصم وهو رائع لتشغيل المبيعات. يمكن تصميم كل عنصر على حدة.

تدفق الخطوة التالية

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

الجدول الزمني التالي

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

شراء Divi Essential

يتوفر Divi Essential في سوق Divi. يتضمن أكثر من 60 وحدة مع إمكانية الوصول إلى أكثر من 500 تصميم احترافي باستخدام الوحدات. التكلفة العادية هي 79 دولارًا أمريكيًا للاستخدام غير المحدود للموقع ، وتشمل سنة واحدة من الدعم والتحديثات.

خواطر ختامية

هذه هي نظرتنا إلى Divi Essential. هناك الكثير من الوحدات والخيارات في هذا المكون الإضافي لجهة خارجية لـ Divi. لقد خدشت سطح ما يمكنهم فعله فقط. كان استخدام الوحدات وإعداداتها بديهية مثل أي وحدة Divi.

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

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

نريد أن نسمع منك. هل جربت Divi Essential؟ أخبرنا برأيك في التعليقات.

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