هل تريد إنشاء خلفية فريدة ومذهلة باستخدام أقنعة وأنماط خلفية من Divi ?
ميزة أقنعة وأنماط الخلفية الجديدة Divi هو الأكثر استخدامًا لأقسام الصفحة. ولكن يمكننا أيضًا إضافتها إلى الرؤوس!
سنوضح لك في هذا البرنامج التعليمي كيفية إضافة أقنعة وأنماط خلفية إلى قالب الرأس Divi باستخدام المنشئ المواضيع.
إنها طريقة رائعة لإنشاء تصميمات رأس فريدة تمامًا لملفات موقع انترنت.
دعونا نبدأ.
مسح
إليك نظرة سريعة على التصميم الذي سنقوم بإنشائه في هذا البرنامج التعليمي.
انتقل إلى منشئ سمات Divi وابدأ في إنشاء رأس عالمي
من لوحة تحكم WordPress ، انتقل إلى ديفي> باني الموضوع
انقر "إضافة رأس عام"
اختر "إنشاء رأس عام".
بعد ذلك ، يمكنك البدء في تصميم رأس جديد باستخدام Divi Builder.
كيفية إضافة أقنعة وأنماط خلفية إلى رأس Divi
إنشاء خلفية القسم بلون ونمط للخلفية
اقرأ أيضا: Divi: كيفية إنشاء قسم الشهادات في شكل شبكة
للبدء ، افتح إعدادات القسم الحالي.
تحت علامة التبويب وصف المنتج، قم بتحديث خيارات الخلفية بالإعدادات التالية:
لون الخلفية:
- الخلفية: # 262d3f
نمط الخلفية:
- الموديل: Pills
- لون النمط: rgba (255,255,255,0.1،XNUMX،XNUMX،XNUMX)
- حجم النمط: حجم مخصص.
- عرض النمط: 1 بكسل
حشوة
تحت علامة التبويب تصميم، قم بتحديث المساحة المتروكة للقسم كما يلي:
- المساحة المتروكة (أعلى وأسفل): 0 بكسل
سيؤدي ذلك إلى تقليل المساحة الرأسية للرأس قليلاً.
أضف صفًا مع تخطيط العمود التالي
تمت إضافة محتوى رأس العنصر النائب (قائمة وزر)
في العمود الأيمن من الصف ، أضف قائمة جديدة.
حدد قائمة.
ثم أضف شعارًا واستخدم الإعدادات لتخصيص القائمة والشعار حسب الرغبة.
في العمود الأيمن ، أضف وحدة زر وقم أيضًا بتخصيصها حسب رغبتك.
إنشاء خلفية الخط مع التدرج والقناع والنمط
التدرج
افتح إعدادات الصف التي تحتوي على القائمة والزر. ثم قم بتحديث خيارات الخلفية بإعدادات الخلفية التالية:
تدرج الخلفية:
- توقف متدرج 1 (50٪): واضح
- توقف متدرج 2 (75٪): # ff4c00
- التوجيه: 90 درجة
نمط
- الموديل: Pills
- لون النمط: rgba (38,45,63,0.48،XNUMX،XNUMX،XNUMX)
- حجم النمط: 1 بكسل
- الإزاحة العمودية: 20 بكسل
ملاحظة: تم ضبط الإزاحة الرأسية للنمط على 20 بكسل نظرًا لوجود حشوة علوية تبلغ 20 بكسل في القسم الموجود أعلى السطر. هذا يضمن محاذاة نمط القسم مع نمط الصف.
قناع الخلفية
- القناع: عظم السمكة
- لون القناع: # 262d3f
ملاحظة: بالنسبة إلى الرؤوس ، من الأفضل الاحتفاظ بحجم القناع مضبوطًا على "تمديد للتعبئة" بحيث يغطي المساحة الأفقية دون المساس بتصميم القناع.
اللمسات الأخيرة على الخط
أنظر أيضا: Divi: كيفية استخدام "Gradient Builder" لتجميل صورك
لإكمال التصميم ، سنضيف نصف قطر حد وبعض التعديلات الإضافية على السطر.
التباعد بين الشعاع والحدود والحد
تحت علامة التبويب تصميم، قم بتحديث المساحة المتروكة على النحو التالي:
- المساحة المتروكة (أعلى وأسفل): 5 بكسل
ثم امنح الصف زاوية مستديرة لطيفة لعنصر تصميم إضافي.
- الزوايا الدائرية: 50 بكسل
- عرض الحد الأيسر: 50 بكسل
- لون الحد الأيسر: # 262d3f
نحتاج إلى إعطاء حد للجانب الأيسر من الصف لأن الحافة المربعة للقناع ستفوق الصف على الرغم من الزوايا المنحنية.
نتيجة نهائية
دعونا نرى النتيجة النهائية.
التدرج اللوني دقيق بعض الشيء ، لذا إليك نظرة على الشكل الذي يبدو عليه.
وهنا تصميم رأس سطح المكتب والجوّال.
تحميل DIVI Now !!!
وفي الختام
تصميم خلفية الرأس هو مجرد غيض من فيض. هناك الكثير من الاستكشاف الذي يجب القيام به مع خيارات الخلفية المتوفرة في Divi.
نأمل أن يساعدك هذا البرنامج التعليمي في فهم كيفية عمل أقنعة وأنماط خلفية Divi معًا لإنشاء تصميم خلفية فريد للرؤوس الخاصة بك.
لا تتردد في تجربة المزيد من مجموعات تصميم الخلفية لتناسب تصميمك الخاص. موقع انترنت أو مشروعك القادم.
يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى المزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت.
لا تتردد في الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
