10 طرق ممتعة لاستخدام وحدة Divider مع خيارات Divi الجديدة

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

نظرة خاطفة

أحد أفضل الأشياء في هذا البرنامج التعليمي هو حقيقة أننا لن نستخدم أي CSS إضافي (أو رمز من أي نوع لهذا الأمر). ستستخدم جميع الأمثلة التي سننشئها فقط الخيارات المضمنة في وحدة Divider Module. دعنا نلقي نظرة سريعة على المقسمات التي سنقوم ببنائها قبل أن أوضح لك كيفية إنشاء كل منها خطوة بخطوة:

10 طرق ممتعة لاستخدام وحدة Divider مع خيارات Divi الجديدة

اشترك في قناتنا على اليوتيوب

إنشاء قسم قابل لإعادة الاستخدام

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

إنشاء صفحة جديدة

ابدأ بإنشاء صفحة جديدة في لوحة معلومات WordPress الخاصة بك ، وتمكين Divi Builder وفتح Visual Builder.

إنشاء مقطع بصف من ثلاثة أعمدة

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

أضف الوحدة النمطية الأولى للنص

ثم أضف الوحدة النمطية الأولى للنص إلى العمود الأول من الصف. افتح الإعدادات واكتب النص الذي تريد ظهوره وانتقل إلى علامة التبويب التصميم. ضمن علامة التبويب تصميم ، قم بإجراء التغييرات التالية على فئة النص الفرعية:

• خط النص: Lobster
• حجم خط النص: 35
• لون النص: # 000000
• ارتفاع خط النص: 1.7em
• اتجاه النص: الوسط

أضف وحدة نصية ثانية

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

• خط النص: Roboto
• حجم خط النص: 14
• ارتفاع خط النص: 1.7em
• اتجاه النص: الوسط

استنساخ وحدات النص ووضعها في عمودين آخرين

بمجرد إنشاء هاتين الوحدتين النصيتين ، يمكنك وضعهما في العمودين الآخرين من الصف أيضًا.

قبل البدء

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

ملاحظة: لكل واحد من الفواصل ، ستحتاج إلى تمكين خيار "إظهار الحاجز" ضمن علامة التبويب "المحتوى".

1. المثلث الضبابي

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

ضمن علامة تبويب المحتوى ، سنستخدم إعدادات الخلفية التالية:

• اللون الأول: # e09900
• اللون الثاني: rgba (255،255،255،0)
• نوع التدرج: خطي
• اتجاه التدرج: 176 درجة
• مركز البداية: 13٪
• مركز النهاية: 31٪

علامة تبويب التصميم

انتقل إلى علامة التبويب التصميم وتأكد من تطبيق الإعدادات التالية على فئة التحجيم الفرعية:

• وزن الحاجز: 0
• الارتفاع: 25 بكسل
• العرض: 35٪
• محاذاة الوحدة: المركز

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

• نمط الرسوم المتحركة: شريحة
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: المركز
• مدة الرسوم المتحركة: 1200 مللي ثانية
• كثافة الرسوم المتحركة: 80٪

إعدادات وحدة الحاجز الثاني

علامة تبويب المحتوى

في علامة تبويب المحتوى ، الشيء الوحيد الذي عليك فعله هو تغيير لون التدرج الأول إلى "# 0c71c3".

علامة تبويب التصميم

بعد ذلك ، ستحتاج إلى إضافة بعض تأخير الرسوم المتحركة "250 ملي ثانية" إلى فئة الرسوم المتحركة الفرعية.

إعدادات وحدة المقسم الثالث

علامة تبويب المحتوى

قم بتغيير لون التدرج الأول إلى "# 8300e9" لآخر فاصل.

علامة تبويب التصميم

تأجيل الرسوم المتحركة الذي ستحتاج إلى إضافته إلى فئة الرسوم المتحركة الفرعية في الحاجز الأخير هو "500 مللي ثانية".

2. لون الظل

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

استخدم إعدادات الخلفية المتدرجة التالية في علامة تبويب المحتوى:

