ممکنه در مورد طراحی و توسعه وب با اصطلاح favicon ( فاو ایکون ) روبرو شده باشید. اما خب دقیقا چیه؟ در این مقاله، ما به این سوالات پاسخ خواهیم داد و به شما نشون خواهیم داد که چجوری یک favicon ( فاو ایکون ) به وب سایت خودتون اضافه کنید. پس بیایید هرچه زودتر این مقاله رو شروع کنیم.
مواردی که تو این مقاله درباره اونها صجبت خواهد شد :
- favicon ( فاو ایکون ) چیه و چرا مهم هست ؟
- نحوه اضافه کردن فاو ایکون ( Favicon ) به سایت
favicon ( فاو ایکون ) چیه و چرا مهم هست ؟
به بیان ساده، favicon ( فاو ایکون ) لوگوی وب سایت شما هست که در کنار عنوان متا در بالای برگه مرورگر شما ظاهر میشه. به عبارت دیگه، وب سایت شما به جای نشون دادن یک نماد خالی بر روی مرورگر، نماد وب سایت رسمی شما رو نشون میده.
اکثر وب سایت ها معمولاً از آرم و لوگو خودشون به عنوان این فاکتور استفاده میکنند. اگه وب سایت شما لوگو نداره، میتونید به سادگی با سازنده لوگو رایگان ، لوگو ایجاد کنید. به این ترتیب، بازدید کنندگان به راحتی متوجه وب سایت شما خواهند شد وقتی که تعداد زیادی برگه رو در یک پنجره مرورگر باز میکنند. به علاوه، سایت شما بسیار حرفه ای تر هم به نظر میرسه.
« محل قرار گیری favicon ( فاو ایکون ) وبسایت آذردیتا رو در تصویر بالا مشاهده میکنید. »
خب، حالا که فهمیدیم favicon ( فاو ایکون ) چیه، یکی از دو روش زیر رو میتونید برای اضافه کردنش به وب سایت خودتون انتخاب کنید!
ساخت و تولید نماد favicon ( فاو ایکون ) توسط خود مرورگر
آسون ترین راه برای افزودن یک نماد به سایت خودتون بارگذاری اون به عنوان فایل .png یا .ico از File Manager هاست شماست. برای انجام این کار این مراحل رو دنبال کنید :
۱. برای آرم و لوگو وب سایت خودتون یک تصویر با ابعاد مربع در قالب .png یا .ico آماده کنید.
۲. نام تصویر .png یا .ico رو به favicon تغییر بدید.
۳. به فایل منیجر هاست خودتون وارد بشید (از طریق کنترل پنل دایرکت ادمین یا سی پنل ویا FTP)
۴. به پوشه ی public_html وارد بشید و فایل favicon ( فاو ایکون ) رو که در مرحله قبل آماده کرده بودید رو در همین پوشه اپلود کنید.
سپس سایت خودتون رو رفرش و ریلود کنید، باید بتونید در کنار عنوان متا اون رو مشاهده کنید.
آپلود یک تصویر معمولی و ویرایش header.php
اگه حتی تصویری غیر از قالب .png یا .ico دارید ( jpg ، BMP ، gif و غیره )، میتونید از اون به عنوان نماد وب سایت خودتون هم استفاده کنید. برای این مورد، شما باید فایل header.php رو در پوشه تم مورد استفاده خودتون تغییر بدید.
برای انجام این کار، این مراحل رو برای مثال بر روی سی پنل توضیح دادیم :
۱. پس از آماده کردن تصویر برای لوگو در قالب مربع، به پوشه ی public_html وارد بشید.
۲. فایل تصویر لوگو خودتون رو داخل پوشه ی public_html آپلود کنید.
۳. به پوشه ی wp-content سپس themes مراجعه کنید و به دایرکتوری تمی که در حال حاظر استفاده میکنید وارد بشید.
۴. فایل header.php رو با ویرایشگر باز کنید و این کد زیر رو دقیقاً قبل از پایان تگ <head> </head> جای گذاری کنید :
<link rel="shortcut icon" type="image/jpg" href="/favicon.jpg"/>
پس از سیو فایل header.php و رفرش صفحه اصلی سایتتون، باید بتونید favicon ( فاو ایکون ) که قرار دادید رو در کنار عنوان متا مشاهده کنید.
