تبديل القائمة

Beaver Builder 2.8: وحدة الصندوق والأنماط العالمية والمزيد!

نشرت: 2024-02-09

خصم 25% على جميع منتجات Beaver Builder... سارع إلى انتهاء التخفيضات قريبًا! يتعلم أكثر

Beaver Builder 2.8: Box Module, Global Styles, and more!
  • بيفر بيلدر

Beaver Builder 2.8: وحدة الصندوق والأنماط العالمية والمزيد!

لقد أصبح الإطلاق المرتقب لـ Beaver Builder 2.8، والمعروف أيضًا باسم "Alpine"، متاحًا الآن!

يجلب Beaver Builder 2.8 قوة flexbox وشبكة CSS إلى Box Module الجديدة، إلى جانب تقديم وظيفة Global Styles. بالإضافة إلى ذلك، يتضمن هذا الإصدار تحسينات ملحوظة، بما في ذلك وحدة North Commerce والتكامل مع Popup Maker، مع تحسينات طفيفة على الوحدات الرئيسية مثل القائمة، وPost Carousel، وPost Slider، وPhoto.

فيديو نظرة عامة على بيفر بيلدر 2.8

سنقدم في هذه التدوينة تحديث Beaver Builder 2.8 الجديد. وبعد ذلك، سنعرض لك بعضًا من أفضل الميزات الجديدة.

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

  • مقدمة إلى Beaver Builder 2.8
  • 5 ميزات وتحديثات جديدة لبرنامج Beaver Builder 2.8
    1. وحدة الصندوق: بناء الدقة باستخدام Flexbox وCSS Grid
    2. الأنماط العالمية (ميزة مميزة)
    3. وحدة نورثكومرس
    4. التكامل مع صانع النوافذ المنبثقة
    5. تحديثات طفيفة للوحدات النمطية وقائمة الأدوات وإعدادات الحلقة
  • الخلاصة: ميزات قوية لبناء الويب المحسن
  • أسئلة ذات صلة

مقدمة إلى Beaver Builder 2.8

في Beaver Builder، نواصل تحديث البرنامج الإضافي لإنشاء الصفحات سهل الاستخدام، مما يؤدي إلى تبسيط عملية إنشاء مواقع WordPress وتخصيصها. بغض النظر عن مستوى مهاراتك، فإن المحرر المرئي بالسحب والإفلات، وقوالب الصفحات المصممة مسبقًا، والإعدادات العامة، والمزيد يمكّنك من إنشاء مشاريع موقع الويب الخاص بك بسرعة:

في Beaver Builder 2.7، أضفنا محررًا سريع الاستجابة لمعاينة طرق عرض الأجهزة المحمولة. لقد استبدلنا أيضًا القائمة المنسدلة لنقاط التوقف بأيقونات أكثر سهولة في الاستخدام.

يوفر التحديث 2.7 القدرة على تخصيص إعدادات التعليمات البرمجية لصفوف أو أعمدة أو وحدات محددة. لقد جعلنا من الممكن أيضًا تحديد أنواع منشورات متعددة. وأخيرًا، تم دمج Beaver Builder 2.7 بالكامل مع ACF Blocks، مما يتيح لك الوصول إلى تجربة تحرير المحتوى المتقدمة.

عند التحديث إلى Beaver Builder 2.8، ستطلق العنان لقوة flexbox وشبكة CSS والطبقات داخل وحدة Box الجديدة الخاصة بنا. نحن أيضًا نجعل من الممكن تطبيق الأنماط العالمية، وإضافة محتوى North Commerce بدون رموز قصيرة، والتكامل بشكل كامل مع PopUp Maker، مما يمنحك تجربة تحرير أسهل.

5 ميزات وتحديثات جديدة لبرنامج Beaver Builder 2.8

Beaver Builder 2.8 هو أول تحديث لنا لعام 2024 ويحتوي على عدد لا بأس به من الميزات القوية بداخله. دعنا نستكشف بعض الإضافات الجديدة التي ستجعل هذا التحديث يغير قواعد اللعبة.

1. وحدة الصندوق: بناء الدقة باستخدام Flexbox وCSS Grid

من خلال التحديث إلى Beaver Builder 2.8، سيتمكن جميع مستخدمي أداة إنشاء الصفحات لدينا، بما في ذلك الإصدار Lite، من الوصول إلى خيارات Flex و Grid و Layers المتقدمة داخل Box Module:

Beaver Builder 2.8 - إعدادات وحدة الصندوق

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

