كيفية إضافة رمز قائمة WordPress CSS؟قم بتثبيت البرنامج المساعد لخطوط WP Navigation Icon

WordPressكيفية إضافة رمز القائمة CSS؟

قم بتثبيت البرنامج المساعد لخطوط WP Navigation Icon

وسائط جديدةالناس يفعلونتحسين محركات البحث (SEO)هو تحسين موقع الويب وتحسين تجربة المستخدم.

يمكنك إضافة خطوط الرموز إلى موقع WordPress الخاص بك ، وهي جميلة جدًا وتدعم قوالب ثيمات WP ذات التصميم المتجاوب.

تختلف خطوط الرموز والأيقونات بتنسيق الصور الصغيرة:

  • دعم عرض شبكية العين.
  • علبة无限تكبير.
  • إضفاء الطابع الشخصي على العناصر الموجودة في قائمة التنقل كل على حدة كخطوط Icon.

يمكن عرض مخطط التأثير المحددتشن ويليانجقائمة التنقل في المدونة.

كيف تستخدم خطوط الأيقونات؟

الخطوه 1:تثبيت البرنامج المساعد

  • WP background → Plugins → Install Plugins → ابحث عن "Font Awesome 4 Menus" ، تنزيل وتثبيت وتمكين ؛
  • يمكنك أيضًا التنزيل مباشرة من موقع الويب ، ثم التحميل أو التثبيت عبر FTP بعد التحميل.

الخطوه 2:البحث عن خطوط الأيقونة

انقر هنا للذهاب إلى الموقع الرسمي لخطوط Icon Fonts

افتح الموقع الرسمي لخط الأيقونة وابحث عن الأيقونة التي نحتاجها ▼

أيقونة خط Font-Awesome الرئيسية

  • والتي يمكنك عرضها عند النقر فوق الرمز <i class =“fa fa-home”> </ i>نسخة fa fa-home.
  • إذا كان اسم رمز المنزل هو المنزل ، فسنحتاج إلى الدخول في "Menu CSS Class" fas fa-home

الخطوه 3:رمز خط فئة CSS لإدخال القائمة

  • WP background → Appearance → Menu ، ادخل إلى صفحة إعداد القائمة.
  • تحديد وتحرير عنصر القائمة ،
  • في فئة CSS ، الصق اسم خط الرمز الذي نسخته للتو (fa fa-home) ▼

قائمة التنقل في ووردبريس، CSS، الخطوط، الأيقونات

  • (تشغيل الرموز الأخرى هو نفسه)
  • أخيرًا انقر فوق حفظ.

注意 事项

إذا لم يكن لديك فئات CSS في لوحة Edit Menu Items ، فيمكنك فتح "Display Options" في الزاوية العلوية اليمنى وفيإظهار الخصائص المتقدمة للقائمة، حدد "فئة CSS" ▼

في خيارات قائمة التنقل في ووردبريس، تحقق من فئة CSS.

  • بالطبع ، لا تقتصر مكتبة خطوط الرموز هذه على الاستخدام في قائمة التنقل ، طالما تمت إضافة رمز الرمز المقابل إلى الموضع المقابل لقالب السمة.

مدونة Hope Chen Weiliang ( https://www.chenweiliang.com/ ) شارك "كيفية إضافة رمز قائمة WordPress CSS؟تثبيت WP Navigation Icon Font Plugin "، سيساعدك.

مرحبا بكم في مشاركة رابط هذه المقالة:https://www.chenweiliang.com/cwl-642.html

لاكتشاف المزيد من الحيل المخفية🔑، مرحبًا بك في الانضمام إلى قناتنا على Telegram!

مشاركة ومثل إذا كنت ترغب في ذلك! مشاركاتك وإعجاباتك هي حافزنا المستمر!

 

发表 评论

لن يتم نشر عنوان بريدك الإلكتروني. 必填 项 已 用 * 标注

دليل المادة
انتقل إلى الأعلى