• اللون الأول: # e09900
• اللون الثاني: rgba (255،255،255،0)
• نوع التدرج: خطي
• اتجاه التدرج: 180 درجة
• موقف البداية: 0٪
• موضع النهاية: 72٪

علامة تبويب التصميم

أول شيء عليك القيام به في علامة التبويب "تصميم" هو تغيير لون الحاجز إلى "# 000000".

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

استمر في التمرير لأسفل وقم بإجراء التغييرات التالية على فئة التحجيم الفرعية:

• وزن الحاجز: 2
• الارتفاع: 20 بكسل
• العرض: 70٪
• محاذاة الوحدة: المركز

وأخيرًا ، استخدم إعدادات الخيار التالية لفئة الرسوم المتحركة الفرعية:

• نمط الرسوم المتحركة: ترتد
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: المركز
• مدة الرسوم المتحركة: 2000 مللي ثانية

إعدادات وحدة الحاجز الثاني

علامة تبويب المحتوى

قم بتغيير لون التدرج الأول لخلفية التدرج إلى "# 0c71c3".

علامة تبويب التصميم

ضمن الفئة الفرعية للرسوم المتحركة ، أضف "350 مللي ثانية" إلى خيار "تأخير الرسوم المتحركة".

إعدادات وحدة المقسم الثالث

علامة تبويب المحتوى

قم بإجراء نفس التغيير على الحاجز الثالث ولكن استخدم اللون "# 8300e9" بدلاً من ذلك.

علامة تبويب التصميم

وأخيرًا ، أضف تأخيرًا للرسوم المتحركة بمقدار 700 ملي ثانية.

3. سلسلة التدرج

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

بالنسبة إلى الحاجز الأول ، استخدم إعدادات الخلفية المتدرجة التالية:

• اللون الأول: # 0970a0
• اللون الثاني: rgba (255،255،255،0)
• نوع التدرج: خطي
• اتجاه التدرج: 119 درجة
• موقف البداية: 0٪
• مركز النهاية: 86٪

علامة تبويب التصميم

ضمن علامة التبويب "تصميم" ، اختر "#FFFFFF" كلون للمقسم الخاص بك.

بعد ذلك ، قم بإجراء التغييرات التالية على فئة الأنماط الفرعية:

• نمط المقسم: صلب
• موضع الحاجز: توسيط رأسيًا

أثناء وجودك في نفس علامة التبويب ، تأكد من أن الإعدادات التالية تنطبق على فئة التحجيم الفرعية:

• وزن الحاجز: 3
• الارتفاع: 10 بكسل
• العرض: 25٪
• محاذاة الوحدة: يسار

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

وأخيرًا ، استخدم الإعدادات التالية للفئة الفرعية للرسوم المتحركة:

• نمط الرسوم المتحركة: شريحة
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: يسار
• مدة الرسوم المتحركة: 2000 مللي ثانية
• كثافة الرسوم المتحركة: 100٪

إعدادات وحدة الحاجز الثاني

علامة تبويب المحتوى

تختلف إعدادات الخلفية المتدرجة للمقسم الثاني قليلاً:

• اللون الأول: # 0970a0
• اللون الثاني: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز
• موقف البداية: 0٪
• موضع النهاية: 100٪

علامة تبويب التصميم

ضمن الفئة الفرعية Sizing ، قم بتغيير Module Alignment إلى المركز.

أخيرًا ، اجعل اتجاه الرسوم المتحركة مركزيًا أيضًا.

إعدادات وحدة المقسم الثالث

علامة تبويب المحتوى

يحتوي الحاجز الثالث على خلفية متدرجة أخرى أيضًا:

• اللون الأول: rgba (255،255،255،0)
• اللون الثاني: # 0970a0
• نوع التدرج: خطي
• اتجاه التدرج: 119 درجة
• موقف البداية: 14٪
• موضع النهاية: 100٪

علامة تبويب التصميم

سنجري نفس التغييرات التي أجريناها على الحاجز الثاني ، لكننا سنستخدم اليمين بدلاً من الوسط.

4. الدائرة المتدحرجة

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

