مردم از وردپرس برای ایجاد وب‌سایت برای افراد و مشاغل استفاده می‌کنند. یکی از راه‌هایی که به بازدیدکنندگان کمک می‌کند بدانند سایت متعلق به شماست، داشتن یک فاویکون وردپرس سفارشی است.
فاویکون چیست؟
فاویکون آیکونی است که در برگه یا پنجره مرورگر و در لیست نشانک‌ها یا موارد دلخواه که به طور ویژه با یک سایت خاص مرتبط است نشان داده میشود. اگر مرورگر فاویکون سفارشی پیدا نکند، به جای آن یک فاویکون پیش‌فرض را نشان می‌دهد.
فاویکون وردپرس اغلب نسخه کوچکی از لوگوی سایت است. ممکن است بتوانید لوگو را به اندازه فاویکون کوچک کنید، اما معمولا لازم است لوگوی مرتبط با لوگوی اصلی ایجاد نمائید.
چرا باید از فاویکون استفاده کنم؟
کسب و کارها باید فاویکونی برای بهبود آشنایی و تشویق مشتریان بالقوه داشته باشند. برندسازی به بازدیدکنندگان این امکان را می‌دهد که فورا یک سایت را تشخیص دهند که به تداوم و مشروعیت می‌افزاید.
افراد همچنین می‌توانند به دلایل مشابه از فاویکون استفاده کنند، اگرچه هدف این است که در بیشتر موقعیت‌ها به جای خرید، بازدید تکرار شود.
مشخصات فاویکون
اندازه فاویکون در وردپرس ۱۶×۱۶ پیکسل است. با این حال، برخی از مرورگرها و اپلیکیشن‌های دیگر از اندازه بزرگتر استفاده می‌کنند که از ۱۶ تا ۱۹۵ پیکسل مربع متغیر است.
اگر به اندازه ۱۶×۱۶ پایبند باشید، برنامه‌هایی که از اندازه‌های بزرگتر استفاده می‌کنند، معمولا آن را بزرگ می‌کنند و اغلب باعث ایجاد پیکسل می‌شوند. به همین دلیل، هویت سایت وردپرس به ۵۱۲×۵۱۲ نیاز دارد.
برخی از اندازه های جایگزین رایج عبارتند از:
- ۲۴ پیکسل – نماد یک سایت پین شده در اینترنت اکسپلورر ۹
- ۷۲ پیکسل – نماد روی صفحه اصلی iPad
- ۱۲۸ پیکسل – نمادی که در فروشگاه وب Chrome استفاده میشود
- ۱۹۵ پیکسل – نمادی که در Opera Speed Dial نشان داده شده است
فرمت‌های فاویکون
اگر فاویکون با فرمت نادرست ذخیره شود به درستی نمایش داده نمی‌شود. رایج ترین فرمت ویندوز ICO است که نیاز اولیه بود. می‌تواند اندازه‌ها و وضوح‌های مختلفی را برای استفاده در چندین پلتفرم داشته باشد. این تنها فرمت مورد استفاده اینترنت اکسپلورر است.
PNG کاربرپسندترین گزینه است زیرا تقریبا هر برنامه گرافیکی در این فرمت ذخیره میشود و اندازه فایل کوچکی را ارائه می‌دهد و به فاویکون اجازه می‌دهد در صورت تمایل transparent باشد.
Opera از SVG برای فاویکون پشتیبانی می‌کند، اگرچه این تنها مرورگری است که این کار را می‌کند.
GIF، JPG و APNG گزینه‌هایی هستند اما کمتر مفید هستند زیرا وضوح آنها بدتر است و می‌توانند حواس‌تان را پرت کنند. حواس پرتی به خصوص با فایل‌های متحرک GIF و فایل‌های APNG که متحرک نیز هستند محتمل است.
ایجاد فاویکون
طراحی فاویکون وردپرس برای افزایش شناسایی سایت شما ایده بسیار خوبی است. می‌توانید یکی را روی یک برنامه گرافیکی در کامپیوتر خود طراحی کنید یا از یک وب‌سایت رایگان آنلاین مانند favicon-generator.org یا favicon.cc استفاده کنید.
برای بهبود ارزش فاویکون خود عوامل زیر را در نظر بگیرید.
هویت
مهمترین دلیل داشتن فاویکون شناخته شدن است. طرحی ایجاد کنید که نشان دهنده محصول یا خدماتی باشد که ارائه می‌دهید یا طرحی که با لوگوی برند شما مطابقت داشته باشد. تصویری که مستقیم به برند شما مربوط میشود، مانند یک نسخه کوچکتر از لوگو یا حرف یا حروف اصلی نام شرکت، ایده آل است.
سادگی
به دلیل اندازه کوچک، ساده بهترین است. اشکال یا حروف اصلی انتخاب خوبی برای دید هستند. زمانی که بازدیدکنندگان آن را در یک نگاه تشخیص دهند، بیشترین تاثیر را دارد. هرچه سعی کنید جزئیات بیشتری را وارد کنید، تشخیص نماد چیست برای بازدیدکننده دشوارتر است. دقت، جسارت و وضوح ضروری است.
رنگ‌ها
کنتراست بالا خوانایی را بهبود می‌بخشد و تشخیص را افزایش می‌دهد. فاویکون سایت‌هایی مانند NBC و Netflix را در نظر بگیرید. سایت‌های آنها فورا آشکار می‌شوند. سایت‌هایی که هویت رنگی واضحی دارند باید آن رنگ را در فاویکون وردپرس خود قرار دهند. باز هم، آن را ساده نگه دارید. رنگ های زیاد می تواند باعث ایجاد یک تصویر نامشخص شود.
آموزش اضافه کردن فاویکون به وردپرس
با استفاده از یکی از روش‌های زیر یک فاویکون وردپرس اضافه کنید:
از گزینه داخلی Site Icon در وردپرس استفاده کنید.
نشانگر را روی Appearance قرار دهید و Customize را انتخاب کنید، سپس برگه Site Identity را انتخاب کنید. نماد سایت در پایین پانل سمت چپ قرار دارد و به شما امکان می دهد هر تصویر مربعی ۵۱۲ پیکسلی یا بزرگتر را انتخاب کنید و سپس در صورت نیاز اندازه آن را تغییر دهید.
اگر فایلی که انتخاب می کنید مربع نیست، وردپرس یک رابط برای برش تصویر به مربع ارائه می‌دهد.
header.php را ویرایش کنید
فایل header.php را در قالب فعلی خود ویرایش کنید و این کد را اضافه کنید:
نام دامنه سایت خود را جایگزین « yourdomain» کنید و مطمئن شوید که فاویکون را در فضای وب آپلود کرده‌اید.
اگر می‌خواهید وردپرس را از لغو تغییر در یک به‌روزرسانی جلوگیری کنید، قبل از ویرایش یک تم فرزند ایجاد کنید و فایل تم فرزند را به جای فایل تم اصلی ویرایش کنید.
از افزونه وردپرس استفاده کنید.
از یکی از افزونه‌هایی که در زیر لیست می کنیم استفاده کنید.
آموزش تغییر فاویکون در وردپرس
تغییر فاویکون وردپرس شبیه به اضافه کردن آن است. همین روش‌ها برای آپلود فاویکون جدید کار می‌کنند. همچنین امکان آپلود یک مورد جدید و بازنویسی نسخه قبلی وجود دارد که زمانی که بازدیدکنندگان حافظه پنهان خود را پاک می کنند یا یک رفرش سخت انجام می دهند، آن را تغییر می دهد.
با افزونه فاویکون وردپرس ساده کنید
با نصب یک افزونه، فرآیند افزودن یا تغییر فاویکون وردپرس را آسان کنید.
- برای افزودن آسان کد بالا می توانید از افزونه Insert Headers and Footers استفاده کنید. کد را در قسمت هدر قرار داده و ذخیره کنید.
- افزونه All in One Favicon این قابلیت را اضافه می‌کند تا فرآیند افزودن فاویکون را آسان کند.
- RealFaviconGenerator افزونه‌ای است که آیکون‌ها را بر اساس نیازهای مرورگر تولید می‌کند.
- یکی دیگر از پلاگین‌های محبوب Heroic Favicon Generator است که یک فاویکون را از یک تصویر آپلود شده یا یکی از موارد موجود در کتابخانه رسانه شما تولید می‌کند. از کشیدن و رها کردن برای آپلود فایل های تصویری استفاده می‌کند.
هاست وردپرس با وب سرور محبوب لایت اسپید و کش لایت اسپید باعث میشود تا سرعت لود فوق العاده‌ای را تجربه کنید.
با خرید هاست وردپرس کانفیگ حرفه‌ای و نظارت بر سرور به صورت پیوسته توسط تیم فنی پارسدِو انجام خواهد شد.
چرا فاویکون وردپرس من نمایش داده نمی‌شود؟
چندین دلیل ممکن برای خطاهای فاویکون وجود دارد، از خطای کاربر گرفته تا ویژگی های خاص مرورگر.
حافظه پنهان (کش)
هنگامی که وب سایت شما کش است، تغییرات در عناصری مانند فاویکون زمان می‌برد تا نمایش داده شوند. می‌توانید با انجام هارد ریفرش (Ctrl + F5) یا با پاک کردن کش مرورگر، این فرآیند را سرعت بخشید. اگر مشکل حل نشد، نوع فایل فاویکون را بررسی کنید. اگر فایل .ico نیست، ممکن است با مرورگر ناسازگار باشد.
غلط املایی
اگر یک خطای تایپی در کد دارید، احتمالا فاویکون به جای نمایش، خطا می‌کند. خطاهای ساده مانند فراموش کردن “، اسلش یا براکت باعث ایجاد خطاهایی میشود که تصویر و احتمالا کل صفحه وب را به هم می زند. کد را با دقت بررسی کنید.
مکان فاویکون وردپرس
مرجع فایل نیز بسیار خاص است. اگر لینک به تصویری اشاره می‌کند که وجود ندارد، فاویکون نمایش داده نمی‌شود. مراقب باشید فایل فاویکون را آپلود کنید و لینک دقیق آن را کپی کنید. بهترین راه برای انجام این کار استفاده از کتابخانه رسانه در داخل وردپرس است.
نمای محلی
اگر به جای بارگیری صفحه اینترنت، نمایشگر را در کامپیوتر لوکال بررسی می‌کنید، فاویکون وردپرس نشان داده نمی‌شود زیرا اکثر مرورگرها به صورت محلی به دنبال فاویکون نیستند. صفحه را در اینترنت بررسی کنید تا مطمئن شوید که به بازدیدکنندگان نشان داده می شود.
نوع تصویر اشتباه
نوع فایل پیش فرض برای تصویر فاویکون .ico (“image/ico”) است. هنگامی که از نوع فایل دیگری استفاده می شود، مانند PNG یا SVG، که هنگام استفاده از روش ویرایش تم باید در کد تنظیم شود. نوع فایل باید با نوع فایل تصویر مطابقت داشته باشد. برای مثال، یک فایل PNG باید به جای «image/ico»، «image/png» را بگوید.
