الأدلة/إنشاء محتوى/المكوِّنات/تصميم أزرارك

تصميم أزرارك

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

أنماط أزرار مخصصة

اتبع هذه الخطوات لتغيير أنماط الأزرار:

  1. استخدم عرض القائمة لتحديد مكوِّن الأزرار.
فتح "عرض القائمة" وتحديد "مكوِّن الأزرار".
  1. في الشريط الجانبي  لإعدادات المكوِّن  على اليمين، انقر على أيقونة الأنماط.
الشريط الجانبي لإعدادات المكوِّن لمكوِّن الأزرار مع تمييز أيقونة الأنماط.
  1. تخصيص الأنماط التالية لمكوِّن الأزرار:
    • اللون: أختر لون خلفية لمكوِّن الأزرار. تعرف على المزيد حول الألوان.
    • أسلوب الطباعة: غير نوع خط الزر وحجمه. تعرف على المزيد حول أسلوب الطباعة.
    • الأبعاد: قم بضبط المسافات البادئة والهامش والمسافات بين المكوِّنات. معرفة المزيد حول الأبعاد.
    • الحد: تخصيص لون الحد والنصف القطر. تعرف أكثر عن الحدود.

أنماط الأزرار الفردية

اتبع هذه الخطوات لتطبيق الأنماط على الأزرار الفردية داخل مكوِّن الأزرار:

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

تنسيق نص زر

بالإضافة إلى خيارات أسلوب الطباعة المتوفرة في أنماط المكوِّن، يمكنك تطبيق التنسيق على نص الزر عن طريق اتباع هذه الخطوات:

  1. أستخدم عرض القائمة لتحديد زر فردي داخل مكوِّن الأزرار.
  2. قم بإبراز جزء، أو كل نص الزر، الذي تريد تنسيقه. 
تم تمييز نص الزر، مع سهم إلى خيارات تنسيق النص في شريط الأدوات.
  1. حدد من بين خيارات التنسيق، بما في ذلك:
    • محاذاة النص (إلى اليسار، أو الوسط، أو اليمين)
    • إضافة رابط
    • عريض
    • مائل
    • تتضمن أيقونة  المزيد ما يلي:
      • تمييز: تغيير النص ولون الخلفية في النص فقط. أستخدم الأنماط لتغيير لون الزر.
      • كود مضمَّن
      • صورة مضمَّنة
      • نمط إدخال لوحة المفاتيح
      • سمة اللغة
      • يتوسطه خط
      • أحرف سفلية
      • أحرف علوية
Copied to clipboard!