ابدأ بتطبيق إعدادات الخلفية المتدرجة التالية:

• اللون الأول: # e09900
• اللون الثاني: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز
• موقف البداية: 20٪
• المركز النهائي: 21٪

علامة تبويب التصميم

أول شيء عليك القيام به في علامة التبويب "تصميم" هو استخدام اللون "# 000000" للمقسم.

بعد ذلك ، حدد "ثابت" كنمط الحاجز الخاص بك و "توسيط عموديًا" ليكون موضع الحاجز.

للمضي قدمًا ، قم بإجراء التغييرات التالية على فئة التحجيم الفرعية:

• وزن الحاجز: 2
• الارتفاع: 50 بكسل
• العرض: 40٪
• محاذاة الوحدة: المركز

أخيرًا ، ستحتاج الفئة الفرعية للرسوم المتحركة إلى الإعدادات التالية:

• نمط الرسوم المتحركة: لفة
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: المركز
• مدة الرسوم المتحركة: 1500 مللي ثانية
• تأخير الرسوم المتحركة: 850 مللي ثانية
• كثافة الرسوم المتحركة: 60٪

إعدادات وحدة الحاجز الثاني

علامة تبويب المحتوى

قم بتغيير لون التدرج الأول إلى "# 0c71c3".

علامة تبويب التصميم

وقم بتغيير "تأخير الرسوم المتحركة" إلى "0 مللي ثانية".

إعدادات وحدة المقسم الثالث

علامة تبويب المحتوى

بالنسبة إلى الفاصل الأخير ، ستحتاج فقط إلى تغيير لون الخلفية المتدرج الأول إلى "# 8300e9".

5. القوس

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

استخدم إعدادات الخلفية المتدرجة التالية:

• اللون الأول: # e0d1b1
• اللون الثاني: # e09900
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز
• موقف البداية: 36٪
• موضع النهاية: 100٪

علامة تبويب التصميم

تأكد من أن لون الحاجز هو نفس لون خلفية القسم. في هذه الحالة ، هذا هو "# f4f4f4".

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

اجعل الإعدادات التالية تنطبق على فئة التحجيم الفرعية:

• وزن الحاجز: 100
• الارتفاع: 18 بكسل
• العرض: 60٪
• محاذاة الوحدة: المركز

ستحتاج أيضًا إلى إضافة "15 بكسل" إلى الحشوة العلوية واليمنى واليسرى.

أخيرًا ، استخدم إعدادات الرسوم المتحركة التالية:

• نمط الرسوم المتحركة: تكبير
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: المركز
• مدة الرسوم المتحركة: 1000 مللي ثانية
• كثافة الرسوم المتحركة: 80٪

إعدادات وحدة الحاجز الثاني

علامة تبويب المحتوى

غيّر ألوان الخلفية المتدرجة إلى "# 87acc1" و "# 0c71c3".

علامة تبويب التصميم

بعد ذلك ، قم بتغيير مدة الرسوم المتحركة إلى "1300 مللي ثانية" وتأجيل الرسوم المتحركة إلى "250 ملي ثانية".

إعدادات وحدة المقسم الثالث

علامة تبويب المحتوى

ألوان التدرج المستخدمة في الفاصل الثالث هي "# c9a4e8" و "# 8300e9".

علامة تبويب التصميم

قم بتغيير مدة الرسوم المتحركة إلى "1300 مللي ثانية" وتأخير الرسوم المتحركة إلى "500 مللي ثانية".

6. الخطوط المزدوجة

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

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

• اللون الأول: # e09900
• اللون الثاني: rgba (255،255،255،0)
• نوع التدرج: خطي
• اتجاه التدرج: 179 درجة
• موقف البداية: 0٪
• موضع النهاية: 45٪

علامة تبويب التصميم

اختر "# 000000" كلون للمقسم.

ضمن الفئة الفرعية للأنماط ، استخدم "مزدوج" كنمط الحاجز الخاص بك و "توسيط عموديًا" كموضع الحاجز.

للمضي قدمًا ، استخدم الإعدادات التالية لفئة التحجيم الفرعية:

