دليل المادة
كيف أضيف CSS إلى أيقونة قائمة ووردبريس ؟
قم بتثبيت البرنامج المساعد لخطوط WP Navigation Icon
بالنسبة للمتخصصين في مجال الإعلام الجديد ، فإن تحسين محركات البحث (SEO) يتعلق بتحسين مواقع الويب وتحسين تجربة المستخدم.
يمكنك إضافة خطوط الرموز إلى موقع WordPress الخاص بك ، وهي جميلة جدًا وتدعم قوالب ثيمات WP ذات التصميم المتجاوب.
تختلف خطوط الرموز والأيقونات بتنسيق الصور الصغيرة:
- دعم عرض شبكية العين.
- علبة无限تكبير.
- إضفاء الطابع الشخصي على العناصر الموجودة في قائمة التنقل كل على حدة كخطوط Icon.
للحصول على صور تفصيلية، يرجى الرجوع إلى قائمة التنقل في مدونة تشين ويليانغ .
كيف تستخدم خطوط الأيقونات؟
الخطوة 1: تثبيت الملحق
- WP background → Plugins → Install Plugins → ابحث عن "Font Awesome 4 Menus" ، تنزيل وتثبيت وتمكين ؛
- يمكنك أيضًا التنزيل مباشرة من موقع الويب ، ثم التحميل أو التثبيت عبر FTP بعد التحميل.
الخطوة الثانية: البحث عن خطوط الأيقونات
انقر هنا للذهاب إلى الموقع الرسمي لخطوط Icon Fontsافتح الموقع الرسمي لخط الأيقونة وابحث عن الأيقونة التي نحتاجها ▼
- والتي يمكنك عرضها عند النقر فوق الرمز
<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" في قسم الخصائص المتقدمة من قائمة العرض . ▼
- بالطبع ، لا تقتصر مكتبة خطوط الرموز هذه على الاستخدام في قائمة التنقل ، طالما تمت إضافة رمز الرمز المقابل إلى الموضع المقابل لقالب السمة.
نأمل أن تكون المقالة "كيفية إضافة CSS إلى أيقونات قائمة ووردبريس؟ تثبيت إضافة WP Navigation Icon Font" المنشورة على مدونة تشين ويليانغ ( https://www.chenweiliang.com/ ) مفيدة لك.
لا تتردد في مشاركة رابط هذه المقالة: https://www.chenweiliang.com/cwl-642.html