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

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

اول با هم یک تصویر مناسب آماده می‌کنیم. بعد افزودن فاوآیکون از تنظیمات وردپرس و ویرایشگر قالب‌های بلوکی رو قدم‌به‌قدم جلو می‌بریم. لازم نیست هر دو روش رو انجام بدید؛ هر مسیری که در سایتتون در دسترسه کافیه. در آخر هم سراغ مشکل نمایش‌ندادن آیکون جدید می‌ریم و راه‌حل‌های معمولش رو بررسی می‌کنیم.

فاوآیکون چیست و کجا نمایش داده می‌شه؟

فاوآیکون یا Favicon همون تصویر کوچیکیه که معمولاً کنار اسم صفحه در تب مرورگر می‌بینید. این تصویر ممکنه در فهرست بوکمارک‌ها، تاریخچه مرورگر و بعضی میان‌برهای موبایل هم دیده بشه.

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

در تنظیمات وردپرس معمولاً این تصویر با اسم «آیکون سایت» یا «نمادک سایت» دیده می‌شه. هر دو اسم به همون فاوآیکون اشاره می‌کنن.

قبل از افزودن فاوآیکون چه تصویری آماده کنیم؟

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

اندازه و ابعاد مناسب فاوآیکون

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

پس یک تصویر ۵۱۲ در ۵۱۲ پیکسل یا بزرگ‌تر انتخاب کنید که طول و عرضش برابر باشه. اگه تصویر مستطیلی باشه، ممکنه وردپرس موقع بارگذاری ازتون بخواد اون رو برش بدید.

فرمت مناسب تصویر

برای بیشتر سایت‌ها، PNG انتخاب ساده و مناسبیه. این فرمت از پس‌زمینه شفاف پشتیبانی می‌کنه و معمولاً لبه‌های لوگو رو هم واضح نگه می‌داره. اگه تصویرتون پس‌زمینه شفاف نداره، JPEG هم قابل استفاده هست. بهتره سراغ SVG نرید، چون وردپرس به‌صورت پیش‌فرض اجازه بارگذاری این فرمت رو نمی‌ده.

لازم نیست چند فایل جدا با اندازه‌های ۱۶ یا ۳۲ پیکسل بسازید یا حتماً یک فایل ICO آماده کنید. برای قابلیت داخلی وردپرس، همون یک تصویر مربع و باکیفیت کافیه. اگه حجم فایل زیاده، راهنمای بهینه‌سازی تصاویر سایت بدون افت کیفیت کمکتون می‌کنه حجمش رو کمتر کنید.

نکات طراحی یک فاوآیکون خوانا

• یک شکل ساده یا بخش شناخته‌شده لوگوتون رو انتخاب کنید.
• بین رنگ پس‌زمینه و نشانه اصلی، تضاد کافی بذارید.
• نوشته‌های بلند و جزئیات ریز رو کنار بذارید.
• تصویر رو یک بار در اندازه خیلی کوچیک ببینید تا مطمئن بشید هنوز قابل تشخیصه.
• اگه پس‌زمینه تصویر شفافه، نتیجه رو روی زمینه روشن و تیره بررسی کنید.

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

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

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

1. وارد پیشخوان وردپرس بشید.
2. از منوی کناری، «تنظیمات» و بعد «عمومی» رو باز کنید.
3. بخش «آیکون سایت» یا «نمادک سایت» رو پیدا کنید.
4. روی دکمه انتخاب آیکون سایت بزنید.
5. تصویر رو از کتابخانه رسانه بردارید یا فایل تازه‌ای از کامپیوترتون بارگذاری کنید.
6. در آخر، تغییرات صفحه تنظیمات عمومی رو ذخیره کنید.

برش تصویر و ذخیره آیکون سایت

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

اگه فایل از قبل مربعه یا صفحه برش نمایش داده نشد، تصویر رو تأیید کنید و به صفحه تنظیمات برگردید. حالا تغییرات رو ذخیره کنید، سایتتون رو در یک تب تازه باز کنید و کنار عنوان صفحه رو ببینید.

افزودن فاوآیکون در قالب‌های بلوکی وردپرس

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

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

باز کردن بخش هویت در ویرایشگر سایت

1. در پیشخوان وردپرس، وارد «نمایش» و بعد «ویرایشگر» بشید.
2. منوی اصلی ویرایشگر سایت رو باز کنید.
3. اگه گزینه «هویت» یا Identity رو می‌بینید، اون رو باز کنید.

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