• وزن الحاجز: 5
• الارتفاع: 25 بكسل
• العرض: 35٪
• محاذاة الوحدة: يسار

أخيرًا ، استخدم إعدادات الرسوم المتحركة التالية:

• نمط الرسوم المتحركة: لفة
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: يسار
• مدة الرسوم المتحركة: 1000 مللي ثانية
• كثافة الرسوم المتحركة: 50٪

إعدادات وحدة الحاجز الثاني

علامة تبويب المحتوى

قم بتغيير لون التدرج الأول إلى "# 0c71c3".

علامة تبويب التصميم

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

• نمط الرسوم المتحركة: تتلاشى
• كرر الرسوم المتحركة: مرة واحدة
• مدة الرسوم المتحركة: 1400 مللي ثانية

إعدادات وحدة المقسم الثالث

علامة تبويب المحتوى

بالنسبة إلى الحاجز الثالث ، استخدم "# 8300e9" كأول لون للخلفية متدرج.

علامة تبويب التصميم

الشيء الوحيد الذي ستحتاج إلى تغييره في علامة التبويب "التصميم" هو اتجاه الرسوم المتحركة ، وهو في هذه الحالة "صحيح".

7. الجسر

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

ابدأ بتعيين '# 8300e9' للخلفية.

علامة تبويب التصميم

تابع باستخدام لون خلفية القسم كلون للمقسم ، والذي يكون في هذه الحالة "# f4f4f4".

بعد ذلك ، استخدم "منقط" كنمط الحاجز الخاص بك و "الأعلى" كموقع الحاجز.

ضمن فئة التحجيم الفرعية ، استخدم الإعدادات التالية:

• وزن الحاجز: 15
• الارتفاع: 7 بكسل
• العرض: 70٪
• محاذاة الوحدة: يسار

سنحتاج أيضًا إلى بعض الحشو المخصص:

• الحشوة العلوية: 7 بكسل
• الحشوة اليمنى: -7 بكسل
• الحشوة اليسرى: -7 بكسل

الرسوم المتحركة التي سنستخدمها لها الإعدادات التالية:

• نمط الرسوم المتحركة: شريحة
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: يسار
• مدة الرسوم المتحركة: 800 مللي ثانية
• تأخير الرسوم المتحركة: 400 مللي ثانية
• كثافة الرسوم المتحركة: 30٪

إعدادات وحدة الحاجز الثاني

علامة تبويب المحتوى

بالنسبة إلى الحاجز الثاني ، قم بتغيير الخلفية إلى "# 0c71c3".

علامة تبويب التصميم

سنستخدم أيضًا رسومًا متحركة مختلفة:

• نمط الرسوم المتحركة: تكبير
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: المركز
• مدة الرسوم المتحركة: 800 مللي ثانية
• كثافة الرسوم المتحركة: 30٪

إعدادات وحدة المقسم الثالث

علامة تبويب المحتوى

سيستخدم الحاجز الثالث "# 8300e9" كلون للخلفية.

علامة تبويب التصميم

الرسوم المتحركة للمقسم الثالث مختلفة قليلاً أيضًا:

• نمط الرسوم المتحركة: تكبير
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: صحيح
• مدة الرسوم المتحركة: 800 مللي ثانية
• تأخير الرسوم المتحركة: 400 مللي ثانية
• كثافة الرسوم المتحركة: 30٪

8. الأناقة

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

ابدأ بإضافة خلفية التدرج التالية إلى الحاجز الأول:

• اللون الأول: # 000000
• اللون الثاني: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز
• موقف البداية: 20٪
• موضع النهاية: 20٪

علامة تبويب التصميم

استخدم اللون "# 8300e9" للمقسم الخاص بك.

بعد ذلك ، استخدم "منقط" كنمط الفاصل الخاص بك و "توسيط عموديًا" ليكون موضع الحاجز.

سنحتاج أيضًا إلى مساحة علوية تبلغ "40 بكسل".

و رسم متحرك بالإعدادات التالية:

