آنچه در این آموزش خواهید آموخت:
چرا باید Favicon را در وردپرس قرار دهیم؟
آموزش روش های قرار دادن Favicon در سایت
آموزش نحوه قرار دادن favicon در وردپرس
نحوه قرار دادن favicon در وردپرس 4.2 یا قدیمی تر
استفاده از افزونه All In One Favicon
Favicon یا تصویرک وبسایت تصویری در سایز کوچک است که در مرورگر در کنار عنوان سایت نمایش داده میشود. این تصویر به کاربران امکان شناسایی بهتر و سریع تر سایت شما را میدهد.
چرا باید Favicon را در وردپرس قرار دهیم؟
با قرار دادن favicon در وردپرس , سایت شما توسط کاربران بهتر شناسایی خواهد شد همچنین در سایت های آنلایز سئو یکی از فاکتور های امتیاز دهی وجود فاوآیکون است , بنابراین وجود آن روی بهبود سایت و رتبه آن در موتورهای جستجو تاثیر مثبت میگذارد. در تصویری که در ادامه مشاهده میکنید میتوانید نمونه ای از فاوآیکون را ببینید.
از دیگر دلایل ضرورت وجود favicon تشخیص سریعتر سایت شما , هنگامی که کاربران تب های زیادی را در مرورگر باز میکنند و دیگر عنوان سایت ها قابل مشاهده نیست , میباشد.
همچنین درصورتی که کاربران سایت شما را از طریق مرورگر به صفحه اصلی موبایلشان اضافه کنند , این میانبر با نماد سایت شما اضافه خواهد شد.
چگونه Favicon بسازیم؟
برای ایجاد favicon میتوانید از لوگوی سایت خود بهره بگیرید. دقت کنید که فاوآیکون باید مربع باشد و حداقل از ابعاد 16 × 16 استفاده کنید همچنین فرمت این تصویر میتواند jpeg , png یا gif باشد. جهت ایجاد فاوآیکون در سایز دقیق میتوانید از فتوشاپ بهره بگیرید. اگر تمایل به ساخت فاوآیکون دارید میتوانید از سایت هایی مانند سایت Favicon.cc استفاده کنید.
آموزش روش های قرار دادن Favicon در سایت
در این بخش ما به شما انواع راه های قرار دادن favicon در سایتتان را آموزش میدهیم.
آموزش نحوه قرار دادن favicon در وردپرس
پس از انتشار نسخه 4.3 در پیشخوان وردپرس گزینه ای جهت اضافه کردن فاوآیکون اضافه شده است. پس از ورود به پیشخوان از منوی سمت راست گزینه “نمایش” و سپس “سفارشی سازی” را انتخاب کنید.
در این بخش روی گزینه “هویت سایت” کلیک کنید و اکنون با کلیک بر روی “انتخاب آیکون سایت” میتوانید فاوآیکون موردنظر خود را بارگذاری کنید.
درصورتی که تصویر انتخابی شما بیشتر از سایز تعیین شده باشد وردپرس به شما امکان برش آن را میدهد. پس از بارگذاری تصویر روی دکمه “انتشار” کلیک کنید.
پس از انتشار تصویر شما میتوانید با وارد کردن آدرس سایت خود در مرورگر این فاوآیکون را مشاهده کنید.
نکته: ممکن است در برخی قالب ها بخش favicon در تنظیمات قالب موجود باشد.
نحوه قرار دادن favicon در وردپرس 4.2 یا قدیمی تر
درصورتی که نسخه وردپرس شما آپدیت نیست و یا از سیستم مدیریت محتوای دیگری استفاده میکنید , جهت قرار دادن فاوآیکون آموزش زیر را دنبال کنید.
ابتدا تصویر مورد نظر را در هاست خود در پوشه اصلی آپلود کنید. سپس پوشه اصلی سایت را بازکنید و آدرس wp-content/themes را دنبال کنید. پوشه قالب درحال استفاده را باز کرده و پس از ویرایش فایل header.php کد زیر را در آن قرار دهید.
نکته: به جای http://yourwebsite.com آدرس URL سایت خود را وارد کنید.
<link rel=”icon” href=”http://yourwebsite.com/favicon.png” type=”image/x-icon” />
<link rel=”shortcut icon” href=”http://yourwebsite.com/favicon.png” type=”image/x-icon” />آموزش نحوه ورود به هاست سیپنل CPanel
پس از قرار دادن کد روی Save Changes کلیک کنید تا تغییرات اعمال شوند.
استفاده از افزونه All In One Favicon
سومین راه برای افزودن فاوآیکون به سایت خود استفاده از افزونه All In One Favicon است. ابتدا این افزونه را نصب و فعال کنید.
دانلود افزونه All In One Favicon
سپس از پیشخوان وردپرس خود منوی جدید All in one Favicon را انتخاب کنید. در این صفحه با گزینه هایی روبرو میشوید:
Frontend Settings
در این بخش از افزونه شما میتوانید فاوآیکون موردنظر خود را با فرمت های مختلف مانند png و … بارگذاری کنید. دقت کنید در انتهای هر بخش روی “ذخیره تغییرات” کلیک کنید تا تغییرات ایجاد شده اعمال شوند.
Backend Settings
این بخش نیز مانند بخش قبل جهت بارگذاری فاوآیکون در فرمت های مختلف است با این تفاوت که بخش قبل مربوط به فرانت اند و این بخش مربوط به بک اند میباشد.
Settings
این بخش شامل دو گزینه است که مربوط به تنظیمات آیکون اپل تاچ و جعبه متا میباشد.
Tips
این بخش پیشنهاد هایی درباره آیکون به شما میدهد مانند استفاده از ویرایشگر آیکون CC که شما میتوانید با کلیک بر روی لینک مربوطه اطلاعات بیشتری درباره موضوع موردنظرتان دریافت کنید.
Delete Settings
با فعالسازی تیک این بخش و کلیک روی دکمه Delete Settings تمامی تنظیمات اعمال شده روی افزونه حذف میشوند.
امیدواریم آموزش نحوه قرار دادن favicon در وردپرس برای شما مفید بوده باشد.
آموزش های مرتبط:
آموزش غیر فعال کردن افزونه در وردپرس
افزونه Yoast SEO چیست؟ و نحوه کار با آن
آموزش نحوه ورود به هاست سیپنل CPanel
