هل ترغب في إنشاء أنماط خلفية مخصصة باستخدام خيار تكرار التدرج Divi ?
خيارات الخلفية لـ Divi تقدم العديد من الطرق لإنشاء أنماط الخلفية. يمكنك أيضًا إنشاء أنماط خلفية باستخدام التدرجات اللونية فقط. خيار تكرار التدرج يجعل هذا الأمر بسيطًا وسهلاً.
سنرى في هذه المقالة كيفية استخدام خيار تكرار التدرج Divi لإنشاء أنماط خلفية مخصصة.
دعونا نبدأ.
أنظر أيضا: Divi: كيفية إنشاء نموذج اتصال يظهر بعد النقر فوق الزر
ما هو تكرار التدرج
ينشئ خيار Gradient Repeat نمطًا بناءً على توقفات التدرج. التوقفات المتدرجة هي قياسات تحدد مكان ظهور الألوان وتوقفها في التدرج اللوني. Divi و Gradient Builder الخاص به يستخدمان هذه التوقفات لإنشاء النمط.
يخبر اللون الأخير التدرج اللوني حيث توجد نقطة التوقف في التدرج اللوني. يمكن أن يكون لديك العديد من الألوان كما تريد قبل نقطة التوقف هذه.
Le منشئ التدرج سيكررها بعد ذلك لملء الشاشة التي تنشئ النمط. يمكن إضافة الخيار إلى أي قسم أو صف أو عمود أو وحدة ، ويمكن استخدامها معًا.
قم بتنشيط خيار "تدرج الخلفية"
لتفعيل الخيار كرر التدرج، افتح إعدادات القسم بالنقر فوق رمز الترس الخاص به. كما أنه يعمل مع الصفوف والأعمدة و نماذج.
انتقل إلى خلفيّة . حدد علامة التبويب خلفية متدرجة وانقر إضافة تدرج الخلفية.
أسفل شريط توقف التدرج يوجد إعداد يسمى كرر التدرج . تم تعطيل هذا افتراضيا. فقط اضغط عليها لتنشيطها.
سيتكرر التدرج الآن ، مما يؤدي إلى إنشاء نمط بناءً على توقفات التدرج اللوني وإعدادات التدرج الأخرى ، مثل وحدة التدرج اللوني.
وحدات التدرج
وحدة التدرج هي وحدة القياس. يحدد هذا ما تشير إليه أرقام توقف التدرج اللوني على شريط التدرج اللوني ، والذي يحدد كيفية قياس توقف التدرج اللوني. يؤثر هذا على النمط الذي تم إنشاؤه بواسطة خيار التكرار.
يوفر مولد التدرج الخلفي لـ Divi 15 وحدة. لنلقِ نظرة على مثال على الخيارات الأربعة الأكثر شيوعًا. كما سنرى في أمثلةنا ، ستتغير النتيجة اعتمادًا على عدد توقفات التدرج وإعداداتك.
النسبة المئوية (٪)
النسبة المئوية يقيس التوقفات المتدرجة بالنسبة المئوية. هذا يحسب نقاط التدرج على أساس العنصر الأصل. كلما كانت آخر غرزة متدرجة أصغر ، كان النمط الذي تم إنشاؤه أكثر إحكامًا. عند ضبط موضع أحد الألوان ، يتحرك هذا اللون بينما تظل الألوان الأخرى في مكانها.
بكسل (بكسل)
تقيس وحدات البكسل عدد وحدات البكسل لكل نقطة توقف متدرجة. هذا يعطي التدرج نمطًا أصغر من معظم أنواع الوحدات الأخرى. يؤدي تحريك موضع اللون الأول أو الأخير إلى تغيير موضع كل لون.
ارتفاع النافذة (vh)
منفذ العرض هو المنطقة المرئية من نافذة المتصفح. يتم قياس الارتفاع والعرض بشكل منفصل. يستخدم ارتفاع النافذة نقاط توقف متدرجة لقياس النسبة المئوية لارتفاع حجم النافذة. يؤثر ضبط موضع اللون الأول أو الأخير على كل الألوان.
عرض النافذة (vw)
يستخدم عرض النافذة نقاط توقف متدرجة لقياس النسبة المئوية لعرض حجم النافذة (أو عرض المستعرض). تتغير التعديلات حسب العرض. أثناء قيامك بضبط الرقم أكبر أو أصغر ، يتغير هذا اللون المحدد موضعه بينما يظل الآخرون كما هو.
أمثلة على استخدام خيار "تكرار التدرج"
اقرأ أيضا: Divi: كيفية إنشاء جهاز لوحي بمحتوى دعابة قابل للتمرير
للحصول على أمثلة لدينا ، نستخدم قسم الحث على الشراء بالصفحة الرئيسية لـ حزمة تخطيط الوخز بالإبر المجانية متوفر في Divi.
سنحتاج إلى إجراء تعديل على العمود الأول من القسم. افتحهم معلمات الخط من خلال النقر على رمز الترس الخاص به.
ثم حدد ملف علامة الترس للعمود الأول.
عمود واحد متدرج
العمود الأول له تدرج الخلفية الخاص به. إنه جزء من التخطيط. لن نغير ذلك. سنستخدم نفس الانحدار في الأمثلة الأربعة. ها هي الإعدادات في حال احتجت إليها.
- توقفات متدرجة:
- 0 بكسل: # f4d5b8
- 100 بكسل: rgba (244,213,184,0،XNUMX،XNUMX)
إعدادات التدرج
- نوع التدرج: خطي
- موقف التدرج: 180 درجة
- كرر التدرج: لا
- وحدة التدرج: النسبة المئوية
- مربع التدرج فوق صورة الخلفية: لا
مباعدة
سنضيف المسافات إلى يسار العمود. قم بالوصول إلى علامة التبويب تصميم، انتقل إلى التباعد وحدد ملف رمز الجهاز اللوحي لفتح خيارات الجهاز.
أضف 5٪ مساحة متروكة لعلامات تبويب سطح المكتب والجهاز اللوحي. اختر علامة تبويب الهاتف واحذف المساحة المتروكة اليسرى. اترك الجزء العلوي واليمين في الإعدادات الحالية.
- حشوة
- أعلى: 180 بكسل
- اليسار: 5٪
- اليسار: 80 بكسل
المثال الأول
يُنشئ مثالنا الأول نمطًا متكررًا قطريًا بخطوط رفيعة.
هذا واحد لديه ثلاث نقاط توقف متدرجة.
- توقفات متدرجة:
- 4 بكسل: # fff6ee
- 9 بكسل: # ede3dc
- 14 بكسل: # e8ded7
استخدم الإعدادات التالية.
- نوع التدرج: خطي
- اتجاه التدرج: 156 درجة
- كرر التدرج: نعم
- وحدة التدرج: بكسل
- مربع التدرج فوق صورة الخلفية: لا
المثال الثاني
يُنشئ مثالنا الثاني نمطًا متكررًا قطريًا بخطوط أكبر.
هذا واحد لديه ثلاث نقاط توقف متدرجة.
- توقفات متدرجة:
- 4 بكسل: # fff6ee
- 43 بكسل: # ede3dc
- 50 بكسل: # e8ded7
لإعدادات التدرج ،
- نوع التدرج: خطي
- اتجاه التدرج: 156 درجة
- كرر التدرج: نعم
- وحدة التدرج: بكسل
- مربع التدرج فوق صورة الخلفية: لا
المثال الثالث
ينشئ المثال الثالث نمطًا دائريًا متكررًا بدوائر متوسطة الحجم.
هذا واحد لديه ثلاث نقاط توقف متدرجة.
- توقف متدرج
- 4 بكسل: # fff6ee
- 7 بكسل: # e8ded7
- 8 بكسل: # ede3dc
قم بتطبيق إعدادات التدرج التالية
- نوع التدرج: دائري
- موقف التدرج: القاع
- كرر التدرج: نعم
- وحدة التدرج: النسبة المئوية
- مربع التدرج فوق صورة الخلفية: لا
مثال 4
ينشئ المثال الرابع نمطًا دائريًا به دوائر كبيرة.
هذا واحد لديه ثلاث نقاط توقف متدرجة.
- توقفات متدرجة:
- 4 بكسل: # fff6ee
- 23 بكسل: # e8ded7
- 31 بكسل: # ede3dc
لإعدادات التدرج ، قم بالتغيير على النحو التالي:
- نوع التدرج: دائري
- موقف التدرج: المركز
- كرر التدرج: نعم
- وحدة التدرج: النسبة المئوية
- مربع التدرج فوق صورة الخلفية: لا
تحميل DIVI Now !!!
وفي الختام
هذه نظرتنا إلى كيفية استخدام خيار كرر التدرج من Divi لإنشاء خلفيات مخصصة. تؤثر العديد من عمليات الضبط في إعدادات التدرج على تصميم التدرج اللوني.
يعمل Gradient Repeat بشكل جيد مع كل هذه التعديلات لإنشاء أنماط خلفية مخصصة ومثيرة للاهتمام بسهولة.
نوصي بتجربة الأمثلة التي قدمناها هنا وإجراء تغييرات لمعرفة كيفية تأثر التدرجات وإنشاء تدرجات خلفية مخصصة.
نأمل أن يلهمك هذا البرنامج التعليمي لمشاريع Divi التالية. إذا كانت لديك أية مخاوف أو اقتراحات ، فابحث عنا قسم التعليقات لمناقشته.
يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
