در این اموزش قصد داریم به شما نحوه قرار دادن ایکون در کنار اسم سایت را که به ان FavIcon می گویندداریم.
1.سایت:
اگر مدیریت محتوا شما وردپرس است به پوشه سایت خود بروید وفایل header.php را بازکنید و کد زیر را در سطح اول ان قرار دهیدوذخیره کنید برای اینکه ایکون دلخواه خود را قرار دهید ادرس عکس مورد نظر خود را وارد کنید.البته توجه داشته باشید که اندازه عکس شما باید32*32باشد تا نمایش داده شود
<head>
<link href=”https://www.king2net.com/favicon.jpg” rel=”SHORTCUT ICON”>
<head/>
2.سایر :
قبل از هر چیز، باید آیکون یا شکلک مورد نظر خود را طراحی کنید. برنامه های زیادی برای طراحی آیکون وجود دارند که می توانید از آنها استفاده کنید. اما توجه داشته باشید که آیکون مورد نظر، باید در اندازه 32×32 پیکسل باشد. اگر آیکون مورد علاقه شما بزرگ تر از این اندازه بود، باید آن را ویرایش کرده و کوچک کنید.
از این سایت ها هم می توانید برای ایجاد Favicon استفاده کنید :
www.favicon.cc
tools.dynamicdrive.com/favicon
اسم آیکونی که می خواهید به عنوان Favicon استفاده کنید را favicon.ico قرار دهید.
بعد از آماده کردن آیکون مورد نظر خود، باید آن را در فضایی در اینترنت آپلود کنید.
– اگر هاست مستقل برای سایت خود دارید، به راحتی فایل favicon.ico را در ریشه اصلی سایت خود در پوشه public_html قرار دهید. و کار تمام است. بعد از Refresh کردن صفحه اول سایت خود، favicon را خواهید دید.
– اگر وبلاگ دارید، ابتدا باید فایل favicon.icon را در فضایی در اینترنت آپلود کنید. (مثلا در آپلود سنتر سرویس دهنده وبلاگتان) . سپس باید این کد را در فایل اصلی قالب وبلاگ خود ، و بعد از تگ <head> قرار دهید :
<link href=”http://Address/favicon.ico” rel=”shortcut icon”>
به جای عبارت قرمز رنگ ، آدرس لینکی که favicon.ico را آپلود کرده اید قرار دهید.
مثلا http://blog.com/myblog/files/favicon.ico
بعد از Refresh کردن وبلاگ خود، آیکون را خواهید دید.