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

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 للصورة الخلفية لتلك التي حفظتها في ملف النصوص.ب

المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress

11-04-2019, 06:06 PM	#1
raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10	raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10 طريقة اضافة أيقونات الصور مع قوائم التنقل في ووردبريس طريقة اضافة أيقونات الصور مع قوائم التنقل في ووردبريس من الممكن إضافة الصور كأيقونات في قوائم التنقل في وردبرس من دون الحاجة لتعديل ملفات البرمجة. الخطوة الأولى: تنصيب و تفعيل أداة Menu Image بعد التفعيل توجه إلى Appearance » Menus سيظهر خيار إضافة صورة لكل عنصر معروض.ب بعد ذلك قم برفع الصور التي تريد عرضها بحسب نوع العنصر. ستلاحظ وجود ثلاث أحجام لكل صورة مرفوعة حتى يتسنى لك الاختيار فيما بينها. يمكنك أن تختار موقع ظهور عنوان القائمة سواءً قبل أو بعد الصورة، أو إخفاء العنوان تماماً و إظهار الصورة فقط. ب إضافة حجم الصورة الخاص بك يمكنك إضافة الكود في الصورة أدناة إلى ملف البي أتش بي الخاص بالثيم your theme’s functions.php file أو site-specific plugin إضافة الصور إلى قوائم التنقل في وردبرس يدوياً مع CSS هذه الطريقة تعتبر جيدة للمستخدمين ذوي الخبرة التقنية أكثر من المستخدمين العاديين. أولاً يجب رفع الصور إلى ووردبريس :ب Media » Add New بعد رفع كل صورة على حدة قم بنسخ عنوان الإنترنت الخاص بكل صورة و وضعها في محرر نصوص مثل نوتباد.ب الآن انتقل إلى: ب Appearance » Menus و أضغط على الخيارات في أعلى اليمين و اختر المربع CSS classes ستلاحظ ظهور هذه الخانة ما عليك إلا ملأها كما في الصورة أدناه.ب يجب إضافة هذا الـ CSS إلى الثيم أو التشايلد ثيم كما في الصورة أدناه. ب لا تنسى تغيير .homepage إلى الكلاس الذي أدخلته و الـ URL للصورة الخلفية لتلك التي حفظتها في ملف النصوص.ب المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress
	اقتباس

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
إضافة قوائم التنقل (Navigation Menu) إلى قالب ووردبريس	مهرة النجدية	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	1	27-07-2019 11:04 PM
تعرف علي أفضل إضافات ووردبريس لعام 2019	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	27-03-2019 10:08 PM
طرق كسب المال عبر الإنترنت باستخدام ووردبريس	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	27-03-2019 07:04 PM
دليلك الشامل لتأمين موقع ووردبريس	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	27-03-2019 06:58 PM
طريقة تساعدك علي نقل ووردبريس من خادم محلي إلى موقع حي	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	25-03-2019 06:01 PM

اسم العضو		حفظ البيانات؟
كلمة المرور

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)