هل تريد دمج أقنعة الخلفية وفاصل ملفات Divi أن يكون لديك خلفيات سامية وفريدة من نوعها؟

مزيج من أقنعة الخلفية مع فواصل الأقسام بتنسيق Divi يضيف طبقة أخرى من الإبداع إلى ترسانة قوية بالفعل من خيارات تصميم الخلفية. 

بالإضافة إلى خيارات الخلفية ، تتيح فواصل الأقسام للمستخدمين أيضًا تحسين تصميمات الخلفية الخاصة بهم.

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

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

لنبدأ!

مسح

هنا معاينة للرسومات في هذا البرنامج التعليمي.

الجمع بين أقنعة الخلفية وفاصل Divi
الجمع بين أقنعة الخلفية وفاصل Divi
الجمع بين أقنعة الخلفية وفاصل Divi

المفهوم

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

أولاً ، نضيف قناع خلفية.

الجمع بين أقنعة الخلفية وفاصل Divi

بعد ذلك ، نضيف فواصل الأقسام لإكمال شكل القناع بشكل خلاق.

الجمع بين أقنعة الخلفية وفاصل Divi

قم بإنشاء صفحة جديدة باستخدام Divi Builder

من لوحة تحكم WordPress ، انتقل إلى الصفحات> إضافة جديد لإنشاء صفحة جديدة.

تم تحويل خطوط Divi إلى علامات تبويب

أعطه عنوانًا منطقيًا لك وانقر استخدم Divi Builder

ثم انقر فوق ابدأ البناء (البناء من الصفر)

تم تحويل خطوط Divi إلى علامات تبويب

بعد ذلك ، سيكون لديك لوحة قماش فارغة لبدء التصميم في Divi.

اجمع بين أقنعة الخلفية والفواصل في Divi

أضف حجم القسم والتباعد

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

افتح إعدادات القسم. تحت علامة التبويب تصميم، قم بتحديث الحجم والتباعد كما يلي:

  • ارتفاع الحد الأدنى: 50 فولكس فاجن
  • المساحة المتروكة (أعلى وأسفل): 0 بكسل

قم بإنشاء تدرج الخلفية

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

تحت علامة التبويب وصف المنتج، انقر فوق علامة التبويب تدرج الخلفية تحت خيارات الخلفية. ثم أضف تدرجًا كما يلي:

  • توقف متدرج
    •  20٪: # 1a2a6c
    • 60٪: # b21f1f
    • 100٪: # fdbb2d

قم بإنشاء قناع الخلفية

الآن بعد أن أصبح لدينا تدرج لوني ، نحن جاهزون لإنشاء قناع خلفية.

تحت علامة التبويب قناع الخلفية، قم بتحديث ما يلي:

  • القناع: عظم السمكة
  • لون القناع: # 000000
  • التحويل: مقلوب
  • نسبة عرض القناع: انظر الصورة

اضافة فواصل القسم (فواصل)

مع وضع القناع في مكانه ، يمكننا تعديل شكل القناع بشكل أكبر باستخدام فواصل الأقسام. 

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

للقيام بذلك ، انقر فوق علامة التبويب تصميم وأضف الفواصل التالية:

أولاً ، أضف فاصلًا علويًا أسفل علامة التبويب ★★★★.

  • نمط الفاصل: انظر لقطة الشاشة
  • اللون: # 000
  • ارتفاع الحاجز: 10 vw

بعد ذلك ، أضف فاصلًا سفليًا أسفل علامة التبويب الملابس السفلية.

  • نمط الفاصل: انظر لقطة الشاشة
  • اللون: # 000
  • ارتفاع الحاجز: 10 vw
  • انعكاس الحاجز: قلب رأسي

النتيجة

ها هي النتيجة حتى الآن.

الجمع بين أقنعة الخلفية وفاصل Divi

اضبط خيارات الخلفية والفواصل لمزيد من التصميم

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

أنظر أيضا: Divi: كيفية استخدام "Gradient Builder" لتجميل صورك

التصميم البديل # 1

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

للقيام بذلك ، افتح إعدادات القسم الحالية ، وانقر فوق علامة التبويب قناع الخلفية وتحديث ما يلي:

  • تحويل القناع: قلب رأسي ، دوران
  • نسبة عرض القناع: انظر الصورة

بعد ذلك ، قم بتحديث فواصل الأقسام كما يلي:

الفاصل العلوي

  • نمط الفاصل: انظر لقطة الشاشة
  • ارتفاع الحاجز: 13 vw
فاصل ديفي

الفاصل السفلي

  • نمط الفاصل: انظر لقطة الشاشة
  • الارتفاع: 13 فولكس فاجن
  • فاصل فاصل: عطل

النتيجة

ها هي النتيجة.

الجمع بين أقنعة الخلفية وفاصل Divi

التصميم البديل # 2

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

للقيام بذلك ، افتح إعدادات القسم الحالية ، وانقر فوق علامة التبويب قناع الخلفية وتحديث ما يلي:

  • القناع: قضبان قطرية 2
  • تحويل القناع: الوجه الأفقي
  • نسبة العرض إلى الارتفاع: انظر لقطة الشاشة

بعد ذلك ، قم بتحديث فواصل الأقسام كما يلي:

الفاصل العلوي

  • نمط الفاصل: انظر لقطة الشاشة
  • الوجه الفاصل: قلب أفقي

الفاصل السفلي

  • نمط المقسم: لا شيء

النتيجة

ها هي النتيجة.

الجمع بين أقنعة الخلفية وفاصل Divi

النتائج النهائية

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

اقرأ أيضا: ديفي: كيفية إنشاء قناع خلفية لزجة

الجمع بين أقنعة الخلفية وفاصل Divi
الجمع بين أقنعة الخلفية وفاصل Divi
الجمع بين أقنعة الخلفية وفاصل Divi

تحميل DIVI الآن !!!

وفي الختام

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

لا تتردد في استكشاف مجموعات مختلفة بنفسك. 

نأمل أن يلهمك هذا البرنامج التعليمي لمشاريع Divi التالية. إذا كانت لديك أية مخاوف أو اقتراحات ، فابحث عنا قسم التعليقات لمناقشته.

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

لا تتردد في الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...