تقریبا در هر سایت مدرن در اینترنت یک نماد مخصوص نمایش داده شده در برگه مرورگر پس از اینکه منابع به طور کامل بارگذاری شد وجود دارد. این تصویر توسط هر مالک به طور مستقل ساخته و نصب می شود، هرچند که اجباری نیست. به عنوان بخشی از این مقاله، ما گزینه های نصب Favicon را در سایت های ایجاد شده توسط ابزارهای مختلف مورد بحث قرار خواهیم داد.
برای اضافه کردن این نوع آیکون به سایت، باید یک تصویر مناسب از شکل مربع برای شروع ایجاد کنید. برای مثال می توان این کار را با استفاده از برنامه های گرافیکی خاص انجام داد فتوشاپ ، و با استفاده از برخی خدمات آنلاین. علاوه بر این، مطلوب است آیکون آماده شده را قبل از فرمت ICO تبدیل کند و آن را به اندازه 512 × 512 پیکسل کاهش دهد.
توجه: بدون اضافه کردن یک تصویر سفارشی، نماد سند در برگه نمایش داده می شود.
این گزینه اضافه کردن آیکون به سایت برای شما مناسب خواهد بود اگر از یک پلتفرم استفاده نکنید که ابزارهای خاصی را ارائه می دهد.
روش 1: دانلود Favicon
ساده ترین روش، به معنای واقعی کلمه هر مرورگر اینترنت مدرن، افزودن یک تصویر قبلا ایجاد شده به دایرکتوری ریشه سایت شما است. این را می توان از طریق رابط وب یا هر مدیر FTP راحت انجام داد.
گاهی اوقات پوشه دلخواه می تواند با توجه به تنظیمات خود، نام "public_html" یا هر نوع دیگر را داشته باشد.
کارایی روش به طور مستقیم بستگی دارد نه فقط به قالب و اندازه، بلکه همچنین بر روی نام فایل درست است.
روش 2: ویرایش کد
گاهی اوقات ممکن است فقط برای اضافه کردن Favicon به دایرکتوری ریشه سایت به اندازه کافی به اندازه کافی باشد که پس از دانلود کامل بر روی تب از مرورگرها نمایش داده شود. در این وضعیت، شما باید فایل اصلی را با نشانه گذاری صفحه ویرایش کنید، با افزودن یک کد خاص به آن شروع کنید.
خط زیر را بین برچسب های "HEAD" اضافه کنید، جایی که "* / favicon.ico" باید با URL تصویر خود جایگزین شود.
بهترین استفاده از یک لینک مطلوب با پیشوند به جای نسبی است.
در برخی موارد، مقدار "rel" را می توان به "آیکون میانبر" تغییر داد، در نتیجه افزایش سازگاری با مرورگرهای وب.
با توجه به فرمت تصویر مورد استفاده، مقدار "type" نیز می تواند شما را تغییر دهد.
نکته: فرمت ICO محبوب ترین است.
ICO - "image / x-icon" یا "image / vnd.microsoft.icon" ؛
PNG - "image / png" ؛
GIF - "image / gif" .
اگر منابع شما به طور عمده در آخرین مرورگرها هدف قرار گیرد، رشته را می توان کوتاه کرد.
برای دستیابی به بزرگترین سازگاری، می توانید چندین بار را با لینک به سایت فاویکون اضافه کنید.
تصویر نصب شده در تمام صفحات سایت نمایش داده می شود، اما می توان آن را با افزودن کد قبلا ذکر شده در جداول جداگانه تغییر داد.
در هر دو روش، زمان زیادی برای نمایش در برگه مرورگر وجود دارد.
گزینه 2: ابزار وردپرس
هنگام کار با وردپرس، می توانید با اضافه کردن کد بالا به فایل "header.php" یا استفاده از ابزارهای ویژه، از گزینه قبلی قبلا توضیح دهید. با تشکر از این، آیکون بدون در نظر گرفتن مرورگر تضمین خواهد شد که در زبانه سایت ارائه شود.
روش 1: کنترل پنل
از منوی اصلی، لیست "ظاهر" را گسترش دهید و بخش "سفارشی سازی" را انتخاب کنید.
در صفحه ای که باز می شود، شما باید از دکمه "Properties Site" استفاده کنید .
از بخش "تنظیمات" به قسمت پایین و در قسمت "Icon Site" حرکت کنید ، روی دکمه "انتخاب تصویر" کلیک کنید. در این مورد، تصویر باید دارای رزولوشن 512 × 512 پیکسل باشد.
از طریق پنجره "انتخاب تصویر" تصویر دلخواه را به گالری آپلود کنید یا یک مورد قبلا اضافه شده را انتخاب کنید.
پس از آن شما به «ویژگی های سایت» بازگردانید و تصویر انتخاب شده در بلوک «آیکون» ظاهر می شود. در اینجا شما می توانید مثال را ببینید، برای ویرایش آن بروید یا اگر لازم باشد آن را حذف کنید.
پس از تنظیم اقدام دلخواه از طریق منوی مربوطه، روی دکمه "ذخیره" یا "انتشار" کلیک کنید.
برای دیدن آرم در برگه هر صفحه ای از سایت خود، از جمله "کنترل پنل" ، آن را بارگیری کنید.
روش 2: همه در یک فاویکون
در سایت "کنترل پنل" ، "Plugins" را انتخاب کنید و به صفحه "اضافه کردن جدید" بروید .
فیلد جستجو را مطابق با نام پلاگین مورد نیاز خود قرار دهید - همه در یک فاویکون - و در بلوک با پسوند مناسب، بر روی دکمه "نصب" کلیک کنید.
فرآیند اضافه کردن، زمان زیادی خواهد برد.
حالا شما باید بر روی دکمه "فعال" کلیک کنید.
پس از تغییر مسیر خودکار، شما باید به قسمت تنظیمات بروید. این را می توان از طریق "تنظیمات" ، با انتخاب "همه در یک فاویکون" از لیست و یا با استفاده از لینک "تنظیمات" در صفحه "پلاگین" در بلوک با پسوند مورد نیاز انجام می شود.
در بخش با پارامترهای افزونه، یک آیکون را به یکی از خطوط ارائه شده اضافه کنید. این باید هر دو در "تنظیمات جلو" و در "تنظیمات Backend" تکرار شود .
هنگامی که تصویر اضافه می شود، دکمه Save Changes را کلیک کنید.
پس از اتمام به روز رسانی صفحه، یک لینک منحصر به فرد به تصویر اختصاص داده می شود و در برگه مرورگر نمایش داده می شود.
این گزینه ساده تر برای پیاده سازی است. ما امیدواریم که شما موفق به نصب Favicon در سایت از طریق پانل کنترل وردپرس شوید.
نتیجه گیری
انتخاب نحوه افزودن آیکون تنها به ترجیحات خود بستگی دارد، زیرا در تمام گزینه ها می توانید نتیجه دلخواه را به دست آورید. در صورت بروز مشكلات، اقدامات انجام شده را دوباره انجام دهيد و از نظر مربوطه در نظرات بپرسيد.