هل تريد دمج أقنعة الخلفية والمقسم الخاص بـ Divi لإنشاء خلفيات مذهلة وفريدة من نوعها؟
يؤدي الجمع بين أقنعة الخلفية ومقسمات الأقسام في Divi إلى إضافة طبقة أخرى من الإبداع إلى ترسانة قوية بالفعل من خيارات تصميم الخلفية.
بالإضافة إلى خيارات الخلفية ، تتيح فواصل الأقسام للمستخدمين أيضًا تحسين تصميمات الخلفية الخاصة بهم.
في هذا البرنامج التعليمي، سنوضح لك كيفية دمج أقنعة الخلفية مع فواصل الأقسام في Divi. سنقدم لك تعليمات خطوة بخطوة حول كيفية إنشاء تصميم خلفية لقسم Divi باستخدام هذه التقنية.
بالإضافة إلى ذلك ، سنشرح كيفية إنشاء تصميمات بديلة ببعض التعديلات البسيطة.
لنبدأ!
مسح
هنا معاينة للرسومات في هذا البرنامج التعليمي.
المفهوم
يتمثل المفهوم الأساسي لهذا البرنامج التعليمي في الجمع بين قناع الخلفية وفواصل الأقسام لإنشاء المزيد من أشكال القناع الفريدة.
أولاً ، نضيف قناع خلفية.
بعد ذلك ، نضيف فواصل الأقسام لإكمال شكل القناع بشكل خلاق.
قم بإنشاء صفحة جديدة باستخدام Divi Builder
من لوحة تحكم WordPress ، انتقل إلى الصفحات> إضافة جديد لإنشاء صفحة جديدة.
أعطه عنوانًا منطقيًا لك وانقر استخدم Divi Builder
ثم انقر فوق ابدأ البناء (البناء من الصفر)
بعد ذلك ، سيكون لديك لوحة قماش فارغة لبدء التصميم في Divi.
اجمع بين أقنعة الخلفية والفواصل في Divi
أضف حجم القسم والتباعد
للبدء، سنضيف حجمًا وتباعدًا للقسم الحالي في المُنشئ. سنؤجل إضافة أي صفوف أو محتوى حتى نتمكن من التركيز على تصميم خلفية القسم.
افتح إعدادات القسم. تحت علامة التبويب تصميم، قم بتحديث الحجم والتباعد كما يلي:
- ارتفاع الحد الأدنى: 50 فولكس فاجن
- المساحة المتروكة (أعلى وأسفل): 0 بكسل
قم بإنشاء تدرج الخلفية
بمجرد أن يكون للقسم ارتفاع معين ، نكون مستعدين لإضافة تدرج الخلفية إلى القسم.
تحت علامة التبويب وصف المنتج، انقر فوق علامة التبويب تدرج الخلفية تحت خيارات الخلفية. ثم أضف تدرجًا كما يلي:
- توقف متدرج
- 20٪: # 1a2a6c
- 60٪: # b21f1f
- 100٪: # fdbb2d
قم بإنشاء قناع الخلفية
الآن بعد أن أصبح لدينا تدرج لوني ، نحن جاهزون لإنشاء قناع خلفية.
تحت علامة التبويب قناع الخلفية، قم بتحديث ما يلي:
- القناع: عظم السمكة
- لون القناع: # 000000
- التحويل: مقلوب
- نسبة عرض القناع: انظر الصورة
اضافة فواصل القسم (فواصل)
مع وضع القناع في مكانه ، يمكننا تعديل شكل القناع بشكل أكبر باستخدام فواصل الأقسام.
في هذا المثال ، سنضيف قسمًا على شكل نصف دائرة في الأعلى والأسفل. سيؤدي هذا إلى ضغط قناع الخلفية لتبدو أشبه بتصميم سهم خيالي.
للقيام بذلك ، انقر فوق علامة التبويب تصميم وأضف الفواصل التالية:
أولاً ، أضف فاصلًا علويًا أسفل علامة التبويب ★★★★.
- نمط الفاصل: انظر لقطة الشاشة
- اللون: # 000
- ارتفاع الحاجز: 10 vw
بعد ذلك ، أضف فاصلًا سفليًا أسفل علامة التبويب الملابس السفلية.
- نمط الفاصل: انظر لقطة الشاشة
- اللون: # 000
- ارتفاع الحاجز: 10 vw
- انعكاس الحاجز: قلب رأسي
النتيجة
ها هي النتيجة حتى الآن.
اضبط خيارات الخلفية والفواصل لمزيد من التصميم
الآن بعد أن أصبحت لديك الفكرة الأساسية ، يمكننا اللعب بسهولة مع فواصل الأقسام لإنشاء المزيد من الأنماط.
أنظر أيضا: Divi: كيفية استخدام "Gradient Builder" لتجميل صورك
التصميم البديل # 1
بالنسبة للتصميم البديل الأول لدينا ، سنقوم بتدوير قناع الخلفية الحالي. بعد ذلك سنستبدل فواصل القسم نصف الدائرية بالمثلثات.
للقيام بذلك ، افتح إعدادات القسم الحالية ، وانقر فوق علامة التبويب قناع الخلفية وتحديث ما يلي:
- تحويل القناع: قلب رأسي ، دوران
- نسبة عرض القناع: انظر الصورة
بعد ذلك ، قم بتحديث فواصل الأقسام كما يلي:
الفاصل العلوي
- نمط الفاصل: انظر لقطة الشاشة
- ارتفاع الحاجز: 13 vw
الفاصل السفلي
- نمط الفاصل: انظر لقطة الشاشة
- الارتفاع: 13 فولكس فاجن
- فاصل فاصل: عطل
النتيجة
ها هي النتيجة.
التصميم البديل # 2
بالنسبة لتصميمنا البديل الثاني والأخير ، سنقوم باستبدال القناع شيفرون بواسطة القناع قضبان قطرية 2 وكذلك إعطائها مقسمًا جديدًا للقسم العلوي.
للقيام بذلك ، افتح إعدادات القسم الحالية ، وانقر فوق علامة التبويب قناع الخلفية وتحديث ما يلي:
- القناع: قضبان قطرية 2
- تحويل القناع: الوجه الأفقي
- نسبة العرض إلى الارتفاع: انظر لقطة الشاشة
بعد ذلك ، قم بتحديث فواصل الأقسام كما يلي:
الفاصل العلوي
- نمط الفاصل: انظر لقطة الشاشة
- الوجه الفاصل: قلب أفقي
الفاصل السفلي
- نمط المقسم: لا شيء
النتيجة
ها هي النتيجة.
النتائج النهائية
ولمنحك فكرة أفضل عن الشكل الذي ستبدو عليه هذه الخلفيات مع المحتوى، أضفنا صفًا مكونًا من عمود واحد مع عنوان.
اقرأ أيضا: ديفي: كيفية إنشاء قناع خلفية لزجة
تحميل DIVI الآن !!!
الخاتمة
يؤدي الجمع بين الأقنعة وفواصل الأقسام لتصميمات الخلفية إلى فتح المزيد من الاحتمالات لإنشاء أشكال فريدة لهذه الأقنعة المضمنة.
لا تتردد في استكشاف مجموعات مختلفة بنفسك.
نأمل أن يلهمك هذا البرنامج التعليمي لمشاريع Divi التالية. إذا كانت لديك أية مخاوف أو اقتراحات ، فابحث عنا قسم التعليقات لمناقشته.
يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى المزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت.
لا تتردد في الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...