Oxygen Builder

الوصف

 Oxygen Builder هو خيار مثالي للمطورين والمصممين الذين يرغبون في السيطرة الكاملة على تصميم مواقعهم دون التأثير على سرعة الأداء أو جودة التصميم، فهو يتوافق مع أدوات تحسين محركات البحث (SEO. 

ما هو Oxygen Builder ؟

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

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

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

خطوات تفعيل Oxygen Builder لموقعك

لتفعيل Oxygen Builder على موقع ووردبريس الخاص بك يجب اتباع عدة خطوات بسيطة للحصول على الاداة وتفعيلها بشكل صحيح، وتتمثل تلك الخطوات في ما يلي:

1. شراء Oxygen Builder من موقع wordpresslicenses وسوف يتم إرسال تفاصيل حسابك ورابط لتحميل الأداة.
2. بعد الشراء قم بتنزيل ملف Oxygen Builder من حسابك على الموقع.
3. سيكون الملف على هيئة “ZIP” جاهز للرفع على موقع ووردبريس الخاص بك.
4. اذهب إلى لوحة التحكم الخاصة بموقعك على ووردبريس.
5. من القائمة الجانبية اختر إضافات ثم اضغط على أضف جديد.
6. بعد ذلك اضغط على رفع إضافة في أعلى الصفحة.
7. اختر ملف “ZIP” الخاص بـ Oxygen Builder الذي قمت بتنزيله مسبقًا.
8. اضغط على تثبيت الآن وانتظر حتى تنتهي عملية التثبيت.
9. بعد الانتهاء اضغط على تفعيل حتى يتم تفعيل الإضافة.
10. بعد تفعيل Oxygen Builder سوف تظهر لك رسالة تطلب إدخال مفتاح الترخيص.
11. قم بنسخ المفتاح وإدخاله في المكان المخصص على موقع ووردبريس واضغط على تفعيل (Activate License).
12. بعد تفعيل الترخيص يمكنك البدء في استخدام Oxygen Builder لإنشاء صفحات جديدة أو تعديل الصفحات الموجودة.
13. اذهب إلى القائمة الجانبية في ووردبريس وابحث عن خيار Oxygen، واضغط على Add New Page أو Edit with Oxygen لبدء التصميم.

كيفية ضبط إعدادات Oxygen Builder لتحقيق أقصى استفادة

لتحقيق أقصى استفادة من Oxygen Builder وضبط إعداداته بشكل فعال، عليك اتباع الخطوات التالية:

1. قم بتمكين خاصية (Minify) ملفات CSS و JavaScript لتقليل حجم الملفات التي يتم تحميلها.
2. اجمع ملفات CSS و JavaScript في ملفات منفردة بدلاً من تحميل ملفات متعددة.
3. تفعيل خاصية Lazy Loading للصور والمحتويات غير الظاهرة مباشرة (مثل الصور في أسفل الصفحة).
4. إذا كنت لا تستخدم بعض الميزات أو العناصر داخل Oxygen Builder، يمكنك تعطيلها.
5. إعداد الأنماط العامة (Global Styles) مثل الألوان والخطوط ليتم استخدامها عبر الموقع بالكامل. 
6. اذهب إلى قسم “Global Settings” وحدد الألوان الأساسية، ألوان النصوص والخلفيات، والخطوط المفضلة.
7. اضبط إعدادات الخطوط (Typography) من خلال اختيار عائلة الخط، الحجم، التباعد بين الأحرف، والارتفاع.  
8. قم بتحديد مسافات عامة بين العناصر مثل الهوامش (Margins) والحواشي (Padding) لتجنب التباين في المسافات بين عناصر الموقع المختلفة.
9. استخدم نظام القوالب الخاص بـ Oxygen لإنشاء تصميمات مخصصة للصفحات المختلفة، مثل الصفحات الرئيسية، المقالات، وصفحات الأرشيف.
10. يمكنك إنشاء قالب رئيسي (Master Template) يحتوي على رأس وتذييل ثابتين، وتخصيص المحتوى في كل صفحة بشكل منفصل.
11.  تمكين تكامل Oxygen Builder مع إضافات مثل Yoast SEO أو Rank Math.
12. تأكد من أن جميع الصفحات تحتوي على بيانات متوافقة لمحركات البحث مثل العناوين (Title) والوصف (Meta Description).
13. استخدم عناوين H1, H2, H3 بشكل صحيح داخل Oxygen لتحسين ترتيب الموقع في نتائج البحث.
14. استخدم نظام النسخ الاحتياطي الخاص بموقع ووردبريس أو إضافة خارجية مثل UpdraftPlus.

متى تحتاج إلى استخدام Oxygen Builder على موقعك؟

1. إذا كنت ترغب التحكم في تصميم موقعك دون الحاجة إلى الاعتماد على القوالب الجاهزة.
2.  إذا كنت مصممًا فهو يوفر أدوات تناسب المطورين والمصممين الذين لديهم معرفة جيدة بـ CSS و HTML ويرغبون في دمجها مع تصميماتهم. 
3. إذا كان الأداء وسرعة تحميل الموقع من أهم أولوياتك
4. إذا كنت تعمل على تصميم موقع يجب أن يكون متجاوبًا (Responsive) ويعمل بشكل جيد على جميع الأجهزة، من الحواسيب إلى الهواتف الذكية.
5. إذا كنت تخطط لإنشاء موقع تجارة إلكترونية باستخدام ووردبريس وWooCommerce.
6. إذا كنت ترغب في بناء موقع معقد يتطلب هيكلًا مخصصًا تمامًا.
7. إذا كنت تعتمد على تحسين محركات البحث (SEO).

كيفية تحسين أداء موقعك باستخدام Oxygen Builder

1. تقليص حجم ملفات CSS و JavaScript التي يتم تحميلها
2. دمج ملفات CSS و JavaScript بشكل منفصل في ملف واحد.
3. تفعيل Lazy Loading للصور لتقليل الوقت اللازم لتحميل الصفحة الأولى.
4. تأكد من أن جميع الصور على موقعك مضغوطة ومحسنة
5. تعطيل العناصر الغير مستخدمة لتقليل حجم الأكواد التي يتم تحميلها.
6. تفعيل التخزين المؤقت لحفظ نسخة من صفحات موقعك
7. تفعيل ضغط Gzip لضغط ملفات النصوص مثل HTML و CSS و JavaScript. استخدام شبكة توصيل المحتوى (CDN) مثل Cloudflare أو KeyCDN.

مميزات Oxygen Builder

1. يتيح Oxygen Builder التحكم الكامل في كل جزء من أجزاء الموقع.
2. عدم الحاجة إلى قوالب ووردبريس التقليدية.
3.  تصميم سريع وخفيف على عكس العديد من أدوات بناء الصفحات التي تضيف اكواد غير ضرورية قد تبطئ الموقع.
4. واجهة Oxygen تعتمد على السحب والإفلات، مما يجعل من السهل تصميم الصفحات بصريًا دون الحاجة إلى معرفة بالبرمجة.
5.  دعم لغات البرمجة المخصصة (Custom Code) دون أي معرفة برمجية.
6. يوفر ميزة الأنماط العالمية (Global Styles) للتحكم في إعدادات التصميم عبر الموقع بالكامل مثل الألوان والخطوط والتباعد.
7.  يتكامل بشكل جيد مع إضافات إنشاء مواقع متعددة اللغات مثل WPML و Polylong.
8. بعد شراء Oxygen Builder لا تحتاج إلى دفع رسوم شهرية أو سنوية كما هو الحال مع بعض أدوات التصميم الأخرى.
9. يمكنك إنشاء قوالب متعددة للصفحات مثل قوالب المقالات، الأرشيف، الصفحات الرئيسية، وغيرها. 

عيوب Oxygen Builder

1. عدم التوافق مع قوالب ووردبريس التقليدية.
2. عدم إمكانية استخدام المحرر الكلاسيكي أو محرر Gutenberg.
3. قد تتطلب معرفة بـ HTML وCSS وحتى JavaScript أو PHP.
4. الحاجة إلى تفعيل إدارة النسخ الاحتياطية بشكل مستمر.