آموزش قرار دادن favicon در وردپرس

گذاشتن favicon در وردپرس
گذاشتن favicon در وردپرس

Favicon یا Site Icon تصویر کوچکی است که در کنار عنوان وب سایت شما در مرورگرها ظاهر می‌شود. گذاشتن favicon در وردپرس، به کاربران و مخاطبان شما کمک می‌کند وب سایت شما را بهتر و سریعتر شناسایی کنند تا تجربه و رابط کاربری بهتری ایجاد شود. از طرفی دیگر قرار دادن favicon در وردپرس شناخت برند شما را افزایش می‌دهد و به شما کمک می‌کند تا در بین مخاطبان اعتماد بیشتری ایجاد کنید. اگر هنوز favicon برای خود انتخاب نکرده اید یا قصد تغییر آن را دارید با ما تا انتهای این مقاله همراه باشید تا اهمیت و چگونگی انجام این کار را یاد بگیرید.

گذاشتن favicon در وردپرس

آنچه در این مقاله به اختصار خواهید خواند:

  • اهمیت گذاشتن favicon در وردپرس چیست؟
  • نحوه ایجاد favicon را یاد بگیرید
  • نحوه گذاشتن یا تغییر favicon در وردپرس

اهمیت گذاشتن favicon در وردپرس چیست؟

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

شکل زیر به شما در درک بهتر favicon کمک خواهد کرد:

favicon Sample-گذاشتن favicon در وردپرس
نمونه‌ای از favicon

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

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

favicon in mobile
اضافه شدن favicon در صفحه ذخیره شده در موبایل

نحوه ایجاد favicon را یاد بگیرید!

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

ما برای ایجاد یک نماد سایت یا همان Favicon حداقل ابعاد 512 × 512 پیکسل را توصیه می‌کنیم. شما می‌توایند از یک برنامه ویرایشگر تصویر مانند Adobe Photoshop استفاده کنید. تا بدین ترتیب نسبت‌های دقیق تصویر خود را حفظ کنید. همچنین شما می‌توانید از تصویر شفاف استفاده کنید و یا تصویر را با رنگ زمینه مورد نظر خود پر کنید. این تصویر می‌تواند دارای فرمت png ، jpeg یا gif باشد.

نحوه گذاشتن یا تغییر favicon در وردپرس

از وردپرس 4.3 به بعد شما می‌توایند به راحتی یک Favicon از قسمت پیشخوان وردپرس خود اضافه کنید. مطابق شکل زیر، برای انجام اینکار به بخش “نمایش” در پیشخوان وردپرس بروید و در زیر منوی “سفارشی سازی” روی برگه “هویت سایت” کلیک کنید. بعد از آن به کمک گزینه “انتخاب آیکون سایت” می‌توانید favicon خود را بارگذاری کنید.

Site identity
هویت سایت در قسمت سفارشی سازی
select site icon
انتخاب آیکون سایت

توجه: همانطور که در شکل بالا مشاهده می‌کنید Favicon شما باید مربعی و حداقل512*512 پیکسل باشد. اگر تصویری که بارگذاری می‌کنید بیش از اندازه توصیه شده باشد، وردپرس به شما این امکان می‌دهد آن را برش دهید. اگر دقیقاً با اندازه پیشنهادی مطابقت داشته باشد، می‌توانید تغییرات خود را ذخیره کنید و دکمه آبی رنگ “انتشار” را بزنید.

حال با رفرش کردن صفحه می‌توانید Favicon سایت خود را در تب مرورگر مشاهده کنید. همچنین می‌توانید از موبایل‌تان به سایت خود مراجعه کرده و سپس از منوی مرورگر گزینه “افزودن به صفحه اصلی” را انتخاب کنید. با انجام اینکار مشاهده خواهید کرد که نماد سایت شما در صفحه اصلی موبایلتان نشان داده خواهد شد.

