كيف يشتعل Divi 5 درب (بينما لا يزال في ألفا)

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

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

ملاحظة: Divi 5 جاهز للاستخدام على مواقع الويب الجديدة ، لكننا لا نوصي بتحويل المواقع الحالية إلى Divi 5 حتى الآن.

التقدم في عودة ديفي

2025 هو عام Divi 5. نحن نبذل قصارى جهدنا لبناء أفضل تجربة بناء الموقع على WordPress.

بدأ هذا بالتغييرات الأساسية تحت الغطاء ويتحقق الآن في نظام تصميم جديد وميزات داعمة.

1.

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

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

Oxygen V4 غير متوافق مع V6 المعلن حديثًا

Divi 5 مختلف. لقد حافظنا على التوافق المتخلف في التركيز مع إنشاء أساس للمستقبل.

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

وعد محرر البلوك بعصر جديد من تصميم WordPress ولكنه يلبي بشكل كبير للمطورين. لا يزال معظم مالكي الموقع يجدونها محدودة ومعقدة ، لذلك يقومون بتكمؤه بمساعد لجعله عمليًا.

هذه مجرد بعض الإضافات ، ناهيك عن الموضوعات الإضافية العديدة

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

2. أفضل نظام مسبق ل WordPress

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

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

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

3. متغيرات التصميم

هناك شيئان مهمان يجب معرفته عن متغيرات التصميم:

1. تعمل متغيرات التصميم بشكل مشابه لمتغيرات CSS ، مما يتيح لك تخزين القيم القابلة لإعادة الاستخدام في واجهة المستخدم.
2. تتحول متغيرات التصميم إلى ما وراء ما يمكن أن تتعامله متغيرات CSS النموذجية أيضًا لتشمل المحتوى (فكر في الصور وعنوان URL وسلاسل النص)

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

لا تقدم Elementor و WPBAKERY ومحرر Block أي متغيرات على مستوى النظام. بالطبع ، لدى Divi هذا ويتيح لك أيضًا استخدام متغيرات CSS كما تراه مناسبًا.

4. القدرة على استخدام جميع وحدات CSS

لا مزيد من قيود الوحدة الأساسية. يقبل Divi 5 أي وحدة CSS صالحة-بما في ذلك VW و REM و Fit-Content و Clamp () و Calc (). يمكنك حتى استخدام متغيرات CSS التي يمكنك إضافتها من خلال CSS مخصصة.

استخدم وحدات ووظائف CSS المتقدمة في جميع أنحاء المحرر ، حتى في المدير المتغير

يدعم Divi 5 جميع وحدات CSS الحديثة ، بما في ذلك Clamp () و CALC () و UNITING. هذا يمنح المصممين تحكمًا في تخطيطات السوائل ، والنوع القابل للتطوير ، والتباعد المستجيب مع وحدات CSS التي يرتاحونها.

5. الأساس دولاب الموازنة

ما هو أفضل دليل على المكافأة للهندسة المعمارية الجديدة لـ Divi 5؟ السرعة التي أصدرنا بها ميزات جديدة. نعم ، فإن الميزات التي أظهرناها أعلاه (وبعضها أدناه هذه النقطة) هي إضافات ممتازة ، ولكن ما يثير الإعجاب حولها في المجموع هو أنها تم إنشاؤها بسرعة كبيرة.

سبعة إصدارات ميزة رئيسية في ثلاثة أشهر فقط. هذا هو نتيجة تأثير دولاب الموازنة المتعمد.

PACE: ميزة Divi 5 الجديدة والرائعة كل 12.3 يومًا!

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

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

6. سرعة لا تصدق

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

Elementor بطيء في المحرر ، ويمكنك أن تشعر به ، حتى عندما تكون في وضع القماش (لا يوجد رأس أو تذييل محملة في المحرر).

Divi يؤدي أفضل بكثير. لاحظ مدى سرعة تكرار أي عنصر داخل المنشئ.

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

لقد قمنا بإزالة الرسوم المتحركة المحبوبة ولكن البطيئة ، لذلك لا يتعين عليك الذهاب إلى النقر ، والانتظار ، ودورات التحميل .

7. منشئ بصري يشعر في الواقع حديث

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

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

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

تتيح لك The Wireframe View ، وهو كلاسيكي Divi ، رؤية صفحتك من منظور تخطيط صارم دون تقديم تفاصيل التصميم.

8. نقاط التوقف القابلة للتخصيص

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

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

إنها ليست ثورية ، لكنها أكثر سلاسة وأكثر مباشرة وأكثر ودية للمصممين. على عكس WPBAKERY أو محرر Block Native ، يمنحك Divi 5 تحكمًا كاملاً على نقاط التوقف المستجيبة ، دون لمس خط رمز.

لم ننتهي بعد (لكننا نتقدم بالفعل)

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

لقد قمنا بإعادة بناء كل شيء ، وقمنا بإزالة القيود السابقة لدينا ، وشحن ميزة جديدة كل أسبوعين ، وبدأنا للتو. إليك لمحة عما سيحدث بعد ذلك:

حقبة جديدة لأنظمة الألوان مع Divi

يحصل نظام ألوان Divi على ترقية.

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

تخطيطات مع Flex

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

قم بدمج هذا مع الصفوف المتداخلة ، ويمكنك بناء تخطيطات مخصصة بشكل كامل ومخصص للغاية مع كود أقل وأداء أفضل.

Divi يتحرك بسرعة

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

والآن ، مع ألوان HSL و Flexbox على سطح السفينة (وغيرها من الميزات غير المعلنة) ، نقدم المصممين الأدوات التي ينتظرونها.

ملاحظة: Divi 5 جاهز للاستخدام على مواقع الويب الجديدة ، لكننا لا نوصي بتحويل المواقع الحالية إلى Divi 5 حتى الآن.