يعد كل من Flexbox وCSS Grid نموذجين تخطيطيين في CSS، لكنهما يخدمان أغراضًا مختلفة ولهما خصائص مميزة:

  • Flexbox – مثالي للتخطيطات أحادية البعد التي تقوم بترتيب العناصر في صف أو عمود مع مرونة في الحجم والمحاذاة.
  • الشبكة – مناسبة للتخطيطات ثنائية الأبعاد، وتوفر تحكمًا دقيقًا في كل من الصفوف والأعمدة، مما يسمح بتصميمات أكثر تعقيدًا.

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

مثال على وحدة Beaver Builder Box

لإضافة Box Module عند التحرير باستخدام Beaver Builder، انقر فوق رمز الزائد (+) الموجود على الشريط العلوي لفتح لوحة المحتوى . انقر فوق علامة التبويب "الوحدات" للوصول إلى جميع الوحدات القياسية وانتقل لأسفل إلى قسم "المربع":

إلى جانب وحدة Box نفسها، ستلاحظ أننا أضفنا العديد من الإعدادات المسبقة التي تسهل البدء:

  • الأعمدة المرنة - يقوم هذا الإعداد المسبق بإنشاء صف أفقي من ثلاثة مربعات مرنة تقع داخل المربع الأصلي.
  • شبكة 3×2 – بنية تخطيطية تستخدم مربعات شبكية تتكون من ثلاثة أعمدة وصفين داخل الصندوق الأصلي.
  • شبكة 4×2 – هيكل تخطيطي لمربعات شبكية تتكون من أربعة أعمدة وصفين داخل الصندوق الأصلي.
  • Split Header - هذا الهيكل عبارة عن شبكة تحدد 3 أعمدة مع وحدة صور مركزية ووحدات قائمة على كلا الجانبين.
  • شبكة الصور - يتكون هذا التخطيط من شبكة 4 × 3 ووحدات صور.

بينما نهدف إلى جعل وحدة Box سهلة الاستخدام قدر الإمكان، فإننا نوصي بشدة بالحصول على فهم جيد لـ Flexbox وCSS Grid. باستخدام وحدة الصندوق الجديدة الخاصة بنا، يمكنك الارتقاء بتصميمات الويب الخاصة بك إلى أبعد من ذلك!

2. الأنماط العالمية (ميزة مميزة)

يدعم Beaver Builder بالفعل الإعدادات العامة التي تسمح لك بتكوين القيم الافتراضية لخيارات مثل الحد الأقصى لعرض الصف والهامش/المساحة المتروكة ونقاط التوقف والتعليمات البرمجية المخصصة (CSS وJavaScript) والتي يتم تطبيقها بعد ذلك عالميًا على موقعك. بالإضافة إلى ذلك، يمكنك تجاوز غالبية هذه الإعدادات على أساس كل صف وعمود ووحدة عبر إعداداتها.

توفر لك ميزة Global Styles الجديدة، المتوفرة حصريًا في الإصدار المتميز من أداة إنشاء الصفحات في Beaver Builder، القدرة على تحديد تفضيلات التصميم لكل من العناصر والألوان عبر Beaver Builder:

  • العناصر العامة - تسمح لك علامة التبويب هذه بتعيين أنماط لعناصر html المتنوعة التي يتحكم فيها Beaver Builder مثل النص والعناوين والارتباطات والأزرار.
  • الألوان العالمية - تسمح لك علامة التبويب هذه بإعداد لوحة ألوان عامة يتم توفيرها في منتقي الألوان في الأنماط العامة أو في أي مكان آخر يمكنك فيه تحديد الألوان.

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

تتيح لك علامة التبويب "العناصر" تحديد التصميم العام لعناصر مثل النص والعناوين والروابط والأزرار:

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

تسمح لك علامة التبويب "الألوان" بإنشاء لوحة ألوان عامة متاحة في جميع أنحاء موقع الويب الخاص بك بالكامل:

Beaver Builder 2.8 الأنماط العالمية - علامة تبويب الألوان

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

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

3. وحدة NorthCommerce

لقد ناقشنا حتى الآن كيف يقدم Beaver Builder 2.8 ميزتين جديدتين، وهما Box Module والأنماط العامة، لجعل بناء التخطيطات المعقدة أكثر سهولة في الاستخدام.

يقدم Beaver Builder 2.8 أيضًا وحدة نمطية لـ North Commerce، وهو مكون إضافي للتجارة الإلكترونية لـ WordPress يساعد المستخدمين على إنشاء متاجر عبر الإنترنت عالية التحويل بسرعة وسهولة:

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

ستمنحك هذه الوحدة الجديدة مزيدًا من التحكم وتسريع سير عملك عند العمل مع NorthCommerce.

4. تكامل صانع النوافذ المنبثقة

في Beaver Builder 2.8، قدمنا ​​أيضًا تكاملًا مع Popup Maker، وهو مكون إضافي مصمم لمواقع WordPress التي تمكن المستخدمين من إنشاء النوافذ المنبثقة وإدارتها:

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

