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

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

يمكنك شراء أدوات Divi Dream من موقع الناشر. في هذا البرنامج المساعد Divi Highlight ، سنلقي نظرة فاحصة على أدوات Divi Dream ونرى ما يمكن أن يفعله.

إعدادات أدوات Divi Dream

قم بتثبيت البرنامج المساعد وتنشيطه كالمعتاد. تمت إضافة شاشة إعدادات جديدة إلى WordPress. تتضمن شاشة الإعدادات (الموجودة في قائمة لوحة المعلومات في Divi> إعدادات أدوات Divi Dream) علامات تبويب وإعدادات متعددة داخل كل علامة تبويب. فيما يلي نظرة على كل علامة تبويب.

عام

تغطي الإعدادات العامة نمط العناوين العامة ، وصفحة تسجيل دخول المسؤول المخصصة ، وتضيف زر CTA في القائمة ، وتسمح بتحميلات SVG ، وتمكين وضع الصيانة.

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

محمل

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

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

قائمة همبرغر

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

العودة إلى الأعلى

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

الوحدات

تتيح لك إعدادات الوحدة النمطية تعطيل 13 وحدة بشكل مستقل. يتم تمكينها افتراضيًا.

أداة تخصيص موضوع Divi Dream Tools

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

أنواع المنشورات المخصصة Divi Dream Tools

تضيف أدوات Divi Dream 5 أنواع منشورات مخصصة مع عناصر القائمة والمحررين. يمكنك رؤية قائمة بجميع العناصر والفئات لكل نوع منشور في قائمة لوحة المعلومات. يمكن عرضها مع الأدوات والوحدات النمطية المدمجة. هنا نظرة على كل واحد.

أعضاء فريق Divi Dream Tools

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

شهادات أدوات ديفي دريم

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

يمكنك رؤية جميع الشهادات في القائمة.

أحداث أدوات ديفي دريم

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

خاصية Divi Dream Tools

تتضمن الخاصية محررًا وتسمح لك بإضافة الحالة والأنواع والفئات والميزات وصورة ومعلومات الملكية بما في ذلك الوكلاء.

فيما يلي قائمة الخصائص التي قمت بإنشائها في القائمة.

وكلاء أدوات ديفي دريم

يتضمن الوكلاء محررًا وصورة ومعلومات بما في ذلك معلومات الاتصال الخاصة بهم وأزرار المتابعة الاجتماعية.

أدوات ديفي دريم الحاجيات

تأتي أدوات Divi Dream مع خمسة عناصر واجهة مستخدم:

1. بريد
2. منزلق الملكية
3. القطعة الملكية
4. التزكية المتزلج
5. الأحداث القادمة

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

هذا هو الشريط الجانبي الذي يعرض جميع الأدوات.

وحدات أدوات ديفي دريم

تحتوي أدوات Divi Dream على أقل من 30 وحدة. فيما يلي نظرة على عدد قليل منهم. لقد اخترت القليل بشكل عشوائي.

عرض شريط التمرير

تشتمل وحدة Post Slider View على العديد من أنماط التخطيط. يمكنك الاختيار من بين أنواع المنشورات المخصصة ، وتعيين الرقم الذي يتم عرضه ، وترتيب العرض ، وحجم الصورة ، وتخصيص إعدادات العرض ، وألوان الشرائح والرموز ، وما إلى ذلك. هذه هي الإعدادات الافتراضية لـ Slider 1.

عرض قائمة الوكيل

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

وظائف الماسونية

تعرض وحدة Posts Masonry View عدة أنماط. هذا هو النمط 1 ، الذي يعرض تصميمًا متعدد التخطيطات. يتضمن أنواع المنشورات المخصصة ، ترقيم الصفحات ، مؤلف العرض والتاريخ ، وإعدادات ألوان ترقيم الصفحات. هذه هي الإعدادات الافتراضية.

عرض قائمة الأحداث

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

عرض شبكة التزكية

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

إمالة الصورة

يتيح لك Image Tilt عرض صورة أو رمز يميل استجابةً للماوس. يمكنك عرض المنظر وإظهار الوهج وضبط المنظور والإمالة والسرعة والمقياس وغير ذلك الكثير.

فليب بوكس

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

طريقة عرض جدول الخاصية

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

يعرض أيضًا نافذة منبثقة تعرض الصورة بالحجم الكامل. تم تصميم النافذة المنبثقة بشكل منفصل. هذه هي النافذة المنبثقة للنمط 3.

عرض شبكة الملكية

تحتوي الوحدة النمطية Property Grid View على 3 أنماط للاختيار من بينها. هذا هو النمط 1 الذي يعرض عمودين. يمكنك تعيينه لإظهار نافذة منبثقة ، وترقيم الصفحات ، والارتفاعات المتساوية.

هذا هو النمط 3. لقد قمت بتعيينه لإظهار 3 أعمدة.

وو سلايدر

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

تعرض النافذة المنبثقة مزيدًا من المعلومات حول المنتج. هذه هي النافذة المنبثقة للنمط 3. يغير لون الزر عند التمرير. يتضمن زر الإغلاق.

سعر أدوات ديفي دريم

يوجد خياران لترخيص أدوات Divi Dream:

• موقع واحد - 99 دولارًا
• مواقع غير محدودة - 199 دولارًا

كلاهما يُدفع لمرة واحدة ويتضمن دعمًا وتحديثات مدى الحياة.

يمكنك شراء أدوات Divi Dream من موقع الناشر.

خواطر ختامية

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

ما غطيته هنا يخدش سطح ما يمكن فعله باستخدام هذا المكون الإضافي. إذا كنت مهتمًا بمجموعة من التخصيصات والوحدات النمطية الجديدة لـ Divi ، فإن Divi Dream Tools تستحق البحث.

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

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