يمكنك إضافة أيقونات أو صور إلى الأزرار، مثل أيقونة الهاتف (📞) لأزرار الاتصال بنقرة واحدة، وأيقونة البريد الإلكتروني (📧)، وأيقونات الأسهم (⬅️ ➡️) للأزرار المستخدمة لقراءة مزيد من التفاصيل، أو أي شيء تفكر فيه. استخدم هذا الدليل للتعرّف على كيفية إضافة الأيقونات إلى الأزرار.
في هذا الدليل
هل لديك سؤال؟
سؤال مساعد الذكاء الاصطناعي (AI Assistant)هناك العديد من المواقع التي يمكنك العثور فيها على صور أو أيقونات يمكنك استخدامها في موقعك. تتضمن بعض الأمثلة على ذلك ما يلي:
- تحتوي معظم الأجهزة التي تعمل بنظامي التشغيل Windows وMac، والأجهزة المحمولة على رموز مشاعر مدمجة يمكن إضافتها إلى الأزرار.
- يمكنك أيضًا نسخ رموز مشاعر من مواقع مثل Get Emoji.
- تتضمن خطوط غوغل (Google Fonts) خيار أيقونات.
- يُعد موقع Font Awesome موقعًا شائعًا يحتوي على أيقونات مجانية ومدفوعة.
إذا كُنت تستخدم صورة، يوصى باستخدام أنواع الملفات SVG أو PNG (ذات الخلفية الشفافة). يمكنك رفع الأيقونة إلى مكتبة الوسائط الخاصة بك قبل أن تقوم بإضافة الزر، أو رفع الأيقونة أثناء إضافة الزر (على النحو الموضح أدناه).
يمكنك إضافة أيقونة أو صورة إلى أي زر في WordPress.com باستخدام مكوِّن الأزرار وأيقونة من اختيارك. اتبع الخطوات التالية لإضافة أيقونة ما إلى أي زر.
- أضف زرًا وقم بتضمين نصّ الزر ورابطه.
- يمكنك أيضًا إنشاء رابط الاتصال بنقرة واحدة أو إرسال بريد إلكتروني بنقرة واحدة.
- انقر على الزر وضع المؤشر الخاص بك قبل النصّ أو بعده.
- بناءً على ما إذا كنت تستخدم رموز مشاعر أو صورة:
- رموز المشاعر: استخدم اختصار لوحة المفاتيح لنظام التشغيل Windows أو Mac ثم حدد رموز المشاعر. أو، انسخ رموز المشاعر من موقع مثل Get Emoji ثم الصقها.
- الصورة: في شريط الأدوات الذي يظهر، انقر على السهم لأسفل (المزيد) وحدد الخيار “صورة مضمنة“.
- اختر صورتك من مكتبة الوسائط الخاصة بك أو ارفع صورة جديدة.
- انقر نقرًا مزدوجًا على الصورة لتغيير حجم الصورة وإضافة نصّ بديل.
- انقر على حفظ أو نشر لحفظ التغييرات التي أجريتها.
يوضح المثال التالي كيفية استخدام اختصار لوحة مفاتيح نظام التشغيل Mac لإضافة رمز مشاعر. يمكنك أيضًا استخدام اختصار لوحة مفاتيح نظام التشغيل Windows أو نسخ رموز مشاعر من موقع آخر ولصقها.