تغییر آیکون سایت در مرورگر یا Favicon پیشفرض جوملا

کاربران و طراحان وب سایتی که با استفاده از سیستم مدیریت محتوای جوملا اقدام به طراحی وب برای خود یا مشتریانشان میکنند عموماً سعی بر این دارد که سایت خود را از حالت پیشفرض و قابل تشخیص بودن برای عوام خارج کنند. از این رو یکی از کارهایی که عمدتاً به آن نیاز پیدا میکنند و هر فردی که به تازگی با جوملا و کار طراحی وب با این سیستم آشنا می شود به دنبال تغییر آن می باشد. آیکون معرف جوملا در بخش مدیریت یا قالب های جوملاست که تحت عنوان Favicon مصطلح است. این المان در زمانی که سایت شما توسط مرورگر فراخوانی می شود؛ بعنوان تصویر معرف سایت شما یا لوگو و آیکون نمایش دهنده ی سایت شما در کنار نام سایت در نوار عنوان مرورگر بازدیدکننده سایت به نمایش در می آید.

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

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

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

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

و فایل favicon.ico خود را در آنجا کپی کنیم. در این مثال قالب مدیریت ما همان قالب پیشفرض مدیریت جوملا بنام hathor می باشد.

برای تغییر favicon قالب بخش کاربری خود میبایست به قالبهای کاربری رفته و در آنجا فایل favicon.ico ای که خودمان تولید و دانلود کردیم در آنجا کپی نماییم.در این مثال قالب مدیریت ما همان قالب پیشفرض مدیریت جوملا بنام protostar می باشد.

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

 

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