مجموعة جديدة من مجموعة Carousel ، وحدة Lottie وأكثر!

اليوم ، أصدرنا ثلاث وحدات جديدة لـ Divi 5 ، بما في ذلك وحدة Carousel Group التي تم طلبها كثيرًا ، والتي تتيح لك إنشاء أي نوع من أنواع Carousel أو Slider ، بما في ذلك Carousels بعد ما بعد ، باستخدام Builder New Loop Divi 5.

لقد أضفنا أيضًا وحدة Lottie للرسوم المتحركة السهلة القائمة على JSON ووحدة قائمة الأيقونات لإنشاء قائمة سهلة.

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

تحقق من الفيديو التالي لمشاهدة الميزة الجديدة في العمل.

مجموعة Carousel وحدة

الإضافة الأكثر أهمية هي وحدة مجموعة carousel.

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

قم بإنشاء ما بعد ، ومصطلح ، والركور المستندة إلى المستخدم

يتيح لك Divi 5's Loop Builder أن يحلق مجموعة داخل الكاروسيل لإنشاء ما بعد أو مصطلح أو كارو القائم على المستخدم. هذا يسحب المحتوى الديناميكي من موقع الويب الخاص بك لملء كل شريحة تلقائيًا.

تمكين الحلقات على المجموعة ، وتخصيص الاستعلام ، وقم بتوصيل المحتوى الديناميكي في عناصر carousel. في هذا المثال ، قمت ببناء كاروسيل شهادة باستخدام نوع منشور مخصص وحقول تم إنشاؤها باستخدام ACF.

أمثلة كاروسيل

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

السماء هي الحد!

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

مثال رقم 1: شريط التمرير على الشاشة الكاملة المخصصة

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

مثال رقم 2: Carousel متعدد الانزلاقات

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

مثال رقم 3: carousel الحلقات المستندة إلى المصطلح

يمكنك بناء carousels المستندة إلى مصطلح باستخدام Divi 5's Loop Builder. في هذا المثال ، تقوم Carousel بتسوية فئات منتجات WooCommerce. يتم إنشاء اسم الفئة وصورة الميزة ديناميكيا مع كل شريحة في الحلقة.

مثال رقم 4: قائمة الطعام مع التحولات الإبداعية

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

وحدة Lottie

تجعل وحدة Lottie الجديدة من السهل إضافة الرسوم المتحركة Lottie إلى موقع الويب الخاص بك والتحكم في الرسوم المتحركة والتفاعلات الخاصة بهم.

تعتبر الرسوم المتحركة Lottie رائعة لأنها تعتمد على JSON و SVG ، مما يجعلها خفيفة الوزن وبكسل مثالي. هناك العديد من الأماكن عبر الإنترنت حيث يمكنك العثور على رسوم متحركة رائعة وإضافتها بسهولة إلى صفحتك.

تتيح لك وحدة Lottie تخصيص سرعة الرسوم المتحركة ، والمشغل ، والاتجاه ، والحلقات ، والمزيد.

️ ملاحظة: لا تسمح WordPress Media Library بتحميل ملفات JSON. إذا كنت ترغب في تحميل الرسوم المتحركة اللوت عبر مكتبة WordPress Media ، فيمكنك استخدام مكون إضافي مثل أنواع تحميل الملفات لتمكين تحميل JSON.

وحدة قائمة الأيقونة

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

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

جرب Divi 5 اليوم

تتوفر هذه الوحدات الجديدة لـ Divi 5 اليوم وهي واحدة من العديد من الميزات القادمة إلى Divi هذا العام.

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

كما هو موضح في جدول الإصدار الأصلي متعدد المراحل لـ Divi 5 ، فإن Divi 5 Public Alpha يشبه "Divi 5 Lite". إنه يفتقد بعض الميزات وقد لا يكون مناسبًا لمواقع الويب الحالية ، ولكنه جاهز لاستخدامه على مواقع ويب جديدة إذا كنت تفضل التجربة على Divi 4.

نريدك أن تجربها ، وإذا كنت تحبها ، فاستخدمها ؛ عندما يحبها الجميع ، سنجعله رسميًا.

هل جربت Loop Builder؟

في حال فاتتك ذلك ، أصدرنا مؤخرًا منشئ Loop الجديد كليًا لـ Divi 5.

منشئ حلقة Divi فريد من نوعه في حريته ؛ يمكنك حلقة أي شيء دون أن تقتصر على وحدة أو حاوية حلقة ثابتة. قم بإنشاء عنصر الحلقات الخاص بك ، ثم قم بتخصيص استعلامك باستخدام خيارات مختلفة واستعلامات التعريف. وهو يدعم أنواع المنشورات المخصصة ، بما في ذلك WooCommerce ، والحقول المخصصة التي تم إنشاؤها مع ACF ، وحتى حقول مكرر ACF.

إنها ميزة لا تصدق!

شاهد هذا الفيديو للحصول على جميع التفاصيل.

المزيد من تحديثات Divi 5 في الطريق

2025 هو سنة ديفي 5 . العمل الشاق وراءنا. لقد قمنا ببناء الأساس الفائق الصارم ، والآن حان الوقت ل Divi للعودة.

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

لا تنس أن تتبعنا على YouTube واشترك في النشرة الإخبارية Divi حتى لا تفوتك أبدًا تحديثًا. سأراك قريبًا لإعلان ميزة Divi 5 آخر ، والذي أعدك به سيكون قاب قوسين أو أدنى.