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

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

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

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

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

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

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

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

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

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

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

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

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

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

Font-Awesome Font icon home الورقة الأولى

  • والتي يمكنك عرضها عند النقر فوق الرمز <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) ▼

WordPress Navigation Menu CSS Font Icons الجزء 2

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

注意 事项

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

خيارات قائمة التنقل في WordPress ، تحقق من الورقة الثالثة من فئة CSS

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

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

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

مرحبًا بك في قناة Telegram الخاصة بمدونة Chen Weiliang للحصول على آخر التحديثات!

🔔 كن أول من يحصل على "دليل استخدام أداة الذكاء الاصطناعي لتسويق محتوى ChatGPT" في الدليل العلوي للقناة! 🌟
📚 يحتوي هذا الدليل على قيمة كبيرة، 🌟هذه فرصة نادرة، لا تفوتها! ⏰⌛💨
شارك و اعجبك اذا اردت
مشاركتك وإعجاباتك هي دافعنا المستمر!

 

发表 评论

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

انتقل إلى أعلى