آموزش ها-هاست نگار

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

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

آنچه در این آموزش خواهید آموخت:

چرا باید Favicon را در وردپرس قرار دهیم؟

چگونه Favicon بسازیم؟

آموزش روش های قرار دادن Favicon در سایت

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

نحوه قرار دادن favicon در وردپرس 4.2 یا قدیمی تر

استفاده از افزونه All In One Favicon

 

Favicon یا تصویرک وبسایت تصویری در سایز کوچک است که در مرورگر در کنار عنوان سایت نمایش داده میشود. این تصویر به کاربران امکان شناسایی بهتر و سریع تر سایت شما را میدهد.

 

چرا باید Favicon را در وردپرس قرار دهیم؟

با قرار دادن favicon در وردپرس , سایت شما توسط کاربران بهتر شناسایی خواهد شد همچنین در سایت های آنلایز سئو یکی از فاکتور های امتیاز دهی وجود فاوآیکون است , بنابراین وجود آن روی بهبود سایت و رتبه آن در موتورهای جستجو تاثیر مثبت میگذارد. در تصویری که در ادامه مشاهده میکنید میتوانید نمونه ای از فاوآیکون را ببینید.

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

از دیگر دلایل ضرورت وجود favicon تشخیص سریعتر سایت شما , هنگامی که کاربران تب های زیادی را در مرورگر باز میکنند و دیگر عنوان سایت ها قابل مشاهده نیست , میباشد.

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

 

چگونه Favicon بسازیم؟

برای ایجاد favicon میتوانید از لوگوی سایت خود بهره بگیرید. دقت کنید که فاوآیکون باید مربع باشد و حداقل از ابعاد 16 × 16 استفاده کنید همچنین فرمت این تصویر میتواند jpeg , png یا gif باشد. جهت ایجاد فاوآیکون در سایز دقیق میتوانید از فتوشاپ بهره بگیرید. اگر تمایل به ساخت فاوآیکون دارید میتوانید از سایت هایی مانند سایت Favicon.cc استفاده کنید.

 

آموزش روش های قرار دادن Favicon در سایت

در این بخش ما به شما انواع راه های قرار دادن favicon در سایتتان را آموزش میدهیم.

 

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

پس از انتشار نسخه 4.3 در پیشخوان وردپرس گزینه ای جهت اضافه کردن فاوآیکون اضافه شده است. پس از ورود به پیشخوان از منوی سمت راست گزینه “نمایش” و سپس “سفارشی سازی” را انتخاب کنید.

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

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

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

درصورتی که تصویر انتخابی شما بیشتر از سایز تعیین شده باشد وردپرس به شما امکان برش آن را میدهد. پس از بارگذاری تصویر روی دکمه “انتشار” کلیک کنید.

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

نکته: ممکن است در برخی قالب ها بخش 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

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

پس از قرار دادن کد روی Save Changes کلیک کنید تا تغییرات اعمال شوند.

 

استفاده از افزونه All In One Favicon

سومین راه برای افزودن فاوآیکون به سایت خود استفاده از افزونه All In One Favicon است. ابتدا این افزونه را نصب و فعال کنید.

دانلود افزونه All In One Favicon

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

سپس از پیشخوان وردپرس خود منوی جدید All in one Favicon را انتخاب کنید. در این صفحه با گزینه هایی روبرو میشوید:

 

Frontend Settings

در این بخش از افزونه شما میتوانید فاوآیکون موردنظر خود را با فرمت های مختلف مانند png و … بارگذاری کنید. دقت کنید در انتهای هر بخش روی “ذخیره تغییرات” کلیک کنید تا تغییرات ایجاد شده اعمال شوند.

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

Backend Settings

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

 

Settings

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

 

Tips

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

 

Delete Settings

با فعالسازی تیک این بخش و کلیک روی دکمه Delete Settings تمامی تنظیمات اعمال شده روی افزونه حذف میشوند.

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

امیدواریم آموزش نحوه قرار دادن favicon در وردپرس برای شما مفید بوده باشد.

 

آموزش های مرتبط:

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

آموزش غیر فعال کردن افزونه در وردپرس

آموزش نصب وردپرس در سیپنل

افزونه Yoast SEO چیست؟ و نحوه کار با آن

آموزش نحوه ورود به هاست سیپنل CPanel

 

نوشتن دیدگاه


تصویر امنیتی
تصویر امنیتی جدید

آموزش های مرتبط