قد تبدو الأزرار وكأنها شيء صغير، لكنها يمكن أن تقوم بالكثير من المهام الثقيلة على موقعك الإلكتروني. الأزرار هي واحدة من أبسط الطرق لتوجيه الزوار نحو الإجراء الذي تريد منهم اتخاذه.
بدءًا من توجيه الأشخاص إلى صفحة منتجك إلى حثهم على قراءة المزيد أو الاشتراك، يمكن للزر حسن المظهر أن يحدث فرقًا كبيرًا. والخبر السار هو أنك لا تحتاج إلى مهارات البرمجة لتصميمها.
يحتوي ووردبريس على خيارات مدمجة، وبقليل من المساعدة من إضافة مكوِّن إضافي، يمكنك الحصول على مزيد من التحكم في شكل أزرارك ومظهرها.
في هذا المنشور، سأرشدك في هذا المنشور إلى ثلاث طرق سهلة لإنشاء أزرار أنيقة في ووردبريس.
سنبدأ بالمحرر الافتراضي، ثم ننتقل إلى إضافة تقدم المزيد من المرونة، وننتهي بطريقة إضافية لإضافة الأزرار داخل الجداول. لنبدأ.
إنشاء جداول جميلة
مع محرر الكتل
✅الطريقة 1: استخدام كتلة الأزرار الافتراضية
يحتوي ووردبريس على مكوِّن أزرار مدمج يعمل بشكل جيد في معظم الحالات. ستجده داخل محرِّر المكوِّن عندما تنقر على أيقونة (+) الصغيرة وتبحث عن "أزرار".
عندما يتم إدراج مكوِّن الزر، سيخبرك بإضافة نص داخل الزر.
بمجرد إدراج المكوِّن، يمكنك إضافة زر واحد أو عدة أزرار جنبًا إلى جنب. يمكن تخصيص كل زر مباشرةً من الشريط الجانبي الأيمن. ستجد خيارات لـ
- عرض الزر (كامل أو تلقائي)
- النص ولون الخلفية
- الحشو والمحاذاة
- نصف قطر الحدود (للزوايا المستديرة)
إنها نقطة بداية جيدة، خاصة إذا التزمت بالتصميم البسيط.⚠️لكنك ستصل سريعًا إلى الحد الأقصى إذا كنت بحاجة إلى المزيد من خيارات التصميم مثل تأثيرات التحويم أو التدرجات أو التباعد المتجاوب.
🛠️ نصيحة محترف: هل تريد زرًا مستديرًا بشكل مثالي؟ اضبط نصف قطر الحد على 100 لزر بنمط حبوب منع الحمل.
✅الطريقة 2✅الطريقة 2: استخدام مكوِّن الأزرار من الكتل المطلقة
إذا كنت تريد المزيد من التحكم دون كتابة CSS, الكتل النهائية هي إضافة Gutenberg رائعة يمكنك تجربتها. تضيف إضافة محسّنة كتلة الأزرار مصممة مع مراعاة التخصيص.
يُعد تثبيت Ultimate Blocks مهمة سهلة.
-
انتقل إلى المكونات الإضافية
-
انقر فوق إضافة ملحقات
-
البحث عن "Tableberg"
-
انقر ثَبَّتَ، ثم فعل