طراحی و بهینه سازیمشاهده

هاست

آموزش افزودن آیکون به فهرست وردپرس

مقالات,آموزش,ترفند , وردپرس

اگر از دنبال کنندگان همیشگی بیست اسکریپت بوده باشید ، پیرو مقاله قبلی که با عنوان افزودن آیکون به منو در وردپرس با Menu Image منتشر نمودم، در آن به معرفی افزونه‌ای کاربردی برای افزودن آیکون پرداختیم که با کمک آن میتوانستید به منوها یا همان فهرست‌های سایت وردپرسی خود هر آیکونی که مدنظر شماست اضافه کنید. حال در این آموزش قصد دارم تا این کار را با استفاده از کدنویسی آموزش دهم، پس تا انتها همراه باشید.

 

آموزش افزودن آیکون به فهرست وردپرس

 

آموزش افزودن آیکون به فهرست

برای افزودن آیکون به منو با استفاده از کدنویسی لازم است تا فایل استایل قالب خود را کمی شلوغتر کنید و کدها و کلاس‌هایی را برای نمایش آیکون به آن اضافه کنید؛ برای این منظور ابتدا هر تعداد که آیکون مد نظر شماست را در پوشه تصاویر قالب خود اضافه کنید و سپس مشابه کد زیر عمل کنید.

 

 

مطابق کد فوق ابتدا یک کلاس برای هر آیکون تعریف کنید، که در اینجا مانند خط اول عنوان آیکون خانه را با نام homepage. تعیین کرده‌ام (دقت کنید که نقطه آن را نیز بگذارید). سپس در خط دوم آیکون مورد نظر خود را با نام home.png و یا هر فرمت دیگری که قرار دارد را آپلود کرده و در کد استایل نام و فرمت آن را مانند نمونه وارد کنید. و در نهایت در خطوط سوم، چهارم و پنجم موقعیت آیکون و حاشیه آن را از کناره ها تعیین کنید.

 

پس از اینکه استایل مورد نظر را در قالب اضافه کردید، حال وارد پیشخوان وردپرس شده و به مسیر نمایش> فهرست‌ها مراجعه کرده و منوی مورد نظر را انتخاب کنید. ابتدا مطابق تصویر زیر بر روی گزینه تنظیمات که در بالای صفحه قرار دارد کلیک کنید و تیک گزینه های مشخص شده را فعال کنید.

 

آموزش افزودن آیکون به فهرست وردپرس

 

پس از اینکه گزینه css classes را فعال کنید مشابه تصویر زیر در بخش منوهایی که اضافه می‌کنید فیلدی با عنوان css classes افزوده خواهد شد که مشابه نمونه فقط کافیست نام کلاس مورد نظر را وارد کنید تا آیکون مد نظر شما در کنار منو نمایش داده شود.

 

آموزش افزودن آیکون به فهرست وردپرس

 

موفق باشید.


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

به صفحه اول گوگل بياييد - قوی ترين بک لينک در ايران
بک لينک در بيش از 20 هزار وبلاگ با دهها نمونه كار


هاست پرسرعت SSD ایران (ویژه افزایش رتبه سئو)
دیتاسنتر آسیاتک - مجهز به کلود لینوکس و لایت اسپید


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1396/06/20 0 مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=27683

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
271ایجاد اسلایدر لوگو در وردپرس با افزونه Logo Slider WP تاریخ : 1396/09/5
4,091دانلود پوسته زیبا Agriculture برای WooCommerce Wp Theme تاریخ : 1392/08/24
2,954افزونه پاپ آپ نینجا برای وردپرس نسخه 4.2.2 تاریخ : 1394/08/18
3,307قالب فروشگاهی تویکس نت برای وردپرس تاریخ : 1393/03/16
3,841آموزش ساخت رزومه آنلاین در وردپرس تاریخ : 1395/05/9
2,727تغییر ساختار پست تایپ وردپرس با افزونه Post Type Switcher تاریخ : 1396/04/5
128محدود کردن نویسندگان در تعداد ارسال مطالب در وردپرس با Limit Posts تاریخ : 1396/09/5
28,143ساخت فرم ورود و عضویت در وردپرس + افزونه تاریخ : 1393/08/5
789افزونه وردپرس فیلترینگ هوشمند نظرات Nazarbin تاریخ : 1395/11/5
11,461نحوه افزودن فید در فید وردپرس [ آموزش ویدئویی ] تاریخ : 1394/05/7
602افزونه ورود به ووکامرس از طریق شبکه های اجتماعی WooCommerce Social Login تاریخ : 1396/10/10
4,577افزونه وردپرس پروفایل ساز پیشرفته Profile Builder Pro تاریخ : 1396/06/21
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
خرید بک لینک