سیستم مدیریت محتواوردپرس

نحوه اضافه کردن فاو ایکون – Favicon به سایت

افزودن Favicon ( فاو ایکون ) به وبسایت

ممکنه در مورد طراحی و توسعه وب با اصطلاح favicon ( فاو ایکون ) روبرو شده باشید. اما خب دقیقا چیه؟ در این مقاله، ما به این سوالات پاسخ خواهیم داد و به شما نشون خواهیم داد که چجوری یک favicon ( فاو ایکون ) به وب سایت خودتون اضافه کنید. پس بیایید هرچه زودتر این مقاله رو شروع کنیم.

مواردی که تو این مقاله درباره اونها صجبت خواهد شد :

  • favicon ( فاو ایکون ) چیه و چرا مهم هست ؟
  • نحوه اضافه کردن فاو ایکون ( Favicon ) به سایت

favicon ( فاو ایکون ) چیه و چرا مهم هست ؟

به بیان ساده، favicon ( فاو ایکون ) لوگوی وب سایت شما هست که در کنار عنوان متا در بالای برگه مرورگر شما ظاهر میشه. به عبارت دیگه، وب سایت شما به جای نشون دادن یک نماد خالی بر روی مرورگر، نماد وب سایت رسمی شما رو نشون میده.

اکثر وب سایت ها معمولاً از آرم و لوگو خودشون به عنوان این فاکتور استفاده میکنند. اگه وب سایت شما لوگو نداره، میتونید به سادگی با سازنده لوگو رایگان ، لوگو ایجاد کنید. به این ترتیب، بازدید کنندگان به راحتی متوجه وب سایت شما خواهند شد وقتی که تعداد زیادی برگه رو در یک پنجره مرورگر باز میکنند. به علاوه، سایت شما بسیار حرفه ای تر هم به نظر میرسه.

add favicon for website01 - نحوه اضافه کردن فاو ایکون - Favicon به سایت

« محل قرار گیری favicon ( فاو ایکون ) وبسایت آذردیتا رو در تصویر بالا مشاهده میکنید. »

خب، حالا که فهمیدیم favicon ( فاو ایکون ) چیه، یکی از دو روش زیر رو میتونید برای اضافه کردنش به وب سایت خودتون انتخاب کنید!

ساخت و تولید نماد favicon ( فاو ایکون ) توسط خود مرورگر

آسون ترین راه برای افزودن یک نماد به سایت خودتون بارگذاری اون به عنوان فایل .png یا .ico از File Manager هاست شماست. برای انجام این کار این مراحل رو دنبال کنید :

۱. برای آرم و لوگو وب سایت خودتون یک تصویر با ابعاد مربع در قالب .png یا .ico آماده کنید.

اگه از قبل فایل .png دارید، از اون استفاده کنید. در غیر این صورت، تصویر رو با استفاده از ConvertICo.com به فرمت .ico تبدیل کنید.

۲. نام تصویر .png یا .ico رو به favicon تغییر بدید.

بیشتر مرورگرها پرونده favicon.png یا favicon.ico واقع در فهرست وب سایت شما رو به عنوان نماد وب سایت شما شناسایی میکنند.

۳. به فایل منیجر هاست خودتون وارد بشید (از طریق کنترل پنل دایرکت ادمین یا سی پنل ویا FTP)

۴. به پوشه ی public_html وارد بشید و فایل favicon ( فاو ایکون ) رو که در مرحله قبل آماده کرده بودید رو در همین پوشه اپلود کنید.

سپس سایت خودتون رو رفرش و ریلود کنید، باید بتونید در کنار عنوان متا اون رو مشاهده کنید.

آپلود یک تصویر معمولی و ویرایش header.php

اگه حتی تصویری غیر از قالب .png یا .ico دارید ( jpg ، BMP ، gif و غیره )، میتونید از اون به عنوان نماد وب سایت خودتون هم استفاده کنید. برای این مورد، شما باید فایل header.php رو در پوشه تم مورد استفاده خودتون تغییر بدید.

برای انجام این کار، این مراحل رو برای مثال بر روی سی پنل توضیح دادیم :

۱. پس از آماده کردن تصویر برای لوگو در قالب مربع، به پوشه ی public_html وارد بشید.

۲. فایل تصویر لوگو خودتون رو داخل پوشه ی public_html آپلود کنید.

در این متود شما برای انتخاب اسم فایل آزاد هستید و میتونید اسم فایل لوگو رو favicon تعیین نکنید.

۳. به پوشه ی wp-content سپس themes مراجعه کنید و به دایرکتوری تمی که در حال حاظر استفاده میکنید وارد بشید.

۴. فایل header.php رو با ویرایشگر باز کنید و این کد زیر رو دقیقاً قبل از پایان تگ <head> </head> جای گذاری کنید :

<link rel="shortcut icon" type="image/jpg" href="/favicon.jpg"/>

add favicon for website02 - نحوه اضافه کردن فاو ایکون - Favicon به سایت

قسمت های image/jpg و /favicon.jpg رو متناسب با اسم فایل و فرمت لوگوتون تغییر بدید.

پس از سیو فایل header.php و رفرش صفحه اصلی سایتتون، باید بتونید favicon ( فاو ایکون ) که قرار دادید رو در کنار عنوان متا مشاهده کنید.

برای امتیاز به این نوشته کلیک کنید!
[کل: ۰ میانگین: ۰]

سعید زارعین

سعید هستم 27 ساله، یک عدد تولید محتوا(ئر) خلاق :)))

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

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

دکمه بازگشت به بالا