وصل نظام تخطيط Divi 5 Flexbox

نشرت: 2025-07-11

اليوم ، نقدم نظام التخطيط المستند إلى Flexbox الجديد كليًا لـ Divi 5.

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

لم يترك أي حجر دون تغيير ، ولم يتم نسيان أي خيار - لقد فعلنا كل شيء ، ومن الأفضل في الفصل.

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

جدول المحتويات

1 Divi 5's Clyout System الجديد تمامًا
- 1.1 مجموعة قوية من قوالب صف Flexbox الجديدة
- 1.2 عناصر التحكم Flexbox لكل شيء
- 1.3 هياكل صف مستجيبة
- 1.4 ترتيب العناصر المستجيبة
- 1.5 تحديد موقع العناصر الطفل السهل
- 1.6 قسمة التخصص والعرض الكامل
2 إمكانيات تخطيط جديدة لا نهاية لها
3 ألقينا في بعض المفاجآت كذلك
4 جرب Divi 5 اليوم
5 هل حاولت التفاعلات؟
6 المزيد من التحديثات Divi 5 في الطريق

نظام التصميم الجديد كله الجديد

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

يجعل نظام التخطيط الجديد التحكم في وضع العناصر ، والتباعد ، واللف ، والطلب بسهولة.

مجموعة قوية من قوالب صف Flexbox الجديدة

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

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

عناصر التحكم في Flexbox لكل شيء

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

هياكل صف مستجيبة

بناء مواقع الويب المستجيبة لم يكن أسهل.

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

ترتيب العناصر المستجيبة

ترتيب العناصر المستجيبة هو نسيم.

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

وضع عنصر سهلة للطفل

يجعل Flexbox عناصر تحديد المواقع داخل الحاويات الأم الخاصة بهم أكثر بساطة.

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

توحيد ارتفاع العناصر أمر بسيط بنفس القدر. على سبيل المثال ، من السهل جعل جميع الأعمدة في صف نفس الارتفاع ، أو جميع الوحدات النمطية في العمود بنفس الارتفاع.

تقليص الأقسام التخصصية والعرض الكامل

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

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

إمكانيات تخطيط جديدة لا نهاية لها

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

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

قم بتنزيل التخطيطات

ألقينا في بعض المفاجآت كذلك

ستلاحظ بعض التحسينات المفاجئة الأخرى في هذا التحديث.

تحسينات كبيرة في السرعة - ستلاحظ أن المنشئ أسرع عند تحرير تخطيطات كبيرة ومعقدة. من خلال إدخال صفوف غير قابلة للتصفية وعناصر الحاويات الجديدة ، لديك الآن حرية بناء تصميمات معقدة للغاية. من خلال هذا التحديث ، تأكدنا من أن البناء لا يزال سريعًا ، حتى عندما تصبح تخطيطاتك مجنونة. إنه فرق الليل والنهار!
خيارات الأعمدة الجديدة - تحتوي جميع وحدات الشبكة ، مثل معرض وحدات المحافظ ، على إعدادات عمود جديدة تتيح لك التحكم في بنية العمود للشبكة في كل نقطة توقف.
إعادة تسمية وحدة FullWidth - تم إعادة تسمية وحدة رأس FullWidth Hero ، وتم إعادة تسمية وحدة Post -Portfolio Portfolio Post Carousel. يمكن الآن استخدام كلا الوحدات في الأقسام القياسية.
خيارات نوع المنشور الجديدة لـ Post Carousel- تحتوي وحدة Post Carousel التي تم تسميتها حديثًا على إعداد نوع آخر ، مما يتيح لك ملء Carousel مع منشورات من أي نوع.

جرب Divi 5 اليوم

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

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

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

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

هل جربت التفاعلات؟

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

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