طريقة اضافة أيقونات الصور مع قوائم التنقل في ووردبريس

[raheel]

من الممكن إضافة الصور كأيقونات في قوائم التنقل في وردبرس من دون الحاجة لتعديل ملفات البرمجة.​

الخطوة الأولى: تنصيب و تفعيل أداة Menu Image

بعد التفعيل توجه إلى Appearance » Menus سيظهر خيار إضافة صورة لكل عنصر معروض.ب​

​

بعد ذلك قم برفع الصور التي تريد عرضها بحسب نوع العنصر. ستلاحظ وجود ثلاث أحجام لكل صورة مرفوعة حتى يتسنى لك الاختيار فيما بينها. يمكنك أن تختار موقع ظهور عنوان القائمة سواءً قبل أو بعد الصورة، أو إخفاء العنوان تماماً و إظهار الصورة فقط. ب​

إضافة حجم الصورة الخاص بك

يمكنك إضافة الكود في الصورة أدناة إلى ملف البي أتش بي الخاص بالثيم your theme’s functions.php file أو site-specific plugin​

​

إضافة الصور إلى قوائم التنقل في وردبرس يدوياً مع CSS

هذه الطريقة تعتبر جيدة للمستخدمين ذوي الخبرة التقنية أكثر من المستخدمين العاديين. أولاً يجب رفع الصور إلى ووردبريس :ب
Media » Add New
بعد رفع كل صورة على حدة قم بنسخ عنوان الإنترنت الخاص بكل صورة و وضعها في محرر نصوص مثل نوتباد.ب
الآن انتقل إلى: ب
Appearance » Menus
و أضغط على الخيارات في أعلى اليمين و اختر المربع CSS classes​

​

ستلاحظ ظهور هذه الخانة ما عليك إلا ملأها كما في الصورة أدناه.ب​

​

يجب إضافة هذا الـ CSS إلى الثيم أو التشايلد ثيم كما في الصورة أدناه. ب​

​

لا تنسى تغيير .homepage إلى الكلاس الذي أدخلته و الـ URL للصورة الخلفية لتلك التي حفظتها في ملف النصوص.ب​