تقریبا در هر سایت مدرن در اینترنت یک نماد مخصوص نمایش داده شده در برگه مرورگر پس از اینکه منابع به طور کامل بارگذاری شد وجود دارد. این تصویر توسط هر مالک به طور مستقل ایجاد و نصب می شود، هرچند که اجباری نیست. به عنوان بخشی از این مقاله، ما گزینه هایی را برای نصب Favicon در سایت های ایجاد شده توسط ابزارهای مختلف خواهیم داشت.
اضافه کردن Favicon به سایت
برای اضافه کردن این نوع آیکون به سایت، باید یک تصویر مناسب از شکل مربع برای شروع ایجاد کنید. این را می توان با استفاده از برنامه های گرافیکی خاص مانند فتوشاپ، و همچنین استفاده از برخی خدمات آنلاین انجام داد. علاوه بر این، مطلوب آیکون آماده شده را قبل از تبدیل به فرمت ICO و کاهش آن به اندازه 512 × 512 پیکسل.
توجه: بدون اضافه کردن یک تصویر سفارشی، نماد سند در برگه نمایش داده می شود.
همچنین ببینید:
خدمات آنلاین برای ایجاد فاویکون
چگونه یک تصویر را در قالب ICO ایجاد کنیم
گزینه 1: به صورت دستی اضافه کنید
این گزینه اضافه کردن آیکون به سایت برای شما مناسب خواهد بود اگر از یک پلتفرمی استفاده نکنید که ابزارهای خاصی را ارائه دهد.
روش 1: دانلود Favicon
ساده ترین روش، به معنای واقعی کلمه هر مرورگر اینترنتی مدرن، افزودن یک تصویر قبلا ایجاد شده به دایرکتوری ریشه سایت شما است. این را می توان از طریق رابط وب یا هر مدیر مناسب FTP انجام داد.
گاهی اوقات دایرکتوری مورد نظر ممکن است یک نام داشته باشد. "public_html" یا هر نوع دیگر، بسته به ترجیحات شما از لحاظ تنظیمات.
کارایی روش به طور مستقیم نه تنها بر روی قالب و اندازه، بلکه همچنین بر روی نام فایل درست بستگی دارد.
روش 2: کد گذاری در حال ویرایش
گاهی اوقات ممکن است فقط به اضافه کردن Favicon به دایرکتوری ریشه سایت به اندازه کافی به طوری که آن را بر روی تب توسط مرورگر پس از دانلود کامل نمایش داده می شود. در این وضعیت، شما باید فایل اصلی را با نشانه گذاری صفحه ویرایش کنید، با افزودن یک کد خاص به آن، ابتدا آن را ویرایش کنید.
- بین تگ ها "سر" خط زیر را اضافه کنید که در آن "* / favicon.ico" باید با URL تصویر خود جایگزین شود.
- بهترین استفاده از لینک مطلق با پیشوند به جای نسبی است.
- در بعضی موارد، ارزش "ریل" می توان تغییر کرد "آیکون میانبر"، در نتیجه سازگاری با مرورگرهای وب را افزایش می دهد.
- معنای "نوع" همچنین می تواند بسته به فرمت تصویر مورد استفاده شما تغییر داده شود:
نکته: فرمت ICO محبوب ترین است.
- ICO - "image / x-icon" یا "image / vnd.microsoft.icon";
- PNG - "image / png";
- گیف - "image / gif".
- اگر منبع شما به طور عمده در آخرین مرورگرها هدف قرار گیرد، رشته را می توان کوتاه کرد.
- برای دستیابی به بزرگترین سازگاری، می توانید چندین بار را با لینک به سایت فاویکون اضافه کنید.
- تصویر نصب شده در تمام صفحات سایت نمایش داده می شود، اما می تواند با اضافه کردن کد قبلا ذکر شده در جداول جداگانه تغییر یابد.
در هر دو روش، زمانیکه آیکون در زبانه مرورگر ظاهر شود، زمان زیادی می برد.
گزینه 2: ابزار وردپرس
هنگام کار با وردپرس، می توانید با اضافه کردن کد بالا به فایل با گزینه ی که قبلا توضیح داده اید استفاده کنید "header.php" یا با استفاده از ابزارهای ویژه به همين دليل، بدون توجه به مرورگر، آيکون تضمين خواهد شد که در زبانه وب نمايش داده شود.
روش 1: کنترل پنل
- از طریق منوی اصلی لیست را گسترش دهید "ظاهر" و بخش را انتخاب کنید "سفارشی کردن".
- در صفحه ای که باز می شود، از دکمه استفاده کنید "ویژگی های سایت".
- از طریق بخش بروید "راه اندازی" به پایین و در بلوک "آیکون وب سایت" دکمه را فشار دهید "انتخاب تصویر". در این مورد، تصویر باید دارای مجوز باشد 512 × 512 پیکسل.
- از طریق پنجره "انتخاب تصویر" تصویر مورد نظر را به گالری ارسال کنید یا یک مورد قبلا اضافه شده را انتخاب کنید.
- پس از آن به شما بازگردانده می شود "ویژگی های سایت"، و در بلوک "آیکون" تصویر انتخاب شده ظاهر خواهد شد. در اینجا شما می توانید یک نمونه را ببینید، برای ویرایش آن بروید یا اگر لازم باشد آن را حذف کنید.
- پس از تنظیم اقدام مورد نظر از طریق منوی مربوطه، روی کلیک کنید "ذخیره" یا "انتشار".
- برای دیدن آرم در برگه هر صفحه ای از سایت خود، از جمله "کنترل پنل"راه اندازی مجدد آن
روش 2: همه در یک فاویکون
- در "کنترل پنل" سایت، آیتم را انتخاب کنید "پلاگین ها" و به صفحه بروید "افزودن جدید".
- فیلد جستجو را مطابق با نام پلاگین مورد نیاز خود وارد کنید همه در یک فاویکون - و در بلوک با یک پسوند مناسب، دکمه را فشار دهید "نصب".
فرآیند اضافه کردن، زمان زیادی را صرف خواهد کرد.
- حالا شما باید بر روی دکمه کلیک کنید "فعال کردن".
- پس از تغییر مسیر خودکار، شما باید به قسمت تنظیمات بروید. این را می توان از طریق انجام داد "تنظیمات"با انتخاب از لیست "همه در یک فاویکون" یا با استفاده از لینک "تنظیمات" در صفحه "پلاگین ها" در بلوک با فرمت دلخواه.
- در بخش با پارامترهای افزونه، یک آیکون را به یکی از خطوط ارائه شده اضافه کنید. این باید به عنوان در بلوک تکرار شود. "تنظیمات پیش فرض"بنابراین در "تنظیمات Backend".
- دکمه را فشار دهید "ذخیره تغییرات"وقتی تصویر اضافه می شود
- پس از تکمیل به روز رسانی صفحه، یک لینک منحصر به فرد به تصویر اختصاص داده می شود و در برگه مرورگر نمایش داده می شود.
این گزینه ساده تر برای پیاده سازی است. ما امیدواریم که شما موفق به نصب Favicon در سایت از طریق کنترل پنل وردپرس شوید.
نتیجه گیری
انتخاب نحوه افزودن آیکون تنها به ترجیحات شما بستگی دارد، زیرا در تمام گزینه ها می توانید نتیجه دلخواه را به دست آورید. در صورت بروز مشکل، اقدامات انجام شده را مجددا بررسی کنید و می توانید سوال مربوطه را در نظرات بپرسید.