Beaver Builder 1.7 – الآن مع التحديث الجزئي، وإعدادات التعليمات البرمجية لكل صفحة، و... أول رمز قصير لدينا!؟!
نشرت: 2015-12-22خصم 25% على منتجات Beaver Builder! سارعوا بإنتهاء التخفيضات... اعتمدوا أكثر!
أحدث إصدار من Beaver Builder أصبح الآن في مرحلة تجريبية وجاهز للاختبار! إذا لم تكن قد قمت بذلك بالفعل، فتوجه إلى منطقة حسابك وقم بتنزيل نسخة من الإصدار التجريبي للتحقق من ذلك.
يركز هذا التحديث على عدد من الأشياء، أكبرها تحسينات الأداء عبر التحديث الجزئي. قد لا يبدو الأمر مثيرًا مثل بعض الميزات الأخرى في هذا التحديث (أو التي قمنا بإصدارها مسبقًا)، ولكن الأمر استغرق وقتًا طويلاً للتنفيذ ومن المفترض أن يجعل تجربة التحرير أكثر سلاسة.
بالإضافة إلى ذلك، أضفنا إعدادات تخطيط جديدة، ووحدات نمطية جديدة، وقمنا بتحديث وحدة نمطية، وأضفنا طريقة مساعدة جديدة سهلة الاستخدام، و... أول رمز قصير لـ Beaver Builder!
ما هو التحديث الجزئي بالضبط؟
قبل الإصدار 1.7، كلما قمت بإجراء تغيير على أي شيء داخل تخطيط Beaver Builder، سيتم إعادة عرض كل CSS وJS وHTML للتخطيط. حتى التغيير البسيط في النص قد يتطلب تحديثًا كاملاً للتخطيط. في بعض الأحيان لم يكن ذلك ملحوظًا، ولكن مع المحتوى الديناميكي مثل مقاطع الفيديو وشرائح التمرير، يمكنك رؤيتها يتم إعادة تحميلها مرارًا وتكرارًا، حتى عندما لا يتم تحريرها مباشرة.
هذا ليس فعالاً أو سهل الاستخدام للغاية وهو شيء أردنا تغييره. قُل مرحبًا بالتحديث الجزئي!
باستخدام التحديث الجزئي، يتم تحديث الصف أو العمود أو الوحدة النمطية التي تقوم بتحريرها حاليًا فقط عند النقر فوق زر الحفظ (أو يتم تشغيل تحديث المعاينة). الأمر بهذه البساطة! يعمل هذا الأسلوب على تسريع عرض أصول CSS وJS وHTML على الخادم ويمنع إعادة تحميل الأشياء التي لا تحتاج إلى إعادة تحميل.
ومع ذلك، لا تزال هناك أوقات يكون فيها التحديث الكامل ضروريًا، لكننا حاولنا الحد من هذه المواقف قدر الإمكان. الموقف الأكثر بروزًا هو عندما تقوم بتحرير وحدة نمطية مخصصة لا تدعم التحديث الجزئي أو صف/عمود يحتوي على تحديث جزئي.
افتراضيًا، يتم تعطيل التحديث الجزئي للوحدات النمطية المخصصة ويجب تمكينه حتى يعمل. يعد تمكينه أمرًا سهلاً، ولكن تأكد من مراجعة مستندات الوحدة المخصصة الخاصة بتنفيذ التحديث الجزئي قبل القيام بذلك بالنسبة للوحدات النمطية الخاصة بك. هناك بعض الأخطاء المتعلقة بجافا سكريبت والتي يجب أخذها في الاعتبار قبل القيام بذلك.
بالإضافة إلى سحر التحديث الجزئي الذي تراه على الواجهة الأمامية، قمنا أيضًا بتنفيذ عدد من التحسينات على الواجهة الخلفية لتحسين تجربة التحرير الخاصة بالمنشئ.
عند التحديث إلى 1.7 والنقر فوق الزر "أدوات"، سترى خيارًا جديدًا لإعدادات التخطيط أعلى زر "الإعدادات العامة" مباشرةً. تنطبق هذه الإعدادات على التخطيط الذي يتم تحريره، وتتضمن حاليًا إعدادات CSS وJS.
نعم، هذا صحيح، يمكنك الآن حفظ CSS وJS على أساس كل صفحة! ووت!
إحدى أكبر فوائد القدرة على حفظ CSS وJS على أساس كل صفحة هي القدرة على تصدير CSS وJS مع القوالب الخاصة بك. هذه ميزة قوية للغاية ستسمح لك بإنشاء قوالب مخصصة للغاية يمكن إعادة استخدامها ومشاركتها بسهولة.
على الرغم من أن إعداد JS لا يعرض المعاينة المباشرة (قد يكون ذلك فوضويًا بعض الشيء)، فإن إعداد CSS يفعل ذلك. قم بإجراء تغييرات CSS الخاصة بك وشاهدها في الوقت الفعلي لأنها تنعكس على التخطيط الذي تقوم بتحديثه. لقد قمنا أيضًا بتشغيل إكمال التعليمات البرمجية لجميع محرري التعليمات البرمجية في أداة الإنشاء (وليس فقط تلك الموجودة في إعدادات التخطيط).
عندما أضفنا إعدادات CSS وJS إلى لوحة إعدادات التخطيط الجديدة، كان من المنطقي أن نسمح لك بإجراء هذه الأنواع من التعديلات على المستوى العالمي أيضًا. على الرغم من أن ذلك قد لا يكون ضروريًا لأولئك منكم الذين يستخدمون موضوعنا، بالنسبة لأولئك الذين لا يستخدمونه، فمن الممكن الآن إضافة CSS وJS مع لوحة الإعدادات العامة التي سيتم تطبيقها على جميع تخطيطات Beaver Builder الخاصة بك.
يعد عرض تخطيطات Beaver Builder ضمن ملفات السمات تقنية أكثر تقدمًا اكتسبت شعبية هذا العام. هناك عدد من الأسباب للقيام بذلك، ولكن السبب الأكثر شيوعًا هو تضمين رأس/تذييل قابل للتحرير بشكل عام عبر الموقع بأكمله.
حتى الآن، كانت الطريقة الوحيدة للقيام بذلك بنجاح هي استخدام مرشح fl_builder_global_posts واستعلام مخصص أو استخدام البرنامج الإضافي "إدراج الصفحات"، ولكن لم يعد هذا هو الحال.
تعد طريقة FLBuilder::render_query الجديدة طريقة قوية جدًا تزيل التعقيدات من عرض تخطيطات Beaver Builder داخل ملفات السمات. أولئك الذين هم على دراية بفئة WP_Query سيشعرون وكأنهم في بيتهم معها. يستغرق الأمر وسيطة واحدة (نفس الوسيطة التي ستمررها إلى WP_Query) ويعرض جميع المنشورات التي تم العثور عليها. تأكد من مراجعة المستندات لمزيد من المعلومات.
تم تصميمه فوق طريقة FLBuilder::render_query الجديدة وهو أول رمز قصير لـ Beaver Builder! نحن نعلم أن الرموز القصيرة للتخطيط يمكن أن تكون أمرًا سيئًا، ولكن في هذه الحالة، أعتقد أنك ستجدها مفيدة جدًا.
يتيح لك الرمز القصير fl_builder_insert_layout الجديد إدراج أي عدد من تخطيطات Beaver Builder في المنشورات والصفحات والمشاركات المخصصة من أي نوع!
لماذا تريد أن تفعل ذلك؟
لنفترض أنك أنشأت صفًا عالميًا رائعًا لرسالتك الإخبارية والذي يظهر على الصفحات التي أنشأتها باستخدام Beaver Builder. يبدو جيدًا جدًا ويعمل بشكل جيد لدرجة أنك تريد استخدامه في منشورات مدونتك. ما عليك سوى إدخال الرمز القصير fl_builder_insert_layout مع معرف الصف العالمي الخاص بك وبام! تم حل المشكلة!
يرجى التأكد من مراجعة المستندات للحصول على مزيد من المعلومات حول العمل مع هذا الرمز القصير الجديد وكل ما يمكنه فعله.
إذا لم تكن قد قابلت يوجين بالفعل، فتأكد من الانتقال إلى موقع روبي حيث يقدمه (أي في منتصف الطريق تقريبًا). كانت وحدة الصوت أول مشروع ليوجين في Beaver Builder (وكان منذ ذلك الحين جزءًا من الإصدارات الثانوية مثل عمليات تكامل وحدة نموذج الاشتراك الأخيرة ودعم WebM لوحدة الفيديو)، وأعتقد أنه قام بعمل رائع!
تعد وحدة الصوت في الأساس عبارة عن غلاف للأكواد المختصرة للصوت وقائمة التشغيل الأساسية في WordPress. يسمح لك بإدراج مشغل لملف صوتي واحد أو مشغل لملفات صوتية متعددة (قائمة تشغيل) مع عدد من إعدادات التخصيص.
يتضمن هذا التحديث أيضًا مجالًا صوتيًا جديدًا لمطوري الوحدات المخصصة. يرجى مراجعة مستندات الوحدة المخصصة لمزيد من المعلومات حول كيفية عمل ذلك.
وحدة العد التنازلي هي وحدة جديدة من عمل مطور Beaver Builder الذي يجب أن تكون على دراية به جميعًا في هذه المرحلة. نجم الروك في التحديث 1.6.4، دييغو دي أوليفيرا من Favolla!
تتيح لك وحدة العد التنازلي إدراج مؤقت العد التنازلي في تخطيطك الذي يقوم بالعد التنازلي إلى الصفر من التاريخ والوقت الذي تحدده. فهو يسمح لك بتحديد التاريخ والوقت الدقيقين، بما في ذلك اختيار المنطقة الزمنية التي يجب استخدامها، ويحتوي على عدد من إعدادات التصميم لتخصيص مظهر مؤقتات العد التنازلي.
بالإضافة إلى مجال الصوت الجديد، يوفر هذا التحديث أيضًا حقلًا زمنيًا جديدًا لمطوري الوحدات المخصصة والذي يسمح للمستخدمين بتحديد وقت محدد من اليوم (حاليًا بتنسيق 12 ساعة). يرجى مراجعة مستندات الوحدة المخصصة لمزيد من المعلومات حول كيفية عمل ذلك.
خلال العام المقبل، من المحتمل أن تروننا نصدر عددًا أقل من الوحدات الجديدة (لدينا فقط وحدة جدول مخطط لها) وبدلاً من ذلك، نبدأ العمل على تحسينات لمجموعة الوحدات الحالية لدينا. لقد بدأنا هذه العملية بالفعل بتحديثات لنموذج الاتصال ووحدات الفيديو ونعمل حاليًا على بعض التحديثات الرائعة لوحدة الشهادات.
وفيما يتعلق بتحديثات الوحدة، فقد ركزنا في هذا الإصدار على وحدة جدول التسعير، وأعتقد أنك ستحب ما تراه!
تتضمن الإضافات الجديدة إلى وحدة جدول التسعير إعدادات التصميم العامة للتمييز (العنوان أو السعر أو لا شيء)، ونمط الحدود، والأزرار الفردية لكل مربع تسعير. قد تبدو هذه تغييرات صغيرة، ولكن بالنظر إلى لقطة الشاشة أعلاه، يمكنك أن ترى بالفعل أن عددًا من الأشكال المختلفة التي لم تكن ممكنة باستخدام الإعدادات من قبل، أصبحت الآن متاحة.
تأكد من التحقق من ذلك بنفسك وأخبرنا برأيك في التغييرات!
إذا لم تكن قد لاحظت، فإن قسم الوحدات المتقدمة في واجهة المنشئ أصبح ممتلئًا بعض الشيء (وقد حصل للتو على وحدتين جديدتين في هذا التحديث). في مرحلة ما، قد نضع حدود تفكيرنا وننظر في تجميع كل الوحدات في أقسام مختلفة. ومع ذلك، يعد هذا تغييرًا كبيرًا حقًا ولا نشعر أنه ضروري لإرشاد مستخدمينا الآن (ربما أبدًا، من يدري).
ولتسوية الأمور قليلاً، قررنا إعادة تصنيف وحدتين موجودتين في قسم الوحدات الأساسية. تلك هي وحدة الزر ووحدة HTML.
نحن ندرك أنه حتى هذا يعد تغييرًا بسيطًا، فهو كبير من نواحٍ عديدة بالنسبة لأولئك الذين يستخدمون Beaver Builder لفترة من الوقت. تأكد من التحقق من ذلك وإخبارنا برأيك حول هذا القرار.
وكما يعلم الكثير منكم من مشاركتي في مجموعة مستخدمي فيسبوك، فقد بدأنا العمل على بعض التحديثات للموضوع. لقد مر وقت طويل منذ أن حدث أي شيء كبير، ولكننا نخطط لتغيير ذلك في عام 2016.
على الرغم من أن تحديث السمة (الإصدار 1.4) قد انتهى بالفعل اعتبارًا من 12/9/2015، إلا أننا لم نقم بالتدوين عنه، لذلك اعتقدت أنني سأغطي بعض النقاط البارزة هنا...
عندما قمنا بالتبديل إلى أداة التخصيص من صفحة إعدادات السمات المخصصة الخاصة بنا، كان أحد الأشياء التي كان علينا التخلي عنها هو محرر التعليمات البرمجية الجميل الذي كان لدينا هناك. على الرغم من أنه لا يتم عرضه في وضع ملء الشاشة (حتى الآن)، فهو أفضل بكثير من تجربة تحرير التعليمات البرمجية السابقة التي حصلنا عليها في أداة التخصيص. يقوم حقل CSS أيضًا بالمعاينة المباشرة الآن دون الحاجة إلى تحديث التخطيط!
سنقوم بإضافة عدد من الإعدادات الجديدة في عام 2016. ولبدء ذلك، أضفنا إعدادين مطلوبين بشدة في التحديث 1.4. إعداد لوزن الخط الأساسي وإعداد لتعتيم خلفية الرأس.
أضفنا أيضًا عددًا من الإجراءات الجديدة في التحديث 1.4 لتخصيص سمة Beaver Builder ضمن السمات الفرعية الخاصة بك. فيما يلي قائمة كاملة بالإجراءات الجديدة. لمزيد من المعلومات حول كيفية عمل تلك، يرجى مراجعة قاعدة المعرفة.
يمكن تجاوز معظم سمة Beaver Builder داخل سمة فرعية، ولكن حتى الإصدار 1.4، كانت لا تزال هناك بعض الأجزاء المهمة جدًا التي لا يمكن تجاوزها. يمكن الآن تجاوز الأقسام التالية بسهولة في قالب فرعي عن طريق نسخ ملفات PHP المقابلة.
ربما لاحظت أن رقم الإصدار لهذا التحديث (وتحديث السمة) يستخدم رقمين فقط. وذلك لأنه بعد استخدام ثلاثة أرقام للتحديثات الرئيسية وأربعة للتحديثات الثانوية، قررنا اعتماد الإصدار الدلالي لجميع التحديثات المستقبلية (لأن هذه هي الطريقة التي يقوم بها WordPress).
ماذا يعني ذلك؟
باختصار، هذا يعني أنه من الآن فصاعدًا، ستستخدم التحديثات الرئيسية رقمين للإصدار (على سبيل المثال 1.7) بينما ستستخدم التحديثات الثانوية ثلاثة أرقام للإصدار (على سبيل المثال 1.7.1).
بالإضافة إلى ذلك، اعتبارًا من هذا الإصدار، سنقوم أيضًا بإصدار إصدارات تجريبية بحيث يكون من الأسهل معرفة إصدار الإصدار التجريبي الذي تستخدمه حاليًا عند الاختبار. عندما تذهب لتنزيل هذا الإصدار التجريبي، سترى أن الإصدار 1.7-beta.1. عندما نقوم بتحديثه، سيتغير رقم الإصدار إلى 1.7-beta.2 ويستمر في الزيادة بهذه الطريقة حتى يتم إصدار الإصدار 1.7 الرسمي.
كما هو الحال مع جميع إصداراتنا التجريبية، نخطط لجعل هذا الإصدار تجريبيًا خلال الأسبوعين المقبلين ما لم يطرأ أي شيء كبير. هدفنا هو إخراج هذا في أقرب وقت ممكن، ولكننا بحاجة لمساعدتكم! المزيد من مختبري النسخة التجريبية يعني أنه يمكننا العثور على الأخطاء وإصلاحها بشكل أسرع. إذا لم تقم بذلك بالفعل، فتأكد من تنزيل الإصدار التجريبي الجديد من منطقة حسابك واختباره! إذا واجهت أي مشكلة، تأكد من إخبارنا بذلك في المنتديات.
ما هو الجزء المفضل لديك من هذا التحديث؟ تأكد من إخبارنا بذلك في التعليقات أدناه! وكما هو الحال دائمًا، لا تتردد في إخبارنا إذا كانت لديك أي تعليقات أو إذا واجهت أي مشكلات.
الرموز المختصرة – Woohoo!! لقد انتهينا للتو من منشور مدونة حول استخدام ترقيات المحتوى للمدونات ولكننا لم نقم بتضمين Beaver Builder لأنه أمر صعب بعض الشيء ويجب عليك استخدام أداة إنشاء الصفحات للمنشور. الآن أعتقد أنني سأقوم بتحديثه ليشمل وحدة الرمز القصير الجديدة!
شكرا حفنة!
هذه التحديثات رائعة! تحديث جزئي! نعم!
آمل حقًا أن تكون ميزة "العشوائية" الصغيرة ولكن الرائعة أحد التحسينات القادمة في وحدة الشهادات التي ذكرتها. من شأنه أن يهز عالمي.
شكرًا لالتزامك القوي تجاه Beaver Builder. يستمر في السيطرة ويزداد فقط في هيمنته.
تطورات كبيرة مرة أخرى يا شباب!!
ما هو البرنامج المساعد الجيد الذي يعمل مع BB؟
نعم، قامت ميزة التحديث الجزئي بإصلاح هذه المشكلة المزعجة حقًا التي كنت أواجهها. لقد قمت بتضمين تعليمات برمجية لنموذج تم لصقه في وحدة HTML، وفي كل مرة أقوم بإلغاء محرره أو محرر حوله، ستظهر نسخة من النموذج أسفله، وسيتعين علي إعادة تحميل الصفحة إلى اصلاحه. لم يكن الأمر بمثابة كسر للصفقة لأنه حدث فقط في وضع البناء، ولكن أنا سعيد لأن هذا لم يحدث بعد الآن. شكرًا!
عندي سؤال بخصوص التحديث الجزئي هل من الممكن أنه أثناء تحرير الصفحة على المكوّن الإضافي الحالي مع التحديث الكامل للصفحة، قد يتسبب ذلك في حدوث الكثير من اتصالات عملية إدخال الخادم؟ أسأل لأنني أقوم حاليًا بالتحقيق في موقعين يحصلان على 508 خطأ في حدود الموارد ويكون ذلك دائمًا بسبب تجاوز الحد الأقصى لعمليات الإدخال. يمكن أن يحدث هذا بالطبع بوسائل أخرى ولكن في الوقت الحالي أجد صعوبة في العثور على سبب لأن المشكلة متقطعة. أحب أن أسمع آرائكم وآرائكم حول هذا الأمر.