سيعرض أيضًا نافذة منبثقة داخل Beaver Builder أثناء التحرير بالإضافة إلى القدرة على تحديد نافذة منبثقة في حقل الرابط لتشغيل نافذة منبثقة عند النقر فوق الرابط.

بمجرد تثبيت وتنشيط المكون الإضافي Popup Maker، سيتم تمكين نوع منشور Popup Maker (النوافذ المنبثقة) تلقائيًا ضمن إعدادات Beaver Builder.

5. تحديثات طفيفة للوحدات النمطية وقائمة الأدوات وإعدادات الحلقة

وأخيرًا، يتضمن Beaver Builder 2.8 الإضافات البسيطة التالية:

  • وحدة القائمة - يدعم خيار حشوة الارتباط الآن التبديل المستجيب؛ يضيف خيار حشوة جديدًا لإعدادات التبديل سريعة الاستجابة.
  • Post Carousel & Post Slider - يضيف خيار طول المقتطف إلى كلتا الوحدتين مما يتيح لك ضبط طول المحتوى.
  • قائمة الأدوات – تتضمن القدرة على فتح مكتبة وسائط WordPress والتفاعل معها ضمن واجهة مستخدم Beaver Builder.
  • وحدة الصورة - أضف خيارات ملاءمة الكائن والموضع إلى علامة تبويب النمط.
  • إعدادات الحلقة - يضيف خيار التصفية حسب المؤلف الحالي والمستخدم الحالي الذي قام بتسجيل الدخول.
  • تراكبات الصفوف والأعمدة والوحدة النمطية – تم تحديثها لتكون متسقة عبر أنواع العقد.
  • لوحة المخطط التفصيلي - تم أيضًا تحديث هذا الإصدار للعمل بسلاسة أكبر.

الخلاصة: ميزات قوية لبناء الويب المحسن

يؤدي التحديث إلى Beaver Builder 2.8 إلى فتح تجربة إنشاء صفحات أكثر قوة وقابلية للتخصيص. تقدم وحدة Box خيارات تخطيط متقدمة مع Flexbox وCSS Grid، بينما تعمل Global Styles على تبسيط إدارة الألوان.

للتلخيص، إليك ما يمكنك التطلع إليه في Beaver Builder 2.8:

  1. وحدة الصندوق
  2. الأنماط العالمية
  3. وحدة نورثكومرس
  4. التكامل مع صانع النوافذ المنبثقة
  5. تحديثات طفيفة للوحدات النمطية وقائمة الأدوات وإعدادات الحلقة

قم بالترقية إلى Beaver Builder 2.8 اليوم للاستفادة من هذه الميزات الجديدة والمثيرة. كما هو الحال دائمًا، فريق الدعم لدينا موجود لمساعدتك إذا كانت لديك أي أسئلة أو كنت بحاجة إلى المساعدة.

أسئلة ذات صلة

ما هو أحدث إصدار من Beaver Builder؟

اعتبارًا من فبراير 2024، أصبح Beaver Builder 2.8 هو أحدث إصدار من مكوننا الإضافي. وهو يدعم التكامل مع المكونات الإضافية NorthCommerce وPopup Maker. ستجد أيضًا وحدة Box جديدة تمامًا تتيح لك إنشاء تخطيطات بسهولة باستخدام flexbox وشبكة CSS والطبقات.

ماذا يفعل بيفر بيلدر؟

Beaver Builder عبارة عن مجموعة من منتجات تصميم الويب الخاصة بـ WordPress والتي تتكون من Framework Theme وPage Builder Plugin وTheme Builder التي تمكن المستخدمين من إنشاء مواقع الويب وتخصيصها بسهولة من خلال وظيفة السحب والإفلات. أنشئ مواقع ويب مذهلة واحترافية دون الحاجة إلى خبرة في البرمجة.

4 تعليقات

  1. أليسون في 9 فبراير 2024 الساعة 3:13 صباحًا

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



  2. جيف في 15 فبراير 2024 الساعة 6:43 صباحًا

    هل تتطلب الترقية من BB 2.7.4.4 إلى 2.8 استخدام وحدة Box/Grid الجديدة للمحتوى الحالي؟



    • روبي ماكولو في 15 فبراير 2024 الساعة 10:10 صباحًا

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



  3. جيف ماكي في 15 فبراير 2024 الساعة 10:51 صباحًا

    شكرا روبي على التأكيد! سمور منشئ الصخور !!!!



النشرة الإخبارية لدينا

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

انضم إلى النشرة الإخبارية

جرب Beaver Builder اليوم

Beaver Builder