• نمط الرسوم المتحركة: ترتد
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: لأسفل
• مدة الرسوم المتحركة: 1000 مللي ثانية

إعدادات وحدة الحاجز الثاني

علامة تبويب التصميم

بالنسبة للمقسم الثاني ، قم بتغيير اللون إلى "# 0c71c3".

ستحتاج الرسوم المتحركة إلى بعض التغييرات أيضًا:

• اتجاه الرسوم المتحركة: المركز
• مدة الرسوم المتحركة 1500 مللي ثانية

إعدادات وحدة المقسم الثالث

علامة تبويب التصميم

الحاجز الثالث سيستخدم "# 8300e9" كلون له.

وسيكون "Up" كإتجاه للرسوم المتحركة.

9. الدقة

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

اختر الإعدادات التالية لخلفية التدرج:

• اللون الأول: # 8300e9
• اللون الثاني: rgba (255،255،255،0)
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز
• موقف البداية: 0٪
• موضع النهاية: 38٪

علامة تبويب التصميم

ضمن فئة التحجيم الفرعية ، ستحتاج إلى الإعدادات التالية:

• وزن الحاجز: 0
• الارتفاع: 4 بكسل
• العرض: 100٪

أخيرًا ، الرسوم المتحركة التي سنستخدمها بها الإعدادات التالية:

• نمط الرسوم المتحركة: ترتد
• كرر الرسوم المتحركة: مرة واحدة
• اتجاه الرسوم المتحركة: لأعلى
• مدة الرسوم المتحركة 1800 مللي ثانية

إعدادات وحدة الحاجز الثاني

علامة تبويب المحتوى

بالنسبة للمقسم الثاني ، قم بتغيير لون خلفية التدرج الأول إلى "# 0c71c3".

إعدادات وحدة المقسم الثالث

علامة تبويب المحتوى

قم بإجراء نفس التغيير على الحاجز الثالث ولكن استخدم اللون الأرجواني "# 8300e9" بدلاً من ذلك.

10. الوهج

إعدادات وحدة الحاجز الأول

علامة تبويب المحتوى

استفد من إعدادات الخلفية المتدرجة التالية لسلسلة الفواصل الأخيرة:

• اللون الأول:
• اللون الثاني:
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز
• موقف البداية: 0٪
• موضع النهاية: 38٪

علامة تبويب التصميم

اختر لون خلفية القسم كلون للمقسم أيضًا ، في هذه الحالة ، يكون "# f4f4f4".

بعد ذلك ، استخدم "متقطع" كنمط الحاجز الخاص بك و "توسيط عموديًا" كموضع الحاجز.

ضمن فئة التحجيم الفرعية ، استخدم الإعدادات التالية:

• وزن الحاجز: 70
• الارتفاع: 20 بكسل
• العرض: 100٪

أخيرًا ، سنستخدم الرسوم المتحركة بالخيارات التالية:

• نمط الرسوم المتحركة: تتلاشى
• كرر الرسوم المتحركة: مرة واحدة
• مدة الرسوم المتحركة: 1800 مللي ثانية
• تأخير الرسوم المتحركة: 800 مللي ثانية

إعدادات وحدة الحاجز الثاني

علامة تبويب المحتوى

بالنسبة للمقسم الثاني ، قم بتغيير لون خلفية التدرج الثاني إلى "# 0c71c3".

علامة تبويب التصميم

وأضف تأخيرا للرسوم المتحركة بمقدار "250 ملي ثانية".

إعدادات وحدة المقسم الثالث

علامة تبويب المحتوى

بالنسبة إلى الفاصل الأخير ، قم بتغيير لون خلفية التدرج الثاني إلى "# 8300e9".

علامة تبويب التصميم

والانتهاء من خلال ضبط "تأخير الرسوم المتحركة" على "0 مللي ثانية".

افكار اخيرة

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

تأكد من الاشتراك في النشرة الإخبارية عبر البريد الإلكتروني وقناة YouTube حتى لا يفوتك إعلان كبير أو نصيحة مفيدة أو Divi freebie!

صورة مميزة بواسطة VikiVector / shutterstock.com