منتديات رحيل لكل العرب

منتديات رحيل لكل العرب (https://r7il.com/vb/)
-   قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress (https://r7il.com/vb/f20/)
-   -   طريقة اضافة أيقونات الصور مع قوائم التنقل في ووردبريس (https://r7il.com/vb/t4161/)

raheel 11-04-2019 06:06 PM

طريقة اضافة أيقونات الصور مع قوائم التنقل في ووردبريس
 
من الممكن إضافة الصور كأيقونات في قوائم التنقل في وردبرس من دون الحاجة لتعديل ملفات البرمجة.
الخطوة الأولى: تنصيب و تفعيل أداة Menu Image

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

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

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

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


الساعة الآن 10:56 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO ©2010, Crawlability, Inc. TranZ By Almuhajir

Security team