اختيار أنماط الأزرار التي توجّه الزوار.

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

يتبع الفيديو الخطوات أدناه: فيجعل قدّموا الآن الزر الرئيسي ويضيف زرًا ثانيًا محددًا.

تنسيق زر رئيسي وزر ثانٍ

ابدؤوا بزر على الصفحة، مثل قدّموا الآن.

1. حوّموا فوق الزر وافتحوا المزيد > الإعدادات.
2. اضبطوا النوع على الأساسي.
3. اضبطوا الحجم على كبير وانقروا حفظ.
4. حوّموا فوق الزر مجددًا وافتحوا المزيد > استنساخ. فتظهر النسخة تحت الأصل مباشرة.
5. افتحوا المزيد > الإعدادات على النسخة. غيّروا عنوانها، مثلًا إلى Download brochure، ورابطها.
6. شغّلوا النمط المحدد وانقروا حفظ.
7. انقروا حفظ على شريط الأدوات.

اختيار نمط لكل إجراء

استخدموا زرًا مصمتًا واحدًا لكل مقطع، ليرى الزوار فورًا أين ينقرون. واكتبوا تسميات تقول ما يحدث: "Get started" لا "Click here"، و"Send message" لا "Submit".

ما الذي ترونه

يتكدّس زران كبيران في العمود: مصمت بلون قالبكم الأساسي ومحدد بحدّ ونص باللون نفسه. فيجذب المصمت العين أولًا. ولا تُفتَح الروابط أثناء التحرير. ولاختبارها، احفظوا الصفحة وافتحوا قائمة العرض (أيقونة العين) واختاروا معاينة.

الإعدادات

لمنسّقي القوالب: يضيف كل نوع فئة Bootstrap ‏btn-<type>، مثل btn-primary. ومع تفعيل النمط المحدد، يصبح btn-outline-<type>، إلا الرابط الذي يبقى دائمًا btn-link. ويضيف كبير الفئة btn-lg، ويضيف صغير الفئة btn-sm، ويضيف زر كتلي الفئة btn-block.

إذا لم تروا النمط

• الزر المحدد لا يعرض حدًا. النوع هو رابط الذي يبدو دائمًا كرابط نصي، فلا أثر لـ النمط المحدد. اختاروا نوعًا آخر لزر محدد.
• الزر يكاد يختفي. فاتح قريب من الأبيض، فيذوب في مقطع أبيض. اختاروا نوعًا أغمق، أو امنحوا المقطع لون خلفية.
• يُفتَح الرابط في التبويب نفسه. هدف الرابط هو النافذة نفسها، ولا يظهر إلا متى كان لـ الرابط قيمة. املؤوا الرابط أولًا، ثم اختاروا نافذة جديدة.

ما الخطوة التالية؟

• إضافة زر: كل إعدادات الزر، مع فيديو.
• مؤثرات التحويم: تغميق زر أو إضافة ظل عندما يبلغه المؤشر.
• اللون والعلامة: إبقاء ألوان الأزرار متناسقة مع علامتكم.