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

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

شروع کار:

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

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

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

پست پیشنهادی : رفع مشکل خطای Save Failed with the Following Error: Invalid Parent ID در جوملا

[quote]

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

[/quote]

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

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

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

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

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

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

پست پیشنهادی : آموزش کار با بخش قرار ملاقات‌ها در وردپرس (بر اساس پلاگین Booked)

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