كيفية إضافة روابط إلى الأزرار باستخدام منشئ سبيكترا (Spectra Builder)

في هذا الدليل، ستتعلم كيفية:

• إضافة رابط إلى زر دعوة لاتخاذ إجراء (Call To Action)
• إضافة كتلة زر باستخدام السحب والإفلات
• إعداد الروابط وسلوكها للأزرار

1. إضافة رابط إلى زر Call To Action في Spectra Info Box #

تحتوي كتلة Info Box في Spectra على زر دعوة لاتخاذ إجراء اختياري يمكن ربطه بسهولة.

الخطوات خطوة بخطوة

1. افتح الصفحة أو المنشور في محرر الكتل في ووردبريس.
2. اضغط على زر “+” لإضافة كتلة.
3. ابحث عن Info Box واختر كتلة Spectra Info Box.
4. اضغط على Info Box لفتح لوحة إعدادات الكتلة على الجانب الأيمن.
5. انتقل إلى قسم Call To Action.
6. فعّل خيار Call To Action.
7. أدخل نص الزر (مثل: تعرف أكثر أو ابدأ الآن).
8. في حقل الرابط (Link)، أضف:
   • رابط كامل (مثل: https://example.com/services) أو
   • صفحة داخلية عن طريق كتابة اسمها واختيارها من القائمة.
9. (اختياري) فعّل الإعدادات التالية:
   • فتح في تبويب جديد
   • إضافة Nofollow
10. اضغط على Update أو Publish لحفظ التغييرات.

الآن، أصبح زر CTA في Info Box قابلاً للنقر ويعمل بشكل كامل.

2. إضافة كتلة زر جديدة في Spectra (سحب وإفلات) #

يوفر Spectra أيضًا كتلة زر مستقلة يمكنك وضعها في أي مكان على الصفحة.

الخطوات خطوة بخطوة

1. افتح الصفحة أو المنشور في محرر الكتل.
2. اضغط على زر “+” لإضافة كتلة.
3. ابحث عن Button ضمن كتل Spectra.
4. اختر Spectra Button (وليس زر ووردبريس الافتراضي إذا كنت تريد خيارات تصميم متقدمة).
5. ستتم إضافة الزر على الفور إلى تخطيط الصفحة.
6. اضغط داخل الزر لتعديل النص.

3. إضافة رابط إلى زر Spectra #

بعد إضافة كتلة الزر، يمكنك ربطه باستخدام إحدى الطرق التالية:

الطريقة 1: شريط الأدوات (سريع)

1. حدد كتلة Spectra Button.
2. اضغط على أيقونة الرابط (Link) في شريط الأدوات.
3. الصق أو اكتب عنوان URL الوجهة.
4. اضغط Enter لتطبيق الرابط.

الطريقة 2: إعدادات الكتلة (تحكم متقدم)

1. حدد كتلة Spectra Button.
2. افتح لوحة إعدادات الكتلة على الجانب الأيمن.
3. انتقل إلى قسم Link أو Action.
4. أدخل عنوان URL الوجهة.
5. قم بإعداد الخيارات الاختيارية:
   • فتح في تبويب جديد
   • إضافة Nofollow
   • تسميات الوصول Accessibility labels (إذا كانت متاحة)
6. اضغط على Update أو Publish.

أفضل الممارسات لأزرار CTA #

• استخدم نصًا واضحًا وحثّيًا على الإجراء (مثل: اتصل بنا، حمّل الآن)
• تجنّب النصوص العامة مثل انقر هنا
• تأكد من وجود تباين قوي بين لون الزر وخلفية الصفحة
• للروابط الخارجية، فعّل خيار فتح في تبويب جديد