قم بتنزيل 10 صور خلفية مجانية لقسم السوائل لـ Divi

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

دعنا نذهب اليها!

معاينة

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

قم بتنزيل صور خلفية قسم السوائل مجانًا

لوضع يديك على صور خلفية قسم السوائل المجانية ، ستحتاج أولاً إلى تنزيلها باستخدام الزر أدناه. للوصول إلى التنزيل ، ستحتاج إلى الاشتراك في قائمة البريد الإلكتروني Divi Daily الخاصة بنا باستخدام النموذج أدناه. بصفتك مشتركًا جديدًا ، ستتلقى المزيد من مزايا Divi وحزمة Divi Layout المجانية كل يوم اثنين! إذا كنت موجودًا بالفعل في القائمة ، فما عليك سوى إدخال عنوان بريدك الإلكتروني أدناه والنقر فوق تنزيل. لن يتم "إعادة اشتراكك" ولن تتلقى رسائل بريد إلكتروني إضافية.

قم بتنزيل الملفات

تنزيل مجاني

انضم إلى نشرة Divi الإخبارية وسنرسل لك نسخة من حزمة Divi Landing Page Layout النهائية ، بالإضافة إلى الكثير من موارد Divi ونصائح وحيل أخرى مذهلة ومجانية. تابع معنا وستكون سيد Divi في أي وقت من الأوقات. إذا كنت مشتركًا بالفعل ، فاكتب ببساطة عنوان بريدك الإلكتروني أدناه وانقر فوق تنزيل للوصول إلى حزمة التخطيط.

تحميل

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

قسم إعادة إنشاء

إضافة قسم عادي جديد

تباعد

بمجرد تنزيل جميع ملفات الصور ، انتقل إلى موقع WordPress الخاص بك وافتح صفحة جديدة أو موجودة. ثم ، باستخدام Divi's Visual Builder ، أضف قسمًا عاديًا جديدًا. افتح إعداداته وقم بتغيير قيم التباعد.

• الحشوة العلوية: 0 بكسل
• الحشو السفلي: 0 بكسل

أضف صفًا جديدًا

هيكل العمود

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

تحجيم

بدون إضافة أي وحدات نمطية حتى الآن ، افتح إعدادات الصف وقم بإجراء تغييرات على إعدادات التحجيم.

• جعل هذا الصف بعرض كامل: نعم
• استخدام عرض مزراب مخصص: نعم
• عرض الحضيض: 1

تباعد

أضف بعض قيم المساحة المتروكة إلى إعدادات التباعد أيضًا.

• الحشوة العلوية: 312 بكسل
• الحشو السفلي: 312 بكسل
• حشوة العمود الأيسر: 50 بكسل
• الحشوة اليمنى للعمود: 50 بكسل

أضف وحدة نصية

إضافة محتوى

حان الوقت لبدء إضافة الوحدات! الوحدة الأولى التي نحتاجها هي وحدة نصية. انطلق وأضف بعض المحتوى إلى مربع المحتوى ، ويفضل أن يكون عنوان H2 وفقرة.

إعدادات نص H2

انتقل إلى إعدادات نص H2 بعد ذلك وقم بتطبيق التغييرات التالية:

• خط العنوان 2: مونتسيرات
• وزن خط العنوان 2: غامق للغاية
• لون نص العنوان 2: #FFFFFF
• حجم نص العنوان 2: 82 بكسل (سطح المكتب) ، 60 بكسل (الجهاز اللوحي) ، 40 بكسل (الهاتف)
• ارتفاع خط العنوان 2: 1.4em

إعدادات النص

قم بتغيير إعدادات النص الإجمالية أيضًا.

• لون النص: #FFFFFF
• حجم النص: 16 بكسل
• ارتفاع خط النص: 1.9em
• اتجاه النص: الوسط

تحجيم

تابع عن طريق تقليل عرض هذه الوحدة على سطح المكتب.

• العرض: 58٪ (سطح المكتب) ، 100٪ (الجهاز اللوحي والهاتف)
• محاذاة الوحدة: المركز

إضافة وحدة زر

أضف نسخة

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