نکته: توجه داشته باشید که سازندگان قالب در بعضی از قالب‌ها این امکان را در تنظیمات آن قرار داده‌اند و براحتی می‌توانید وارد تنظیمات قالب شوید و Favicon را برای سایت وردپرسی خود تنظیم کنید.

گذاشتن Favicon در وردپرس قدیمی (نسخه 4.2 یا پایین)

البته که ما همیشه به کاربران خود توصیه می‌کنیم وردپرس خود را دائما بروز نگه دارید و از نسخه‌های قدیمی استفاده نکنید اما برای گذاشتن یا تغییر favicon در وردپرس قدیمی می‌توانید از روش های زیر استفاده کنید:

روش اول:

  • با استفاده از FTP نماد سایت یا favicon دلخواه خود را در ریشه وب سایتتان(website’s root directory) بارگذاری کنید.
  • سپس کد زیر را در فایل header.php اضافه کنید.
<link rel="icon" href="https:// https://hamyarwp.com/favicon.png " type="image/x-icon" />
>link rel="shortcut icon" href=" https://hamyarwp.com/favicon.png" type="image/x-icon" />

توجه: در صفت href کد بالا، url سایت خود را جایگزین کنید.

روش دوم(پیشنهادی):

اگر قالب سایت شما دارای فایل header.php نمی‌باشد یا نمی‌توانید آن را پیدا کنید، می‌توانید از افزونه Insert Headers and Footers برای گذاشتن favicon در وردپرس استفاده کنید. برای انجام این کار کافیست پس از نصب و فعالسازی افزونه به قسمت تنظیمات آن بروید و کدهای بالا را در قسمت header آن قرار دهید و تنظیمات خود را ذخیره کنید. البته افزونه All in One Favicon نیز می‌تواند گزینه مناسبی برای  گذاشتن یا تغییر favicon در وردپرس باشد چراکه دیگر نیاز به اضافه کردن کد هم ندارید و فقط کافیست favicon خود را در این افزونه بارگذاری کنید.

 قرار دادن favicon در وردپرس

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

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

منبع: wpbeginner.com

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

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

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 4 هفته عضو همیار وردپرس

    سلام – روز بخیر – در قالب آسترا چگونه میتوان favicon را تغییر داد؟

  2. 4 سال عضو همیار وردپرس

    سلام

    من هم از روش کد نویسی و هم از مدیریت سایت خواستم آیکن برای سایتم بذارم.

    توی مرورگرم در tab مدیریت، آیکن اومده، ولی توی tab خود سایتم آیکن نمیاد!!!

    لطفا راهنمایی بفرمایید

  3. ممنون

  4. 6 سال عضو همیار وردپرس

    سلام وردپرس من 4.3 است و از قالب یونیک استفاده میکنم اما این مورد رو ندارم ….

    • باید توی تنظیات قالب باشه! اگر نیست هم باید خودتون اضافه کنید دیگه. ایم آموزش برای همینه

  5. خیلی ممنون برای راهنمای کاملی که گذاشتین. استفاده کردم کاربردی بود

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

    • شما اصولا دیدگاه رو بدون پاسخ منتشر می کنید؟
      یعنی مثلا سی دی آموزشی که می خرید بدون محتوی باید باشه؟!!!!!!

    • 7 سال عضو همیار وردپرس

      سلام
      سوالاتی که به مطلب منتشر شده ارتباطی نداره پاسخ داده نمیشه.
      برای پرسیدن سوالات خود به بخش مرتبط مراجعه کنید دوست عزیز.

    • توی همه ی دنیا واسه سایتشون یا باید یه توضیح اساسی داشته باشن یا اینکه یه بخشی مثل راهنما توی سایت باشه که ما تازه وارد ها بدونیم کجا داریم میریم!
      در هر صورت ممنون

  7. سلام.ببخشید ممنون میشم مطلبی برای آموزش استفاده از قالب هایی که نسخه child‌دارند بگذارید.

  8. ممنون .عالی بود.

  9. سلام
    فونت مطالب همیار وردپرس چیه؟

  10. عالی بود ممنون

دوره‌های آموزشی