انتخاب و ذخیره آیکون سایت

داخل بخش هویت، گزینه آیکون سایت رو باز کنید و تصویر مربعی آماده‌شده رو انتخاب کنید. بعد تغییرات رو ذخیره کنید. اگه دکمه ذخیره چند مورد مختلف رو نشون داد، بررسی کنید که تغییر مربوط به هویت سایت هم انتخاب شده باشه.

اگه بخش هویت رو در ویرایشگر نمی‌بینید، از مسیر «تنظیمات ← عمومی» برید. دسترسی به بعضی بخش‌های ویرایشگر به قالب و نسخه وردپرس سایتتون بستگی داره. یادتون نره که انجام یکی از این دو روش کافیه.

چطور فاوآیکون سایت رو تغییر بدیم یا حذف کنیم؟

برای عوض‌کردن فاوآیکون، دوباره همون بخشی رو باز کنید که آیکون فعلی رو از اونجا انتخاب کردید. روی تصویر فعلی بزنید و گزینه تغییر یا انتخاب تصویر تازه رو بزنید. بعد فایل جدید رو انتخاب کنید و تنظیمات رو ذخیره کنید.

اگه می‌خواید فاوآیکون رو بردارید، گزینه حذف آیکون سایت رو بزنید و تغییرات رو ذخیره کنید. حذف آیکون از تنظیمات لزوماً فایل اصلی رو از کتابخانه رسانه پاک نمی‌کنه. پس اگه دیگه به اون فایل نیاز ندارید، می‌تونید جداگانه از بخش رسانه‌ها مدیریتش کنید.

چرا فاوآیکون جدید نمایش داده نمی‌شه؟

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

پاک کردن کش مرورگر

اول سایت رو در یک پنجره ناشناس مرورگر باز کنید. اگه آیکون جدید اونجا دیده شد، احتمالاً مشکل از کش مرورگره. در این حالت می‌تونید صفحه رو با نوسازی کامل دوباره بارگذاری کنید یا کش مرورگرتون رو پاک کنید.

گاهی بستن کامل تب سایت و بازکردن دوباره اون هم کافیه. برای اطمینان، بهتره سایت رو با یک مرورگر یا دستگاه دیگه هم ببینید.

پاک کردن کش وردپرس و شبکه توزیع محتوا

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

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

بررسی تصویر و تنظیمات آیکون سایت

• بررسی کنید که تصویر واقعاً در بخش آیکون سایت انتخاب شده باشه.
• مطمئن بشید دکمه ذخیره تغییرات رو زدید.
• از یک تصویر مربع و سالم استفاده کنید.
• فایل رو مستقیم از کتابخانه رسانه باز کنید تا مطمئن بشید بدون خطا بارگذاری می‌شه.
• اگه فقط نتایج جست‌وجوی گوگل آیکون قبلی رو نشون می‌دن، بررسی کنید که گوگل به صفحه اصلی و فایل آیکون دسترسی داشته باشه. بعد برای بررسی دوباره سایت به گوگل زمان بدید، چون تغییر فاوآیکون در نتایج جست‌وجو همیشه فوری نیست. شرایط نمایش فاوآیکون رو در راهنمای رسمی گوگل می‌تونید ببینید.

آیا برای افزودن فاوآیکون به افزونه نیاز داریم؟

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

افزونه زمانی به کار میاد که نیاز خیلی خاصی داشته باشید؛ مثلاً بخواید برای بخش‌های مختلف سایت رفتار جداگانه‌ای تعریف کنید. برای یک سایت معمولی، بهتره اول سراغ تنظیمات داخلی وردپرس برید.

جمع‌بندی

برای افزودن فاوآیکون به وردپرس، یک تصویر مربع با ابعاد حداقل ۵۱۲ در ۵۱۲ پیکسل آماده کنید. در وردپرس ۶.۵ و نسخه‌های جدیدتر، معمولاً می‌تونید از مسیر «تنظیمات ← عمومی» آیکون سایت رو انتخاب و ذخیره کنید. بعضی قالب‌های بلوکی هم این امکان رو از بخش هویت در ویرایشگر سایت در اختیارتون می‌ذارن.

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

سؤالات متداول

تیم تولید محتوا

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