محاذاة الزر

قم بتغيير زر محاذاة بعد ذلك.

• محاذاة الزر: الوسط

إعدادات الزر

بعد ذلك ، انتقل إلى إعدادات الزر وقم بإجراء بعض التغييرات.

• استخدام الأنماط المخصصة للزر: نعم
• حجم نص الزر: 18 بكسل
• لون نص الزر: # 000000
• لون خلفية الزر: #FFFFFF
• عرض حد الزر: 0 بكسل
• نصف قطر حدود الزر: 0 بكسل
• تباعد حرف الزر: -1 بكسل
• زر الخط: مونتسيرات
• وزن الخط: عريض للغاية
• نمط الخط: أحرف كبيرة

تباعد

أخيرًا وليس آخرًا ، أضف بعض المسافة بين الوحدة السابقة والوحدة عن طريق إضافة بعض الهامش العلوي.

• الهامش العلوي: 25 بكسل

خلفية قسم السوائل # 1

قسم التدرج الخلفية

استخدم خلفية التدرج التالية لقسمك:

• اللون 1: # 000000
• اللون 2: # 2d5b9b
• نوع التدرج: خطي
• اتجاه التدرج: 137 درجة
• موقف البداية: 48٪

صورة خلفية القسم

قم بتحميل ملف " fluid-style-1.png " الذي يمكنك العثور عليه في مجلد التنزيل ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الحجم الفعلي
• موقف صورة الخلفية: المركز

صف خلفية متدرجة

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

• اللون 1: rgba (0،0،0،0.67)
• اللون 2: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز

خلفية قسم السوائل # 2 & # 3

قسم التدرج الخلفية

تستخدم صور خلفية قسم السوائل الثاني والثالث خلفية التدرج التالية للقسم:

• اللون 1: # 4f009e
• اللون 2: # fa00ff
• نوع التدرج: خطي
• اتجاه التدرج: 137 درجة
• موقف البداية: 48٪

صورة خلفية القسم

قم بتحميل ملف " fluid-style-2.png " أو " fluid-style-3.png " الذي يمكنك أن تجده في مجلد التنزيل ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الحجم الفعلي
• موقف صورة الخلفية: المركز

صف خلفية متدرجة

أضف خلفية متدرجة لصف دقيقة أيضًا:

• اللون 1: rgba (255،48،75،0.13)
• اللون 2: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز

خلفية قسم السوائل # 4

قسم التدرج الخلفية

استخدم خلفية التدرج التالية لقسمك:

• اللون 1: # 00245e
• اللون 2: # ffee00
• نوع التدرج: خطي
• اتجاه التدرج: 137 درجة
• موقف البداية: 48٪

صورة خلفية القسم

قم بتحميل ملف " fluid-style-4.png " الذي يمكنك العثور عليه في مجلد التنزيل ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الحجم الفعلي
• موقف صورة الخلفية: المركز

صف خلفية متدرجة

للإنهاء ، أضف خلفية متدرجة للصف باستخدام الإعدادات التالية:

• اللون 1: rgba (0،0،0،0.37)
• اللون 2: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز

خلفية قسم السوائل # 5

قسم التدرج الخلفية

أضف خلفية التدرج التالية إلى القسم الخاص بك:

• اللون 1: # 04000f
• اللون 2: # 00436d
• نوع التدرج: خطي
• اتجاه التدرج: 137 درجة
• موقف البداية: 48٪

صورة خلفية القسم

بعد ذلك ، قم بتحميل ملف " fluid-style-5.png " الذي يمكنك العثور عليه في مجلد التنزيل ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الحجم الفعلي
• موقف صورة الخلفية: المركز

صف خلفية متدرجة

أكمل تصميمك باستخدام الخلفية المتدرجة للصف التالي:

• اللون 1: rgba (0،0،0،0.58)
• اللون 2: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز

خلفية قسم السوائل رقم 6

قسم التدرج الخلفية

استخدم تركيبة خلفية متدرجة القسم المذهلة التالية:

• اللون 1: # 4800ff
• اللون 2: # c854ff
• نوع التدرج: خطي
• اتجاه التدرج: 137 درجة
• موقف البداية: 48٪

