در بسیاری از سایت های دیده اید که کنار منو های سایت، آیکونی را نیز درج کرده اند. این امکان در سایت های وردپرسی نیز به راحتی قابل پیاده سازی است. برای افزودن آیکون منو در وردپرس نیز شما باید از افزونه Menu Icons استفاده کنید. این افزونه به شما این امکان را می دهد بدون تغییرات در کد و یا افزودن فایل دیگری، به راحتی برای هر کدام از لینک های منو، آیکون دلخواه خود را درج کنید.
از امکانات افزونه Menu Icons می توان به موارد زیر اشاره کرد:
- پشتیبانی از انواع پک فونت تایپ ها (بیش از 8 پک) از جمله FontAwesome
- امکان افزودن عکس به عنوان آیکون
- امکان افزودن آیکون SVG به عنوان آیکون
- امکان تنظیم موقعیت مکانی آیکون
- امکان تنظیم سایز آیکون
- و…
این افزونه تا کنون بیش از 100 هزار نصب فعال داشته است و امتیاز 5 از 5 را از کاربران وردپرس دریافت کرده است و یک افزونه بسیار محبوب نزد وردپرس کاران است.
افزونه Menu Icons را می توانید به صورت رایگان از پایین همین آموزش، دانلود کنید.
آموزش افزودن آیکون به منو در وردپرس با افزونه Menu Icons
پس از نصب افزونه و فعال سازی آن، به بخش فهرست ها بروید. در این بخش خواهید دید که یک باکس جدید در سمت راست با نام Menu Icon Settings اضافه شده است. اگر این باکس را نمی بینید، از بالای صفحه روی گزینه “تنظیمات صفحه” کلیک کنید و تیک مربوط به این باکس را بزنید تا به شما آن را نمایش دهد.
در این باکس مشخص می کنید که می خواهید از چه نوع فونت آیکونی استفاده کنید. به عنوان مثال اگر می خواهید از فونت های FontAwesome استفاده کنید، تیک FontAwesome را بزنید و روی Save Changes کلیک کنید.
حال اگر تنظیمات هر کدام از منو های فهرست را باز کنید، خواهید دید که یک گزینه جدید با نام Icon اضافه شده که گزینه Select جلوی آن قرار دارد.
شما برای این که به منو مورد نظر خود آیکون اضافه کنید، باید روی گزینه Select کلیک کنید.
پس از زدن گزینه Select، لیست فونت ها به شما نمایش داده می شود و می توانید فونت دلخواه خود را انتخاب کنید. فونت ها بر اساس نوع به دسته بندی های مختلف نیز تقسیم شده اند که از منوی کشویی بالای صفحه نیز می توانید دسته فونت را انتخاب کنید.
پس از انتخاب آیکون، از سمت چپ صفحه نیز می توانید تنظیمات همان آیکون را انجام دهید. تنظیماتی مانند سایز، موقعیت قرار گیری آیکون و … در این بخش قابل تغییر است.
پس از انتخاب آیکون برای منو های خود، فهرست را ذخیره کنید و می توانید نتیجه کار را در سایت خود ببینید.
امیدواریم این آموزش برای شما مفید بوده باشه و توانسته باشید آیکون های جذاب را به منو سایت خود اضافه کرده باشید تا ظاهر سایتتان را زیبا تر کنید.
اگر سوال یا نظری در رابطه با این مقاله آموزشی دارید، از قسمت نظرات با ما در میان بگذارید.
افزونه Menu Icons را می توانید به صورت رایگان از لینک زیر دانلود کنید.
عالی . ممنون
خواهش میکنم امیر جان
موفق باشید
]چقدر ساده بود اما من مدت زیادی درگیرش بودم!
واقعا ممنون