الأدلة/إنشاء محتوى/التصميم/إضافة أنماط إلى المجموعات

إضافة أنماط إلى المجموعات

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

فيديو تعليمي

تطبيق نمط مُعد مسبقًا على مجموعة

تُعد الأنماط المُعدة مسبقًا إحدى الميزات المتضمنة في العديد من قوالب المكوّنات. لتطبيق نمط مُعد مسبقًا، اتبع الخطوات التالية:

  1. انقر على عرض القائمة في الجزء العلوي من شاشة التحرير.
  2. حدد مكوّن المجموعة.
  3. في الشريط الجانبي لإعدادات المكوِّن، انقر على علامة التبويب “الأنماط” (الأيقونة التي تبدو على شكل دائرة باللونين الأسود والأبيض).
  4. انقر على نمط لتطبيقه على مكوِّن المجموعة الخاص بك.
The Styles section of the Group block sidebar settings.

إذا لم تكن لديك أنماط مُعدة مسبقًا، فستظل لديك القدرة على التحكم كليًا في تطبيق أنماطك على مكوّن مجموعة (على النحو الموضح أدناه).

تغيير ألوان المجموعة

يمكنك تغيير الألوان الافتراضية لأي مكوِّن مجموعة، بما في ذلك لون الخلفية، ولون النصّ، والمزيد. لتغيير الألوان المستخدمة في أي مكوِّن مجموعة، اتبع الخطوات التالية:

  1. انقر على عرض القائمة في الجزء العلوي من شاشة التحرير.
  2. حدد مكوِّن المجموعة.
  3. في الشريط الجانبي لإعدادات المكوِّن، حدد قسم اللون.
The "Color" section of the Group block's settings sidebar.
  1. انقر على اسم العنصر الذي تريد تغيير لونه، وحدد اللون الجديد الذي تريده.
  2. انقر على أيقونة خيارات اللون () لتمكين خيارات تغيير الألوان الافتراضية للعناوين والأزرار.
  3. انقر على “حفظ” أو “نشر” لحفظ التغييرات التي أجريتها.

تعرّف على المزيد حول تغيير الألوان.

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

تُضفي صور الخلفية جاذبية بصرية وسياقًا على المحتوى الخاص بك. لإضافة صورة خلفية إلى مكوِّن مجموعة، اتبع الخطوات التالية:

  1. انقر على عرض القائمة في الجزء العلوي من شاشة التحرير.
  2. حدد مكوِّن المجموعة.
  3. في الشريط الجانبي لإعدادات المكوِّن، ابحث عن القسم “صورة الخلفية“.
  4. انقر على “إضافة صورة خلفية” لتحديد صورة من مكتبة الوسائط الخاصة بموقعك أو قم بتحميل صورة جديدة.
The "Background image" section of the Group block's settings sidebar.

لإزالة صورة خلفية، انقر على أيقونة “خيارات صورة الخلفية (⋮) في القسم “صورة الخلفية” وحدد الرابط “إعادة تعيين“.

إضافة حد أو ظل

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

  1. انقر على عرض القائمة في الجزء العلوي من شاشة التحرير.
  2. حدد مكوِّن المجموعة.
  3. في الشريط الجانبي لإعدادات المكوِّن، ابحث عن قسم الحدود والظلال .
  4. يمكنك تخصيص الحد الخاص بك عن طريق ضبط:
    • العرض: مدى سُمك الحد عند ظهوره.
    • النمط: نمط متصل أو متقطع أو منقط.
    • اللون: اختر من ألوان مُعدة مسبقًا أو أنشئ لونًا مخصصًا.
    • نصف القطر: أضف زوايا مستديرة إلى مكوِّن المجموعة الخاص بك.
  5. انقر على قائمة خيارات الحدود والظلال (⋮) لعرض خيار الظل، ثم حدد من تصميمات الظلال المُعدة مسبقًا.

تعرّف على المزيد حول إعدادات الحدود والظلال.

إعادة استخدام الأنماط

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

  1. انتقل إلى المظهر ← المحرِّر ← الأنماط.
  2. حدد مكوِّن المجموعة في قسم المكوِّنات وعيِّن الخلفية والحد وخيارات الأنماط الأخرى المفضلة لديك.
  3. انقر على حفظ لتطبيق هذه الإعدادات الافتراضية على كل مكوِّنات المجموعة.

ملاحظة: لا يزال بإمكانك تخصيص مكوِّنات مجموعة فردية من خلال الشريط الجانبي لإعدادات المكوِّن.

تعرّف على المزيد حول إعداد الأنماط لموقعك.

Copied to clipboard!