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

Battle Suit for Divi هو مكون إضافي تابع لجهة خارجية يوفر مجموعة من وحدات Divi Builder و Divi Extensions و Tweaks و WordPress Widgets والمزيد ، والتي تضيف ميزات جديدة إلى Divi. إنه نظام معياري قابل للتوسيع بدرجة كبيرة. البرنامج المساعد نفسه مجاني ويمكن توسيعه بالكثير من الإضافات المجانية والمميزة.

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

بدلة المعركة لديفي

قم بتثبيت وتفعيل Battle Suit for Divi. تتم إضافة عنصر قائمة جديد يسمى Divi Sensei Suit إلى قائمة لوحة القيادة.

يؤدي النقر فوق الإعدادات إلى نقلك إلى خيار سمة Divi. تمت إضافة علامة تبويب جديدة إلى خيارات سمة Divi تسمى Battle Suit . هنا ، يمكنك تمكين الميزات والأدوات.

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

قم بتحميل وتنشيط كل مكون إضافي كالمعتاد.

أضف مفتاح الترخيص الخاص بك وقم بتنشيط الترخيص لاستخدام الوظائف الإضافية.

بدلة المعركة لوحدات الديفي

تمت إضافة الكثير من الوحدات الجديدة إلى Divi Builder. تتضمن الوحدات النمطية المحتوى المتوقع والتصميم وعلامات التبويب والميزات المتقدمة. تُظهر هذه الصورة الوحدات التي تأتي مع الإصدار المجاني من Battle Suit for Divi. تشمل الوحدات المجانية ما يلي:

منشور آخر - يعرض المحتوى من منشور مختلف من أي نوع منشور.

دلو - وحدة تشبه دعاية مغالى فيها. يتضمن تأثيرات تحوم. إنه أمر رائع لإنشاء قوائم دلاء أو عرض المنتجات.

التذييل - يعرض تذييل Divi في أي مكان في التخطيط. من الرائع عرض التذييل في قالب الصفحة الفارغة أو باستخدام Toolset.

تخطيط المكتبة - يتيح لك إدخال تخطيط من مكتبة Divi الخاصة بك.

معرض البناء - معرض جديد يعرض الصور بأحجام مختلفة في تخطيط البناء.

زر النشر - هذا زر يرتبط بمنشور.

مقتطف النشر - يتيح لك تخصيص مقتطف المنشور وعرضه.

نشر صورة مميزة - يعرض صورة مميزة مع إعدادات وحدة الصورة.

Post Meta - يعرض meta post قابل للتخصيص.

عنوان المنشور - يعرض عنوان المنشور مع وحدة نمطية قابلة للتخصيص.

صورة قابلة للتحويل - تعرض صورة ثلاثية الأبعاد بتأثيرات تحوم.

Video Lightbox - لعرض مقاطع الفيديو في صندوق مبسط قابل للتخصيص.

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

Countdown Timer - مؤقت للعد التنازلي قابل للتخصيص يمكنه تنفيذ حدث عند انتهاء العد التنازلي.

دعاية مادية - إعلان دعاية له عدة أزرار وخيارات للارتفاع.

محتوى المشاركة - يعرض عنوان URL محددًا. النقر فوقه يفتح الرابط.

زر مجموعة الأدوات - يضيف زرًا لحقل مجموعة أدوات محددًا وربطًا بعنوان URL محدد.

عدّاد مجموعة الأدوات - هذا عداد لمحتوى Toolset.

معرض مجموعة الأدوات - يعرض معرضًا لحقول مجموعة الأدوات المحددة.

صورة مجموعة الأدوات - تعرض صورة مجموعة الأدوات.

جدول مجموعة الأدوات - يعرض جدول مجموعة الأدوات مع خيارات التخطيط والفاصل. يتضمن تخصيصات العنصر الفردي.

Toolset Textfield - يعرض حقل نص Toolset.

عرض مجموعة الأدوات - يعرض طرق عرض قاعدة البيانات التي تم إجراؤها باستخدام Toolset.

بدلة المعركة لأمثلة تصميم المواد Divi

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

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

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

أمثلة على بدلة المعركة للعد التنازلي النهائي للديفي

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

هذا هو نمط الكتلة مع الإعدادات الافتراضية.

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

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

أمثلة على بدلة المعركة لمجموعة أدوات Divi

تضيف الوظيفة الإضافية Toolset 7 وحدات إلى Divi Builder. يتطلب الإصدار المتميز من Toolset. لقد وجدت أن إضافات Battle Suit for Divi Toolset سهلة بما يكفي للاستخدام ، لكن Toolset نفسها كانت قصة مختلفة. إنه ليس نظامًا أساسيًا بديهيًا بأي وسيلة ولا أوصي به لبدء مستخدمي WordPress.

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

طرق عرض Toolset

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

تخطي معالج الحلقة وحدد قالب محتوى. هنا يمكنك اختيار Divi ، والتي ستضيف Divi إلى خيارات القالب. تأكد من أن قالب Divi داخل علامات wpv-loop.

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

قم بإنشاء القالب باستخدام وحدات Sensei النمطية. انشر القالب واحفظ العرض.

اترك محرر الإخراج فارغًا.

أضف وحدة Sensei Toolset View إلى صفحتك أو تخطيط المنشور. حدد عرض من القائمة المنسدلة في علامة تبويب محتوى الوحدة.

تأكد من أنك لا تستخدم تخطيط Toolset للصفحة. تريد أن تتحكم Battle Suit for Divi في التخطيطات ، وليس Toolset (على الأقل في هذه الحالة).

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

لقد أضفت الآن الوحدة النمطية داخل تخطيط المؤلف. أنا أستخدم نمط الخط من التخطيط. لقد أضفت أيضًا ظل الصندوق إلى الوحدة النمطية.

عداد مجموعة الأدوات

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

هذا عداد دائري يقوم بحساب الأرقام. يمكنك أيضًا أن تجعله يحسب حقل مجموعة الأدوات لنوع النسبة المئوية.

مجموعة أدوات لديفي وورد القطعة

تضيف Battle Suit for Divi أيضًا عنصر واجهة مستخدم جديدًا إلى WordPress يسمى Blurb . أضف عنوانًا وصورة وعنوان URL ووصفًا لإنشاء إعلان دعاية يمكن النقر عليه للأشرطة الجانبية.

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

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

بدلة المعركة لسعر ديفي

Battle Suite for Divi مجاني ومتاح في مستودع WordPress. الوظائف الإضافية متاحة من داخل قائمة البرنامج المساعد. أسعار الإضافات هي:

• مجموعة أدوات لديفي - 19 دولارًا
• تصميم المواد - 9.99 دولارًا
• العد التنازلي النهائي - 9.99 دولارًا

يتوفر المزيد من المعلومات على موقع المطور.

بدلة المعركة لتوثيق Divi والدعم

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

خواطر ختامية

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

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

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

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

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