صورة خلفية القسم

قم بتحميل ملف " fluid-style-6.png " الذي يمكنك العثور عليه في مجلد التنزيل ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الحجم الفعلي
• موقف صورة الخلفية: المركز

صف خلفية متدرجة

أخيرًا وليس آخرًا ، أضف تراكب خلفية متدرجة للصف.

• اللون 1: rgba (0،0،0،0.51)
• اللون 2: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز

خلفية قسم السوائل # 7

قسم التدرج الخلفية

قم بتطبيق إعدادات الخلفية المتدرجة التالية على القسم الخاص بك:

• اللون 1: # ff8300
• اللون 2: # 52006b
• نوع التدرج: خطي
• اتجاه التدرج: 137 درجة
• موقف البداية: 48٪

صورة خلفية القسم

قم بتحميل ملف " fluid-style-7.png " الذي يمكنك العثور عليه في مجلد التنزيل ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الحجم الفعلي
• موضع صورة الخلفية: أعلى اليمين

صف خلفية متدرجة

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

• اللون 1: rgba (106،0،198،0.34)
• اللون 2: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز

خلفية قسم السوائل رقم 8

قسم التدرج الخلفية

قم بتطبيق خلفية التدرج الأزرق التالية على القسم الخاص بك:

• اللون 1: # 0b43dd
• اللون 2: # 09f9ed
• نوع التدرج: خطي
• اتجاه التدرج: 137 درجة
• موقف البداية: 48٪

صورة خلفية القسم

قم بتحميل ملف " fluid-style-8.png " الذي يمكنك العثور عليه في مجلد التنزيل ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الحجم الفعلي
• موضع صورة الخلفية: أعلى اليسار

صف خلفية متدرجة

أكمل تصميمك من خلال تطبيق خلفية متدرجة للصف.

• اللون 1: rgba (0،7،119،0.57)
• اللون 2: rgba (255،255،255،0)
• نوع التدرج: خطي
• اتجاه شعاعي: المركز

خلفية قسم السوائل # 9

قسم التدرج الخلفية

أضف خلفية التدرج التالية إلى القسم الخاص بك:

• اللون 1: # 051f89
• اللون 2: # 6d0272
• نوع التدرج: خطي
• اتجاه التدرج: 137 درجة
• موقف البداية: 48٪

صورة خلفية القسم

قم بتحميل ملف " fluid-style-9.png " الذي يمكنك العثور عليه في مجلد التنزيل ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الغلاف
• موقف صورة الخلفية: المركز

صف خلفية متدرجة

أخيرًا وليس آخرًا ، قم بزيادة قابلية قراءة المحتوى الخاص بك باستخدام خلفية متدرجة للصف.

• اللون 1: rgba (0،0،0،0.59)
• اللون 2: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز

خلفية قسم السوائل رقم 10

قسم التدرج الخلفية

يحتاج المثال الأخير إلى خلفية التدرج التالية للقسم:

• اللون 1: # 051f89
• اللون 2: # 6d0272
• نوع التدرج: خطي
• اتجاه التدرج: 137 درجة
• موقف البداية: 48٪

صورة خلفية القسم

قم بتحميل ملف " fluid-style-10a.png " الذي يمكنك العثور عليه في مجلد التنزيل ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الحجم الفعلي
• موضع صورة الخلفية: أعلى اليسار

صف خلفية متدرجة

أضف خلفية صف متدرجة بعد ذلك.

• اللون 1: rgba (0،0،0،0.59)
• اللون 2: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز

صورة خلفية الصف

أضف صورة خلفية إلى صفك أيضًا. ابحث عن " fluid-style-10b.png " في مجلد التنزيل ، وقم بتحميله ودمجه مع إعدادات الخلفية التالية:

• حجم صورة الخلفية: الحجم الفعلي
• موضع صورة الخلفية: أسفل اليمين

معاينة

الآن بعد أن انتهينا من جميع الخطوات ، دعنا نلقي نظرة أخيرة على النتيجة النهائية.

افكار اخيرة

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