سبد خرید
0

No products in the cart.

تغییر Favicon یا لوگوی وب سایت وردپرسی

How to Add Favicon to WordPress using Site Icon

طراحان وب سایتی که با استفاده از سیستمهای متن باز و اصلاحاً Open Source مثل سیستم قدرتمند وردپرس اقدام به طراحی وب برای خود یا مشتریانشان میکنند عموماً سعی بر این دارند که سایت خود را از نظر جلوه های ظاهری و حتی فنی به گونه ای تغییر دهند که قابل تشخیص توسط افراد مختلف نباشد یا درصد تشخیص تا حد زیادی کاهش یابد. فاوآیکون معرف وردپرس در بخش مدیریت یا قالب پیشفرض وردپرس که تحت عنوان Favicon مشهور است. بعنوان یک المان سیستمی و جزئی از سایت شما زمانی که کاربر آدرس سایت تان را توسط مرورگر فراخوانی میکند قبل از هرچیزی این معرف و شناساگر است که از سایت شما به کاربرتان رخ نشان میدهد.این لوگو، علامت، نشان یا همان فاویکون بعنوان یک نماینده و نمایش دهنده هویت برند و سایت شما در نوار عنوان مرورگر و در بالای صفحه و در کنار نام سایتتان به نمایش در می آید.

شروع کار:

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

توجه کنید فاوآیکون الزاما میبایست با فرمت ico. باشد و سایر فرمت های jpg,png,gif و… قابل فهم و نمایش توسط مرورگرها نمی باشند و میبایست تصویر لوگوی خود را فارغ از اینکه با چه فرمتی است به این فرمت تبدیل یا Convert نمایید.

خب برای تولید یک فایل استاندارد favicon میتوانیم از یک سرویس آنلاین استفاده کنیم برای اینکار به سایت http://tools.dynamicdrive.com/favicon یا http://www.favicon.cc مراجعه کنید.

پست پیشنهادی :  ۵% تخفیف دائمی همراهان وفادار افزونه ها

[quote]

پیشنهاد دوستانه: برای اینکه تصاویر فاوآیکون شما در اثر تغییر اندازه (Resize) و تغییر فرمت با افت کیفیت مواجه نشود پیشنهاد میکنیم که تصویر لوگوی مورد نظر خود را در سایز های بالای ۵۰۰ پیکسل و بصورت یک کادر مربعی با حالت پس زمینه Transparent آماده کنید.

[/quote]

مطابق تصویر زیر بسیار فرآیند آسانی در پیش خواهید داشت. در ابتدا با کلیک بروی بخش Image to create icon From فایل تصویری مورد نظر خود را از کامپیوترتان انتخاب میکنید. در گام بعدی میتوانید سایز تصویر خود را مشخص کنید بطور پیشفرض این سرویس با سایز ۱۶×۱۶ پیسکل فایل آیکون شما را جنریت میکند . شما میتوانید از بخش Optional سایزهای دیگری را انتخاب کنید. پیشنهاد ما انتخاب سایز ۳۲×۳۲ می باشد. این سایز اندازه استانداردی برای کلیه ابزارهای نمایشی خواهد بود.خب پس از انتخاب سایز مورد نیاز؛ میتوانید پیشنمایش آیکون ساخته شده را در کادر پایین ملاحضه کنید. بعد از دیدن پیشنمایش با کلیک بروی دکمه Download Favicon میتوانید فایلی با فرمت استاندارد برای مرورگر ها دانلود کنید.

How to Add a Custom Favicon in WordPress

حالا میبایست این فایل را در مسیر مناسب برای مورد استفاده قرار گرفتن سیستم وردپرس قرار دهیم. برای تغییر favicon قالب سایت وردپرسی میبایست به مسیر :

داشبورد مدیریتی وردپرس > نمایش > سفارشی سازی > نمادک

رفته و تصویر تولیدی خودمان را از بخش Browse انتخاب نماییم.

توجه : برای مشاهده تغییرات اعمال شده کش مرورگر خود را بطور کامل حذف کنید. مرورگر خود را با استفاده از کلیدهای CTRL+F5 یک بار Refresh نمایید. همچنین برخی اوقات با توجه به مدت زمان کش سرور ؛ ممکن مشاهده تغییرات حتی ۲۴ -۴۸ ساعت به طول بیانجامد با حذف کش جوملا و مرورگرتان غ تغییری مشاهده نکنید بر این اساس اگر موارد بالا را به دقت انجام داده باشید؛ جای هیچ نگرانی ای وجود نخواهد داشت. فقط میبایست صبر نمایید تا تایم زمانی اعلام شده سپری شود و Favicon شما بطور خودکار تغییر یابد.

  همچنین میتوانید ویدئوی مرتبط با این آموزش را در زیر مشاهده نمایید.

پست پیشنهادی :  معرفی بهترین سرویسهای CDN ایرانی و خارجی

 

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

آواتار
306

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

ارسال دیدگاه

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

توسط
تومان