فاوآیکون چیست؟ آموزش افزودن فاوآیکون به مدیریت وردپرس

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

فاوآیکون چیست؟

فاوآیکون (Favicon) یک آیکون کوچک است که در کنار عنوان صفحه وب در تب مرورگر، نوار آدرس، و گاهی در بوکمارک‌ها یا لیست‌های ذخیره‌شده نمایش داده می‌شود. این آیکون به کاربران کمک می‌کند تا سایت مورد نظر خود را به راحتی شناسایی کنند، به‌ویژه زمانی که چندین تب در مرورگر باز هستند. فاویکون‌ها معمولاً به صورت یک تصویر مربعی با اندازه 16×16 یا 32×32 پیکسل و در فرمت‌های ICO یا PNG طراحی می‌شوند. علاوه بر جنبه شناسایی، فاوآیکون ها می‌توانند به طراحی و برندینگ سایت شما نیز کمک کنند، چرا که نمای ظاهری سایت شما را به‌صورت قابل تشخیص در مرورگر کاربران به نمایش می‌گذارند.

روش افزودن فاوآیکون به مدیریت وردپرس

برای تغییر فاوآیکون داشبورد وردپرس، مراحل زیر را دنبال کنید:

مرحله 1: آماده‌سازی تصویر فاوآیکون

ابتدا باید یک تصویر فاوآیکون با فرمت PNG یا ICO ایجاد کنید. پیشنهاد می‌شود اندازه آن 32×32 پیکسل یا 48×48 پیکسل باشد.
اگر تصویر شما فرمت PNG دارد و می‌خواهید آن را به ICO تبدیل کنید، می‌توانید از سایت‌هایی مثل favicon.io استفاده کنید.

مرحله 2: آپلود فاوآیکون در وردپرس

فاوآیکون خود را در کتابخانه رسانه وردپرس آپلود کنید:

1. وارد پیشخوان وردپرس شوید.
2. به رسانه → افزودن فایل جدید بروید.
3. تصویر فاوآیکون را بارگذاری کنید.
4. پس از آپلود، آدرس (URL) تصویر را کپی کنید.

مرحله 3: افزودن کد به functions.php

اکنون باید یک کد کوتاه به وردپرس اضافه کنید تا فاوآیکون جدید در بخش مدیریت نمایش داده شود. برای این کار:

1. وارد پیشخوان وردپرس شوید.
2. به نمایش → ویرایشگر فایل پوسته بروید.
3. فایل functions.php را باز کنید.
4. کد زیر را در انتهای فایل اضافه کنید:

function custom_admin_favicon() {
    echo '<link rel="icon" type="image/png" href="https://example.com/wp-content/uploads/your-favicon.png">';
}
add_action('admin_head', 'custom_admin_favicon');

🔹 نکته: آدرس https://example.com/wp-content/uploads/your-favicon.png را با لینک تصویر فاوآیکونی که در مرحله قبل آپلود کردید جایگزین کنید.

مرحله 4: ذخیره و تست تغییرات

1. تغییرات را ذخیره کنید.
2. پنل مدیریت وردپرس را رفرش کنید.
3. مشاهده کنید که فاوآیکون جدید در تب مرورگر برای داشبورد مدیریت نمایش داده می‌شود.

روش دوم: استفاده از افزونه برای Favicon

اگر نمی‌خواهید کدها را ویرایش کنید، می‌توانید از افزونه‌های رایگان استفاده کنید. یکی از بهترین افزونه‌ها Admin Favicon است که به شما اجازه می‌دهد فاوآیکون مدیریت وردپرس را بدون نیاز به کدنویسی تغییر دهید.

🔹 مراحل:

1. از پیشخوان وردپرس، به افزونه‌ها → افزودن بروید.
2. افزونه Admin Favicon را جستجو کنید و نصب کنید.
3. بعد از نصب، وارد تنظیمات افزونه شوید و تصویر فاوآیکون موردنظر را انتخاب کنید.

جمع‌بندی

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