عناوین محتوای این صفحه

در این مقاله از دکتر گرافیک، به سوال پرتکرار “چگونه برای سایت خود با افزونه فاوآیکون (Favicon) ایجاد کنیم؟” پاسخ خواهیم داد.

برای اضافه کردن آیکون کنار عنوان سایت در مرورگرهای کروم، فایرفاکس یا هر مرورگر دیگری، باید از Favicon استفاده کنیم. فاوآیکون یکی از مواردی است که باعث می‌شود سایت شما بهتر در ذهن کاربر باقی بماند و خیلی راحت سایت شما را از دیگر وب‌سایت ها شناسایی کند. از این رو قرار دادن فاوآیکون یک موضوع خیلی مهم برای شما است و نباید از آن غافل شوید.

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

 

برای مطالعه مطالب بیشتر، به صفحه بلاگ سایت دکتر گرافیک مراجعه کنید.

 

 

چگونه برای سایت خود با افزونه فاوآیکون (Favicon) ایجاد کنیم؟

قبل از اینکه بریم سراغ آموزش قرار دادن فاوآیکون در سایت، یک توضیح مختصر در مورد اینکه فاوآیکون چیست برای شما بدهیم تا افرادی هم که در زمینه مدیریت سایت مبتدی هستند، بتوانند از این آموزش استفاده بهینه داشته باشند.

 

چگونه برای سایت خود با افزونه فاوآیکون (Favicon) ایجاد کنیم؟

 

فاوآیکون مخفف کلمه Favorites Icon می‌باشد، این آیکون‌ها می‌توانند در اندازه‌های مختلفی قرار بگیرند اما فاوآیکون ها معمولاً 16 در 16 یا 32 در 32 پیکسل هستند. همه شما در وب‌سایت‌ها و مرورگر های خود فاوآیکون را مشاهده کردید، شاید اسم آن را نمی‌دانید اما 100 درصد آن را در تمامی وب‌سایت‌ها دیدید. فاوآیکون یک آیکون بسیار کوچک تخصیص داده شده به صفحات و وبگاه‌های اینترنتی است؛ درواقع همان آیکونی است که در کنار تب مربوط به هر سایت در مرورگر نمایش داده می‌شود.

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

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

درصورتی‌که سایت شما لوگو خاص و مختص به خودش را ندارد، می‌توانید یک آیکون از وب‌سایت‌های معتبر مانند Favicon.cc برای سایت خود طراحی و انتخاب کنید.

 

مقالات مرتبط:

آموزش نحوه قرار دادن favicon در وردپرس و نوار عنوان مرورگر

 

 

معرفی افزونه All In One Favicon

با توجه به مواردی که در بالا به آن اشاره شد، اگر می‌خواهید این قابلیت را به سایت خود اضافه کنید، پیشنهاد می‌کنم از All In One Favicon که یکی از کاربردی‌ترین افزونه‌های موجود در این زمینه است استفاده کنید. ویژگی‌های بی‌نظیر و رابط کاربری بسیار راحت این افزونه باعث شده است که بالغ‌بر 100 هزار نصب فعال داشته باشد.

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

 

چگونه برای سایت خود با افزونه فاوآیکون (Favicon) ایجاد کنیم؟

 

 

آموزش کار با افزونه All In One Favicon

بعدازاینکه پلاگین را روی سایت خود نصب و آن را فعال کردید، یک گزینه به اسم همین افزونه به پنل مدیریتی وردپرس شما اضافه خواهد شد؛ اگر روی آن کلیک کنید به صفحه تنظیمات افزونه خواهید رفت، مانند تصویر زیر:

 

چگونه برای سایت خود با افزونه فاوآیکون (Favicon) ایجاد کنیم؟

 

خب همان‌طور که مشاهده می‌کنید، این صفحه دارای چندین بخش است که ما برای قرار دادن آیکون تنها با دو باکس اول کار داریم، در تب Frontend Settings بایستی تصویر مورد نظرتان با سه فرمت PNG، GIF, ICO آپلود کنید؛ روبه‌روی هریک از فرمت‌ها، یک گزینه به اسم “بارگذاری” قرار دارد که شما می‌توانید از آن طریق، تصویر مربوط به هر فرمت را آپلود کنید.

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

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

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

 

منابع: wikipedia – wordpress.org – mihanwp – youtube

تگ ها:

آخرین مطالب بروز شده ...
Picture of Reza

Reza

ارسال دیدگاه

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