كيفية إضافة قالب رأس في Oxygen Builder - خطوة بخطوة

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

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

تثبيت Oxygen Builder مع أو بدون قالب

بشكل افتراضي ، يقوم Oxygen Builder بتعطيل السمات. لذا فإن التخصيص باستخدام لوحة تحكم WordPress وإعدادات السمات غير متاح.

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

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

طرق سهلة: كيفية إضافة قالب رأس في منشئ الأكسجين؟

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

لإضافة رأس من مكتبة القوالب ، يجب أن تذهب إلى قائمة Oxygen من الشريط الجانبي الأيسر في لوحة معلومات WordPress.

انتقل إلى Oxygen ⇒ Templates ⇒ Main ⇒ Edit ⇒ Edit with Oxygen. ستصل إلى صفحة بها رأس وتذييل ومحتوى أو فارغة وفقًا للتثبيت الخاص بك.

لإضافة عنوان جديد ، انقر فوق الزر "إضافة عناصر" (" ⊕ ") ثم قم بالتمرير وحدد المكتبة. انقر فوق "مجموعة التصميم".

بعد ذلك ، اختر أي قوالب من القائمة وانقر على " القسم والعناصر " ، وانتقل لأسفل إلى العناوين . اعتمادًا على القالب ، ستحصل على 1 إلى 5 تصميمات رأس في كل قالب.

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

فيما يلي بعض تصميمات الرأس التي يمكنك الحصول عليها.

رأس المبنى مع منشئ رأس الأكسجين

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

الخطوة 1: إنشاء نموذج جديد

يمكنك العمل على القالب الافتراضي على رأس الأكسجين. يمكنك حذف العنوان الافتراضي من القالب الرئيسي وإنشاء رأس جديد أو إنشاء قالب جديد.

لإضافة قالب جديد ، انتقل إلى القوالب ضمن Oxygen. انقر فوق "إضافة قالب جديد" ، وقم بتسميته كما تريد ، واضغط على "نشر".

ستحصل الآن على الزر " تحرير باستخدام الأكسجين " لإنشاء رأس الصفحة. ستحصل على صفحة فارغة حيث ستجعل العنوان كما تريد.

الخطوة 2: إنشاء Header Builder

انقر الآن على "إضافة عناصر" ، وانقر على Helpers ، ثم حدد "Header Builder". العنوان غير مكتمل بدون شعار وقائمة.

يمكنك إضافة العناصر من زر إضافة عناصر. لإضافة القائمة ، تحتاج إلى النقر فوق زر الإضافة ثم قائمة WordPress ⇒.

من الإعدادات ، حدد القائمة الأساسية إذا كان لديك قوائم متعددة على موقع الويب الخاص بك.

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

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

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

الخطوة 3: صفوف متعددة للرأس

يمكنك إضافة المزيد من الصفوف لإضافة معلومات وروابط لعملك. على سبيل المثال ، يمكنك إضافة ساعات العمل والرموز الاجتماعية في صف جديد في الرأس. انقر نقرًا مزدوجًا فوق " Header Builder " في الزاوية السفلية اليمنى من الرأس الرئيسي.

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

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

هذا هو الإصدار الخاص بي من Header with Oxygen Header Builder.

الخطوة 4: جعل الرأس قابلة لإعادة الاستخدام

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

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

ثم انقر فوق تحرير باستخدام الأكسجين وافتح الشريط الجانبي للهيكل . انقر فوق رمز القلم في Header Builder وحدد Make Re-usable . أعد تسمية العناصر كما تفضل وانقر فوق حفظ.

الآن ستجد العنوان الذي تم إنشاؤه حديثًا في علامة التبويب Reusable في Oxygen Builder.

جعل الرأس مثبتة

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

أولاً ، انتقل إلى النموذج " الرئيسي " وقم بتنشيط رأس الصفحة من خيار " قابلة لإعادة الاستخدام ". سترى الآن إعدادين ، أساسي ومتقدم.

من القائمة الأساسية ، حدد Enable Sticky Header ، ثم يمكنك تعديل مسافة التمرير ولون الخلفية وحجم الجهاز وما إلى ذلك.

جعل الرأس يستجيب

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

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

أسئلة وأجوبة

هل يمكنني استخدام رأس الموضوع الخاص بي مع Oxygen Builder؟

يقوم منشئ الأكسجين بتعطيل السمة الخاصة بك تمامًا ، لذلك لا توجد طريقة لاستخدام رأس السمة. لذلك ، لا يمكنك تعديل رأس القالب باستخدام Oxygen Header Builder.

استنتاج

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

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

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