favicon چیست؟ چرا باید از آن استفاده کرد؟
favicon شاید نام و اصطلاحی بسیار آشنا باشد که آن را در جاهای مختلف مشاهده کرده باشید. ولی آیا تا به حال به این فکر کرده اید که favicon به چه معنی است؟ چه کاربرد هایی دارد و چرا باید از آن در سایت خود استفاده کنید؟ در این مطلب آلما هاست تصمیم گرفتیم تا favicon را به طور کامل و دقیق برای شما تعریف کنیم و فواید آن را به شما توضیح دهیم. در انتها نیز به شما آموزش خواهیم داد چگونه بر روی وبسایت خود فاوایکون ( فاویکون ) را فعال کنید.
favicon از دو بخش تشکیل شده است. بخش اول fav و بخش دوم icon که بخش اول آن مخفف Favorites به معنای محبوب می باشد و بخش دوم هم که آیکون هست. فاویکون (فاوایکون) را هنگام باز کردن یک سایت در کنار عنوان آن مشاهده می کنید. مثلا اگر همین حالا به تب های مرورگر خود نگاه کنید، در تب همین صفحه از آلما هاست، مشاهده می کنید که فاویکون آلما هاست به رنگ سبز با کارکتر α قابل مشاهده می باشد.
چرا باید از favicon استفاده کرد؟
فایده اصلی این عکس در وبسایت، برای زیبایی و هم چنین معرفی سایت شما می باشد. حتما برای شما هم پیش آمده که صفحات بسیار زیادی در مرورگر خود باز کرده باشید و ندانید هر یک از صفحات برای چه موضوعی و از چه سایتی است. حال اگر صفحات هر وبسایت دارای favicon باشد، شما خواهید توانست به راحتی تشخیص دهید هر سایت برای چه آدرسی هست ( با توجه به اینکه فاویکون رو جوری قرار می دهند که به لوگو سایت شبیه باشد ) و در نتیجه سایتی را به اشتباه نبندید.
طراحی favicon چگونه انجام می شود؟
طراحی فاویکون کار پیچیده ای نیست. فاکتور های زیادی هم برای آن وجود ندارد. برای طراحی آن، کافیست یک عکس در ابعاد 16 در 16 پیکسل طراحی کنید و با پسوند ico ذخیره کنید. سپس در هاست خود آپلود کنید و طبق پاراگراف بعدی، بر روی وبسایت خود تنظیمش کنید.
آموزش قرار دادن favicon بر روی سایت
اگر از سیستم های مدیریت مثل وردپرس استفاده می کنید، کار شما بسیار ساده تر خواهد شد. کافیست یک افزونه نصب کنید و از طریق آن افزونه، فاویکون خود را معرفی کنید. هم چنین بسیاری از قالب های از پیش آماده، در پنل خود گزینه ای برای این مورد در نظر گرفته اند. اگر از سیستم خاصی استفاده نمی کنید و مثلا سایت شما تحت html می باشد، کافیست خط زیر را در بین <head> و </head> قرار دهید ( به جای favicon.ico/ می بایست محل قرار گیری favicon خود را در هاست قرار دهید ).
1 | <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> |
لینک دانلود افزونه favicon برای وردپرس
[line]
در صورت وجود هرگونه نیاز به هرگونه مشاوره و یا پرسش برای خرید انواع سرور مجازی، سرور اختصاصی، هاست پربازدید و… به صورت رایگان با تیم پشتیبانی آلماهاست از طریق پرتال کاربری در ارتباط باشید. هم چنین می توانید برای خرید لایسنس کلود لینوکس، از طریق تیکت با واحد فروش آلما هاست در ارتباط باشید.
پرتال کاربری آلما هاست ( پاسخگویی 24 ساعته ) : کلیک کنید
