دو جزء وجود دارد که در برگه‌های مرورگر ظاهر می‌شوند: عنوان صفحه وب که در آنجا باز است و یک نماد کوچک به نام favicon. هر دوی این عناصر، شناسایی یک وب‌سایت را برای کاربران آسان‌تر می‌کنند، زمانی که چندین برگه در پنجره مرورگر باز است. favicon ها همچنین بخش مهمی از برندسازی شرکتی هستند و تجربه کاربری را بهبود می بخشند. وقتی نوبت به افزودن favicon در وردپرس یا تغییر favicon موجود می‌رسد، سه راه دارید. برای توضیح گام به گام favicon ها در وردپرس با ما همراه باشید.
چرا باید favicon در وردپرس اضافه کنید؟
عبارت "favicon" کوتاه شده ی "favorite icon" به معنای نماد مورد علاقه است. این نماد کوچک، بخشی جدایی ناپذیر از حضور آنلاین یک شرکت است. در نوار برگه مرورگر، در لیست بوکمارک ها، در برنامه‌های موبایل وردپرس و در نتایج جستجوی تلفن همراه نشان داده می‌شود. که باعث می شود، انتخاب یک نماد ساده و در عین حال واضح برای favicon خود مهم باشد. افزودن favicon به سایت وردپرس شما دارای مزایای زیر است:
-
باعث می شود وب سایت شما جدی تر و حرفه ای تر به نظر برسد.
-
تاثیر مثبتی بر سئو دارد.
-
اگر کاربر چندین برگه در مرورگر خود باز داشته باشد، عناوین صفحه نمایش داده نمی‌شوند اما favicon همیشه قابل مشاهده است.
نکته: اکثر شرکت ها از لوگوی خود یا اقتباسی از آن برای favicon خود در وردپرس استفاده می کنند.
نحوه افزودن یا تغییر favicon در وردپرس
شما سه راه برای تنظیم favicon در وردپرس دارید: استفاده از سفارشی ساز وردپرس، استفاده از افزونه یا افزودن دستی آن. که در ادامه هر کدام را شرح میدهیم.
توجه !! در این مقاله توضیح می دهیم که چگونه می توانید یک favicon به سایت وردپرس خود اضافه کنید، با این فرض که قبلاً یک favicon ایجاد کرده اید. اگر هنوز favicon ندارید، میتوانید با استفاده از رایج‌ترین برنامه‌های گرافیکی یا با یک تولیدکننده favicon یکی بسازید.
روش 1: سفارشی ساز وردپرس
ساده ترین و آسان ترین روش برای افزودن favicon در وردپرس از نسخه 4.3 وردپرس در دسترس بوده است. به همین سادگی است که favicon خود را آپلود کنید، در صورت لزوم آن را برش دهید، و سپس آن را با چند کلیک نهایی کنید.
اگر این روش را برای مدیریت favicon خود در وردپرس انتخاب کنید، favicon شما باید حداقل اندازه 512x512 پیکسل داشته باشد. با این حال، از آنجایی که نماد با اندازه 16x16 پیکسل در تب مرورگر نمایش داده می شود، باید مطمئن باشید که لوگوی شما همچنان در این مقیاس قابل تشخیص است. اکنون گام به گام نحوه تنظیم favicon در وردپرس با استفاده از Customizer را توضیح خواهیم داد.
مرحله 1: Customizer را باز کنید.
در داشبورد وردپرس، روی «Appearance» و سپس «Customize» کلیک کنید.
مرحله 2: "شناسه سایت" را باز کنید.
سفارشی ساز وردپرس باز می شود. در مرحله بعد، روی "Site Identity" کلیک کنید.
مرحله 3: روی "انتخاب نماد سایت" کلیک کنید.
در این قسمت می توانید عنوان وب سایت خود را تعیین کنید. این اطلاعات در کنار favicon در تب های مرورگر نمایش داده می شود. در قسمت "نماد سایت" روی "Select site icon" کلیک کنید تا favicon خود را در وردپرس تنظیم کنید.
مرحله 4: favicon خود را انتخاب کنید.
در مرحله بعد کتابخانه رسانه وردپرس باز می شود. اگر قبلاً favicon خود را در وردپرس آپلود کرده اید، می توانید به سادگی آن را انتخاب کنید. در غیر این صورت، روی "آپلود فایل ها" کلیک کنید و فایل را از پوشه های موجود در رایانه خود انتخاب کنید. انتخاب خود را با کلیک بر روی دکمه "select" تأیید کنید.
مرحله 5: favicon خود را برش دهید.
سپس میتوانید تصویری را که انتخاب کرده اید برش دهید. وردپرس به طور خودکار پیش نمایشی از favicon شما را در منوی سمت راست نشان می دهد. به محض اینکه برش را تمام کردید، انتخاب خود را با کلیک بر روی «برش تصویر» تأیید کنید. اگر اندازه تصویر شما قبلاً درست است، به سادگی بر روی "Skip Cropping" کلیک کنید.
سپس وردپرس به صورت خودکار favicon شما را پیاده سازی می کند. اگر می‌خواهید دوباره favicon خود را تغییر دهید، به سادگی به Customizer WordPress همانطور که در بالا توضیح داده شد، بروید.
روش 2: افزونه favicon
وردپرس تقریباً برای هر ویژگی که ممکن است نیاز داشته باشید یک افزونه ارائه می دهد، بنابراین طبیعتاً برای favicon ها نیز یک افزونه وجود دارد. یکی از محبوب ترین افزونه های رایگان Favicon by RealFaviconGenerator است. این افزونه گزینه های بیشتری را برای ویرایش در مقایسه با WordPress Customizer ارائه می دهد، بنابراین می توانید سازگاری favicon خود را با دستگاه ها و نمادهای برنامه های مختلف بهبود ببخشید. در ادامه توضیح می دهیم که چگونه می توانید از این افزونه برای افزودن favicon در وردپرس استفاده کنید.
مرحله 1: افزونه را نصب کنید
برای نصب افزونه، بخش «افزونه‌ها» را در داشبورد وردپرس باز کنید و روی «افزودن جدید» کلیک کنید. Favicon by RealFaviconGenerator را جستجو و دانلود و در نهایت آن را فعال کنید.
مرحله 2: تنظیمات افزونه را باز کنید
پس از نصب افزونه، بر روی "Appearance" و سپس "Favicon" کلیک کنید. در این صفحه می توانید تنظیمات مربوط به favicon خود را انجام دهید.
مرحله 3: favicon خود را انتخاب کنید
برای باز کردن رسانه وردپرس و انتخاب تصویری که می خواهید برای favicon خود استفاده کنید، روی "Select from the Media Library" کلیک کنید. اندازه تصویر باید حداقل 70x70 پیکسل باشد. با این حال، اندازه 260x260 یا بزرگتر توصیه می شود. پس از انتخاب تصویر، انتخاب خود را با دکمه "Generate favicon" تایید کنید.
مرحله 4: favicon خود را تنظیم کنید
افزونه به طور خودکار شما را به وب سایت برنامه هدایت می کند. به محض اینکه favicon خود را آپلود کردید، این فرصت را خواهید داشت که آن را ویرایش کنید. اگر می‌خواهید ظاهر favicon خود را برای مرورگرهای دسکتاپ، نتایج جستجوی Google یا گوشی‌های هوشمند مختلف تطبیق دهید، از این ویژگی‌ها استفاده کنید.
اگر انجام تغییرات را به پایان رسانده اید یا می خواهید مراحل باقیمانده را رد کنید، به پایین صفحه بروید و روی دکمه "Generate your Favicons and HTML Code" کلیک کنید.
سپس افزونه شما را به پشتیبان وردپرس هدایت می کند و راه اندازی موفقیت آمیز favicon شما را تأیید می کند.
روش 3: favicon را به صورت دستی در وردپرس اضافه کنید
وردپرس همچنین امکان پیاده سازی دستی تغییرات را در بسیاری از موارد فراهم می کند. بنابراین می توانید با استفاده از پروتکل انتقال فایل (FTP) یک favicon به سایت وردپرس خود اضافه کنید. شما به یک بسته favicon با فایل های مختلف و کد HTML نیاز دارید. هر دوی آنها را می توان به راحتی با یک ابزار آنلاین ایجاد کرد.
مرحله 1: یک فایل favicon ایجاد کنید
یک ابزار آنلاین برای تولید favicon باز کنید. در این مثال، ما از “Real Favicon Generator” استفاده می کنیم. در برنامه، روی دکمه “Select your Favicon image” کلیک کنید تا تصویر مربوطه آپلود شود.
در مرحله بعد، میتوانید ویژگی‌های تصویر خود، مانند اندازه و پس‌زمینه را ویرایش کنید. پس از انجام تغییرات دلخواه خود، بر روی “Generate your Favicons and HTML code” در پایین صفحه کلیک کنید.
در مرحله بعد می توانید بسته favicon را دانلود کرده و کد HTML را کپی کنید. بسته را دانلود کنید و نام آن را "favicon.ico" بگذارید تا به عنوان favicon شناخته شود.
مرحله 2: بسته favicon را با استفاده از FTP آپلود کنید
اکنون می توانید از FTP برای دسترسی به داده های وردپرس استفاده کنید. دایرکتوری اصلی را باز کنید و بسته favicon را در آنجا آپلود کنید. مطمئن شوید که در همان پوشه WP admin یا پوشه WP content هستید.
مرحله 3: کد HTML را وارد کنید
در نهایت فایل header.php را باز کنید و کد HTML favicon را در قسمت هدر قرار دهید. مطمئن شوید که دامنه و مسیر favicon شما به درستی وارد شده است.
در این آموزش نحوه اضافه کردن favicon در وردپرس را به 3 روش توضیح دادیم. امیدواریم این مقاله آموزشی برای شما مفید بوده باشد، برای دیدن باقی آموزش ها میتوانید وارد منوی پشتیبانی بخش آموزش ها شوید، در صورتی که درباره این آموزش به مشکل یا سوالی برخورد کردید، میتوانید آن را در بخش دیدگاه بیان کنید.
