مراجعة Oxygen Builder V 4.0 - التصميم والميزات وسير العمل

Oxygen Builder 4.0 موجود هنا ، وفي هذه المقالة سنلقي نظرة على جميع الميزات الجديدة والتغييرات وسير العمل التي تأتي مع الإصدار الجديد. Oxygen هو منشئ صفحات WordPress المشهور والمحبوب والذي يحل محل نظام السمات تمامًا.

على مدار العامين الماضيين ، كانت في الإصدار الثالث ، وشهدت إضافات رائعة مثل شبكة CSS ، وإضافة MetaBox كاملة ، وتحسينات إضافية للسرعة والواجهة الأمامية والخلفية. يحبها الناس لأنها تحتوي على الكثير من الطاقة في واجهة مستخدم مصممة جيدًا نسبيًا ، كما أنني سأضع رمزًا نظيفًا بشكل لا يصدق لموقع ويب سريع التحميل يعد رائعًا لـ Core Web Vitals.

ميزات العنوان مع التكرار الرابع لـ Oxygen Builder هي كما يلي:

واجهة مستخدم جديدة تمامًا

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

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

هذا ما تم فعله:

• تحسين: القيم الموروثة من نقاط التوقف الأكبر تظهر الآن في حقول جزء الخصائص (# 3665)

• التحسين: يتم الآن تحريك النماذج باستخدام نفس الرسوم المتحركة لـ AOS التي يتم تحريكها بواسطتها (# 3550)

• تحسين: يمكنك الآن تحميل لقطات شاشة مخصصة لصفحات مجموعة التصميم والكتل والأقسام الفردية (# 3574)

• تحسين: يمكنك الآن النقر نقرًا مزدوجًا فوق اسم عنصر في جزء الخصائص لإعادة تسميته (# 3547)

طريقة رائعة للحفاظ على سهولة التنقل في بنية موقع الويب الخاص بك.

• تحسين: تمت إضافة إشارة مرئية لمعرفة ما إذا كان حقل جزء الخصائص قد تم تصميمه عبر الفئة أو المعرف (# 3548)

• التحسين: تمت إضافة حقل بحث لجزء المحددات (# 4037)

إذا كان لديك عدد كبير من فئات CSS المُدارة في Oxygen ، فسيتيح لك ذلك العثور عليها بشكل أسرع وإجراء تغييرات عالمية على موقع الويب.

• تحسين: تمت إضافة اختصارات لوحة المفاتيح للتكرار والحفظ والحذف والنسخ واللصق (# 3951)

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

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

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

بشكل عام ، اكتشفنا واجهة المستخدم الجديدة والتحسينات الإضافية لسهولة الاستخدام التي تجعل الأداة أكثر فاعلية وطريقة أسهل لإنشاء مواقع الويب بهذا الإصدار 3.0. كل هذه التغييرات مرحب بها للغاية ، وقد تلغي بعض المستخدمين الحاجة إلى شراء Hydrogen Pack (حيث توجد الآن اختصارات لوحة المفاتيح).

إصلاح المكرر المعرفات المكررة

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

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

دعم PHP8

كان هذا طلبًا هائلًا في مجموعة Facebook ، وتدعم الأداة الآن PHP الإصدار الثامن. الإصدار 3.0 ببساطة لن يعمل أو يتم تحميله على هذا الإصدار الجديد من PHP. يمكننا الآن الاستفادة من تحسينات السرعة التي يوفرها ذلك.

إليكم سبب كون PHP 8 رائعًا:

منشئ تحسينات سرعة التحميل

هناك أيضًا بعض التحسينات التي تؤثر بشكل مباشر على سرعة تحميل المنشئ مثل إزالة تحميل SVGs المكرر وتحديث AngularJS 1.8.2 ، أحدث إصدار مدعوم (# 4031).

قراءة: اختبار وقت التحميل الخلفي منشئ الأكسجين

طريقة جديدة لتخزين البيانات

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

بعد الترقية ، إذا استقلت الرموز القصيرة ، فسيتم تحويلها إلى تنسيق JSON الجديد.

عناصر وتغييرات WooCommerce الإضافية

يأتي هذا جنبًا إلى جنب مع الإصدار الجديد من باني النواة. Oxygen WooCommerce 2.0.1 تحديث هناك عنصران جديدان ، بما في ذلك عربة صغيرة ومكون البيع / البيع المتقاطع.

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

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

ملاحظات بخصوص الأكسجين V4.0

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

نظرًا لأن واجهة المستخدم قد تغيرت ، كما فعلت CSS ، مما يعني أن الأشياء ستظهر معطلة إذا لم تمسح ذاكرة التخزين المؤقت للمتصفح وتعيد إنشاء CSS - لذا قم بذلك بالتأكيد!

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

قراءة متعمقة:

• مراجعة تفصيلية لمنشئ الأكسجين (منظور الوكالة)
• كيف نهاجر مواقع منشئ الأكسجين
• Divi Builder VS Oxygen Builder - من سيفوز في عام 2021؟

خاتمة

يوفر الإصدار الرابع من Oxygen Builder تجربة مستخدم تشتد الحاجة إليها وتحسينات للواجهة مثل اختصار لوحة المفاتيح لنسخ العناصر ولصقها ، وتصميم أسهل جديد ، ودعم PHP8 وتحسينات WooCommerce. يجب أن يمهد هذا الإصدار الطريق لأدوات أصلية إضافية مثل قائمة النقر بزر الماوس الأيمن والمزيد من تحسينات سرعة الواجهة الخلفية.