1wp.ir
July 25th, 2018, 20:22
انتخاب فاو آیکون باعث میشه که آیکون کوچیکی در تب باز شده و متعلق به وب سایت ما نمایش داده بشه و پنجره حاوی وب سایت رو از بقیه متمایز و جدا کنه. همینطور توی گوشی های اندروید و اپل، نماد و آیکون سایت به صورتی که تعیین می کنیم نمایش داده بشه.
یکی از مشتریان گرامی ازم پرسیده بود چطور باید فاوآیکون بسازم ؟ منم دست به کار شدم و راحت ترین راه ساخت فاوآیکون رو توی گوگل سرچ کردم و به این سایت رسیدم. توی این سایت شما فقط کافیه که تصویر موردنظر خودتون رو آپلود کنید و یه فایل زیپ که حاوی فایل های فاوآیکون هست رو دانلود کنید.
قدم بعدی آپلود فایل ها یا همون آیکون ها روی هاست هست. که هم از طریق سی پنل و یا دایرکت ادمین و هم از طریق نرم افزارهای مدیریت ftp مثل موزیلا میشه این کار رو به راحتی انجام داد.
۱- به این سایت مراجعه می کنید:
سایت ساخت فاوآیکون (https://realfavicongenerator.net)
۲- ازتون می خواد یه فایل آپلود کنید- بهتره تصویرتون ساده و با کیفیت و حداقل با رزولیشن ۲۵۰×۲۵۰ باشه. اگر تصویرتون مربع نباشه و طول و عرضش یکسان نباشه پیام میده که طول و عرض تصویر یکسان نیست. می خواید ادامه بدید یا نه؟ که خب ما ادامه میدیم.
http://1wp.ir/wp-content/uploads/2018/07/1wp-favicone-1.png
آپلود فایل تصویر برای ساخت فاوآیکون
۳- بعد از آپلود تصویر، فاوآیکون شما ساخته میشه و شما در این قسمت می تونید یه سری تنظیمات دیگه هم انجام بدید و سفارشی اش کنید مثلا می تونید رنگ زمینه رو توی سیستم عامل و صفحه نمایش گوشی های اپل مشخص کنید.
http://1wp.ir/wp-content/uploads/2018/07/1wp-apple-favicon.png
سفارشی سازی فاوآیکون برای گوشی های اپل
همینطور برای سیستم عامل اندروید هم می تونید رنگ زمینه و نام اختصاصی برای فاوآیکون خودتون تعیین کنید.
http://1wp.ir/wp-content/uploads/2018/07/1wp-favicon-for-android.png
سفارشی سازی فاوآیکون برای اندروید
و همینطور برای ویندوز هم می تونید رنگ پس زمینه رو تعیین کنید.
http://1wp.ir/wp-content/uploads/2018/07/1wp-favicon-for-windows.png
تعیین رنگ پس زمینه برای آیکون در ویندوز
۴- درنهایت از شما می پرسه که می خواید این آیکون ها رو توی شاخه اصلی سایت آپلود کنید یا یه فولدر براش بسازید. من برای اینکه نمی خواستم فولدر اصلی شلوغ بشه یه فولدر به نام همین فاوآیکون ایجاد کردم و موقع آپلود باید فولدری به همین نام بسازم و فایل ها رو آپلود کنم.
روی دکمه generate کلیک می کنید تا آیکون های شما ساخته بشه
http://1wp.ir/wp-content/uploads/2018/07/favicon-path.png
تعیین مسیر آپلود آیکون ها
۵- فاوآیکون شما ساخته شده و می تونید دانلودش کنید. حالا نوبت این هست که فایل دانلود شده رو توی هاست وب سایت آپلود کنید. فولدر اصلی سایت همون فولدری هست که فولدرهای wp-content توش هست که در حالت عادی همون public_html هست.
اگر فولدر خاصی رو توی مرحله ۴ تعیین نکردید توی فولدر اصلی یا همون public_html و در صورتی که فولدری رو مشخص کردید مثل نمونه باید اون فولدر رو از قبل بسازید و بعد فایل دانلود شده رو آپلود کنید و روی هاست اکسترکت کنید. بعد از این کار کافیه کدهای داده شده داخل کادر رو توی هیدر (فایل header.php ) از طریق قسمت ویرایش پوسته دقیقا قبل از بسته شدن تگ <head> اضافه کنید و تمام.
http://1wp.ir/wp-content/uploads/2018/07/upload-favicon.png
آپلود فاوآیکون و اضافه کردن کدهای هیدر
البته یه سایت دیگه هم هست که اون هم سایت خوبی برای ساخت فاوآیکون هست.
سایت ساخت فاوآیکون (https://www.favicon-generator.org/)
امیدوارم این پست براتون مفید بوده باشه.
یکی از مشتریان گرامی ازم پرسیده بود چطور باید فاوآیکون بسازم ؟ منم دست به کار شدم و راحت ترین راه ساخت فاوآیکون رو توی گوگل سرچ کردم و به این سایت رسیدم. توی این سایت شما فقط کافیه که تصویر موردنظر خودتون رو آپلود کنید و یه فایل زیپ که حاوی فایل های فاوآیکون هست رو دانلود کنید.
قدم بعدی آپلود فایل ها یا همون آیکون ها روی هاست هست. که هم از طریق سی پنل و یا دایرکت ادمین و هم از طریق نرم افزارهای مدیریت ftp مثل موزیلا میشه این کار رو به راحتی انجام داد.
۱- به این سایت مراجعه می کنید:
سایت ساخت فاوآیکون (https://realfavicongenerator.net)
۲- ازتون می خواد یه فایل آپلود کنید- بهتره تصویرتون ساده و با کیفیت و حداقل با رزولیشن ۲۵۰×۲۵۰ باشه. اگر تصویرتون مربع نباشه و طول و عرضش یکسان نباشه پیام میده که طول و عرض تصویر یکسان نیست. می خواید ادامه بدید یا نه؟ که خب ما ادامه میدیم.
http://1wp.ir/wp-content/uploads/2018/07/1wp-favicone-1.png
آپلود فایل تصویر برای ساخت فاوآیکون
۳- بعد از آپلود تصویر، فاوآیکون شما ساخته میشه و شما در این قسمت می تونید یه سری تنظیمات دیگه هم انجام بدید و سفارشی اش کنید مثلا می تونید رنگ زمینه رو توی سیستم عامل و صفحه نمایش گوشی های اپل مشخص کنید.
http://1wp.ir/wp-content/uploads/2018/07/1wp-apple-favicon.png
سفارشی سازی فاوآیکون برای گوشی های اپل
همینطور برای سیستم عامل اندروید هم می تونید رنگ زمینه و نام اختصاصی برای فاوآیکون خودتون تعیین کنید.
http://1wp.ir/wp-content/uploads/2018/07/1wp-favicon-for-android.png
سفارشی سازی فاوآیکون برای اندروید
و همینطور برای ویندوز هم می تونید رنگ پس زمینه رو تعیین کنید.
http://1wp.ir/wp-content/uploads/2018/07/1wp-favicon-for-windows.png
تعیین رنگ پس زمینه برای آیکون در ویندوز
۴- درنهایت از شما می پرسه که می خواید این آیکون ها رو توی شاخه اصلی سایت آپلود کنید یا یه فولدر براش بسازید. من برای اینکه نمی خواستم فولدر اصلی شلوغ بشه یه فولدر به نام همین فاوآیکون ایجاد کردم و موقع آپلود باید فولدری به همین نام بسازم و فایل ها رو آپلود کنم.
روی دکمه generate کلیک می کنید تا آیکون های شما ساخته بشه
http://1wp.ir/wp-content/uploads/2018/07/favicon-path.png
تعیین مسیر آپلود آیکون ها
۵- فاوآیکون شما ساخته شده و می تونید دانلودش کنید. حالا نوبت این هست که فایل دانلود شده رو توی هاست وب سایت آپلود کنید. فولدر اصلی سایت همون فولدری هست که فولدرهای wp-content توش هست که در حالت عادی همون public_html هست.
اگر فولدر خاصی رو توی مرحله ۴ تعیین نکردید توی فولدر اصلی یا همون public_html و در صورتی که فولدری رو مشخص کردید مثل نمونه باید اون فولدر رو از قبل بسازید و بعد فایل دانلود شده رو آپلود کنید و روی هاست اکسترکت کنید. بعد از این کار کافیه کدهای داده شده داخل کادر رو توی هیدر (فایل header.php ) از طریق قسمت ویرایش پوسته دقیقا قبل از بسته شدن تگ <head> اضافه کنید و تمام.
http://1wp.ir/wp-content/uploads/2018/07/upload-favicon.png
آپلود فاوآیکون و اضافه کردن کدهای هیدر
البته یه سایت دیگه هم هست که اون هم سایت خوبی برای ساخت فاوآیکون هست.
سایت ساخت فاوآیکون (https://www.favicon-generator.org/)
امیدوارم این پست براتون مفید بوده باشه.