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

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

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

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

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

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

فاوآیکون در مرورگر
فاوآیکون در مرورگر

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

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

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

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

قرار دادن فاوآیکون در وردپرس ۶.۵ و نسخه‌های جدیدتر

توی نسخه‌های جدید وردپرس، راحت‌ترین راه از صفحه تنظیمات عمومی شروع می‌شه:

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

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

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

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

  1. توی پیشخوان به نمایش ← ویرایشگر برید.
  2. بخش هویت یا تنظیمات مربوط به هویت سایت رو باز کنید.
  3. گزینه نمادک سایت رو انتخاب کنید.
  4. تصویر دلخواهتون رو بارگذاری کنید و تغییرات رو ذخیره کنید.

این مسیر فقط توی قالب‌های بلوکی دیده می‌شه. اگه گزینه ویرایشگر رو زیر منوی نمایش ندارید، احتمالاً قالب سایتتون کلاسیکه. توی این حالت بهتره از مسیر تنظیمات عمومی استفاده کنید.

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

روش قالب‌های کلاسیک و نسخه‌های قدیمی‌تر وردپرس

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

قرار دادن فاوآیکون در بخش سفارشی سازی
قرار دادن فاوآیکون در بخش سفارشی سازی

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

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

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

اگه فاوآیکون رو تنظیم کردید ولی هنوز اون رو نمی‌بینید، این موارد رو یکی‌یکی بررسی کنید:

  • کش مرورگر رو پاک کنید: سایت رو با یک مرورگر دیگه یا توی پنجره ناشناس هم باز کنید.
  • کش سایت رو خالی کنید: اگه افزونه کش یا سرویس CDN دارید، کش اون رو هم پاک کنید. CDN سرویسیه که فایل‌های سایت رو از سرورهای نزدیک‌تر به کاربر می‌فرسته.
  • اندازه تصویر رو بررسی کنید: فایل باید مربعی باشه و بهتره حداقل ۵۱۲ در ۵۱۲ پیکسل اندازه داشته باشه.
  • از ذخیره‌شدن تغییرات مطمئن بشید: دوباره بخش نمادک سایت رو باز کنید و ببینید تصویر انتخاب‌شده هنوز همون‌جا هست یا نه.
  • کمی زمان بدید: بعضی مرورگرها و موتورهای جست‌وجو آیکون جدید رو همون لحظه جایگزین نمی‌کنن.

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

جمع‌بندی

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

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

پرسش‌های رایج

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

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

برای فاوآیکون از PNG استفاده کنیم یا ICO؟

برای ابزار داخلی وردپرس، PNG انتخاب راحت و مناسبیه و از پس‌زمینه شفاف هم پشتیبانی می‌کنه. پس لازم نیست حتماً فایل ICO بسازید.

برای افزودن فاوآیکون باید header.php رو تغییر بدیم؟

نه. توی نسخه‌های فعلی وردپرس می‌تونید نمادک سایت رو از تنظیمات عمومی یا بخش هویت قالب بلوکی انتخاب کنید. معمولاً نیازی به ویرایش مستقیم header.php ندارید و تغییرات این فایل هم ممکنه با به‌روزرسانی قالب از بین بره.

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

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

نظر شما در این مورد چیه؟

  1. U373909۱۸ اسفند ۱۴۰۳

    سلام وقت بخیر
    در قالب جدید وردپرس 2025 که بصورت پیش فرض روش نصبه چطور میشه نمادک اضافه کرد؟

  2. U370210۱۵ بهمن ۱۴۰۳

    این روش در آپدیت جدید کاربردی ندارد.

  3. U346905۱۸ دی ۱۴۰۳

    واقعااا ممنونم ازتون!!

    • تیم پشتیبانیتیم پشتیبانی۱۹ دی ۱۴۰۳

      مرسی از توجه شما

  4. U336119۱۱ دی ۱۴۰۲

    با سلام وقت بخیر
    ببخشید قسمت فاویکون سایت من کار نمیکنه ، خود قالب ادرس میدم نشون نمیده
    از قسمت هویت سایت هم انجام میدم ارور تصویر پردازش نشده میده امکانش هست راهنمایی کنید؟

    • رضا راد۱۱ دی ۱۴۰۲

      سلام تصویر دیگری با سایز ۵۱۲ در ۵۱۲ آپلود کنید.

      • U336119۱۱ دی ۱۴۰۲

        هر تصویری اپلود میکنم ارور میده با هر سایزی،

        • رضا راد۱۳ دی ۱۴۰۲

          عجیبه. قالب و افزونه ها رو غیرفعال و تست کنید.

  5. U336119۱۱ دی ۱۴۰۲

    با سلام
    ببخشید نوشته نام فارسی سایت بالای فاویکون تو سرچ گوگل از کدوم قسمت اضافه میشه؟

    • رضا راد۱۱ دی ۱۴۰۲

      سلام با نصب افزونه رنک مث قابل تغییر هست.

      • U336119۱۱ دی ۱۴۰۲

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

        • رضا راد۱۱ دی ۱۴۰۲

          رنک مث از افزونه های ضروری سایت هست. Rankmath

  6. U331439۲۳ مهر ۱۴۰۲

    سلام وقت بخیر
    ببخشید من فاوایکون رو تغییر میدم اعمال میشه ولی اون ایکون کناری در نتایج گوگل همچنان تغییر نمیکنه تقریبا 5 ماه هم گذشته
    امکانش هست راهنمایی کنید؟؟

    • رضا راد۲۴ مهر ۱۴۰۲

      سلام مطمئن بشید جای دیگه از قالب از فاوآیکون استفاده نمیشه.

  7. U326022۱۸ تیر ۱۴۰۲

    سلام
    ایکون favicon درسته اما لوگو کنار لینک سایت در جستجوی گوگل رو چطور بیاریم اسکیما رو هم نصب کردیم لوگو رو هم وارد کردیم در سرچ کنسول هم مشکلی نبود ولی نمیاد اگه میشه راهنمایی کنید ممنون

    • رضا راد۱۹ تیر ۱۴۰۲

      سلام صبر کنید بعد از چند هفته خودکار اضافه میشه و تغییر میکنه

  8. U42167۹ شهریور ۱۴۰۰

    ولی من توی سفارسی سازی درستش کردم اشکالی نداره؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

    • U319770۱ دی ۱۴۰۱

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

  9. کاربر مهمان۱۲ فروردین ۱۳۹۷

    ممنون از مطالب بسیار مفیدتون!
    موفق باشید

    • تیم پشتیبانیتیم پشتیبانی۱۲ فروردین ۱۳۹۷

      سلام
      ممنون.

  10. کاربر مهمان۱۹ خرداد ۱۳۹۵

    داداش میترسم سایت بهم میریزه نمیدونم چرا هر وقت یه کد رو تو ویرایشگر میزارم قالب سایت بهم میریزه افزونه خاصی نداره؟

    • رضا راد۱۹ خرداد ۱۳۹۵

      سلام افزونه هم داره سرچ کنید

پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
تیم میهن وردپرس
پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
تیم میهن وردپرسآنلاین و پاسخگوی شما هستیم.آنلاین

در حال بارگذاری...

هر سوالی دارید بپرسید.پاسخگوی شما هستیم.