العودة إلى الدعم المحتوى والوسائط المكوِّنات مكوّنات التصميم مكوِّن الأزرار

مكوِّن الأزرار

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

فيديو تعليمي

إضافة مكوِّن الأزرار

لإضافة مكوِّن الأزرار، انقر على + أيقونة أداة إدراج المكوِّن وابحث عن “أزرار”. انقر عليه لإضافة المكوِّن إلى المقالة أو الصفحة. بمجرد أن تضيف زرك الأول، يمكنك كتابة ما يرغب الزر في قوله.

إضافة مكوِّن الأزرار
إضافة مكوِّن الأزرار (انقر للتكبير)

💡

يمكنك كذلك باستخدام لوحة المفاتيح الخاصة بك كتابة /أزرار في سطر جديد والضغط على مفتاح Enter لإضافة مكوِّن أزرار جديد بسرعة.

إضافة مكوِّن الأزرار باستخدام أداة الإدراج التي تبدأ بشرطة
إضافة مكوِّن الأزرار باستخدام أداة الإدراج التي تبدأ بشرطة

يمكن العثور على الإرشادات التفصيلية حول إضافة المكوِّنات هنا.

شريط أدوات المكوِّن

يوجد مستويان لمكوِّن الأزرار:

عندما تنقر على مكوِّن الأزرار الأصلي، سيظهر شريط أدوات الخيارات:

شريط أدوات مكوِّن الأزرار الأصلي
شريط أدوات مكوِّن الأزرار الأصلي

توفِّر مكوِّنات الزر الفردية الخيارات الآتية في شريط أدواتها:

شريط أدوات مكوِّن الزر الفردي
شريط أدوات مكوِّن الزر الفردي
شريط أدوات مكوِّن الزر
شريط أدوات مكوِّنات الزر الفردية
ربط زر

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

ستفتح الروابط بشكل افتراضي في علامة التبويب نفسها ما لم تختر تعيين الرابط ليفتح في علامة تبويب جديدة.

ربط زر
ربط زر (انقر للتكبير)
محاذاة الأزرار

يمكنك محاذاة الأزرار إلى اليسار، أو اليمين، أو الوسط. تأكَّد أولاً من أنك قمت بتحديد مكوِّن الأزرار الأصلي كما هو موضَّح أدناه:

تم وضع علامة سهم على خيار تحديد المكوِّن الأصلي.

ثم، حدِّد خيار المحاذاة من شريط الأدوات:

يمكنك اختيار محاذاة الأزرار إلى اليسار أو الوسط أو اليمين.

يمكنك كذلك اختيار مسافة بين العناصر لإضافة مسافة متساوية بين الأزرار المتعددة في المكوِّن تلقائيًا.

إعدادات المكوِّن

عندما تنقر على المكوِّن، ستعثر على إعدادات المكوِّن الإضافية في الشريط الجانبي الأيمن. إذا لم ترَ الشريط الجانبي، فقد تحتاج إلى النقر على أيقونة ⚙️ (الترس) الموجودة في الزاوية العلوية اليُمنى لعرض الإعدادات.

يمكن العثور على إعدادات المكوِّن في الشريط الجانبي الأيمن.
إعدادات المكوِّن
الأنماط

في خيارات الأنماط، يمكنك تعيين الزر لتعبئته بلون (تعبئة) أو تمييزه بحدود سادة (تحديد).

أنماط مكوِّن الأزرار
فن صياغة الحروف

تحتوي إعدادات فن صياغة الحروف على خيارات للتحكم في حجم النص المعروض على زرك.

زوايا الحدود

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

إعداد زوايا حدود مكوِّن الأزرار
إعدادات الألوان
إعدادات ألوان مكوِّن الأزرار

يمكنك اختيار ألوان النص والخلفية لأزرارك.

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

إعدادات الحشو

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

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

إذا نقرت على زر إلغاء الربط، فيمكنك إضافة قيم حشو مختلفة للحدود العلوية والسفلية والجانبية الخاصة بزرك.

إعدادات العرض
النسبة المئوية لعرض مكوِّن الأزرار

تتيح لك إعدادات العرض تحديد عرض كل زر بالنسبة المئوية.

تغيير عرض الأزرار
تغيير عرض الأزرار (انقر للتكبير)
الأزرار الأفقية والرأسية

عندما تضيف عدة أزرار إلى مكوِّن الأزرار الأصلي، سيتم عرضها بشكل أفقي. يمكنك عرض الأزرار بشكل عمودي (أي مكدسة في عمود) باستخدام إعداد التحويل إلى مجموعة في مكوِّن الأزرار.

صورة لمربع القائمة المنسدلة "التحويل إلى مجموعة" في إعدادات مكوِّن الأزرار لترتيب الأزرار أفقيًا في صف أو مكدسة عموديًا في عمود.
أزرار التحويل
صورة GIF متحركة توضِّح كيفية محاذاة مكوِّن الأزرار.
محاذاة الأزرار (انقر للتكبير)
متقدِّم

يتحكم Link rel في سمة rel الخاصة برابط الزر، لإضافة إلغاء المتابعة من بين أشياء أخرى.

يمكن استخدام حقل رمز إرساء HTML لإنشاء الانتقال السريع بين الصفحات لزرك.

استخدم فئة (فئات) CSS إضافية لكتابة CSS مخصص وتصميم المكوِّن بالشكل الذي تراه مناسبًا. اعرف مزيدًا.

Copied to clipboard!