چگونه برای منو های سایت آیکون بگذاریم

یکی از پرکاربرد ترین ابزارهای وب در حال حاضر فونت آیکون ها هستند که میتوان از fontawesome به عنوان مشهورترین آنها نام برد.

اگر با فونت اوسام اشنایی ندارید و نمیدانید چه هستند، همینقدر توضیح که از اسم آنها بر می آید کفایت میکند که آنها مجموعه ای از ایکون های جور واجور برای استفاده در وبسایتها هستند که به شکل یک پکیج فونت ارائه می شوند و شما با وارد کردن کلاس آیکون مورد نظر به المان های html خود می توانید برای هر المان مد نظرتان را تبدیل به یک آیکن کنید!

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

بعد از نصب افزونه و انتخاب آیکون خود (لیست ایکون ها را اینجا ببینید) به داشبورد وردپرس خود رجوع نموده و از بخش نمایش ، فهرست ها را انتخاب نمایید.

به طور مثال آیکون یوزر :

 

حال به جای نام فهرست و یا در کنار آن کد آیکون مد نظر خود را قرار دهید!

fontawesome

اگر نیاز به راهنمایی درباره ی سایز ایکن مد نظر داشتید کافیست در انتهای class آن یک الگوی مشابه عکس زیر در نظر بگیرید:

راهنمایی های جالب و کاربردی دیگری نیز به طور کامل در این صفحه وجود دارد.

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

به طور مثال :

و به جای عبارت your-color رنگ دلخواه خود را که میتواند اسم رنگ مانند blue ، کد مبنای ۱۶ رنگ مانند #fefefe و یا مقدار rgb رنگ مانند rgb(125,12,158)  باشد را درج نمایید.

 

اشتراک گذاری در شبکه های اجتماعی:

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

هشتگ ها : هشتگ ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *