ديفي: أفضل موضوع وورد في كل العصور!

أكثر تنزيلات 901.000، Divi هو موضوع WordPress الأكثر شعبية في العالم. إنها كاملة وسهلة الاستخدام وتأتي مع أكثر من 62 قوالب مجانية.

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

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

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

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

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

لنبدأ!

مسح

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

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

المفهوم

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

بسهولة إنشاء موقع الويب الخاص بك مع Elementor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

أولاً ، أضف فاصلًا علويًا أسفل علامة التبويب بلايز ، جاكيت وقمصان.

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

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

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

النتيجة

هل تريد بيع منتجاتك على الإنترنت؟

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

النتيجة

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

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

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

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

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

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

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

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

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

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

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

النتيجة

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

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

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

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

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

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

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

في الختام

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

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

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

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

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

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

...

%d المدونين مثل هذه الصفحة: