تمام دوره های فصل وردپرس رایگان شدند!!!

کارو کانتنت

افزودن Favicon (فاوآیکون و نمادک) به سایت وردپرسی (بدون افزونه + با افزونه)

Favicon

وقتی سایتی را باز می کنید، کنار عنوان سایت در تب مرورگر یک آیکون برای سایت قرار دارد. به این آیکون Favicon (فاوآیکون) می گویند. این Favicon در اصل آیکون سایت است و علاوه بر نمایش در تب مرورگر، در لیست بوک مارک ها نیز این آیکون نمایش داده می شود. برای افزودن Favicon به سایت وردپرسی نیز راه های مختلفی وجود دارد که در این مقاله به آن ها می پردازیم.

قبل از شروع آموزش قرار دادن Favicon در وردپرس باید بگوییم که برخی از قالب های حرفه ای، قسمتی را برای افزودن این آیکون به سایت دارند. بنابراین به جز سه روش زیر، قالب های حرفه ای نیز در تنظیمات قالب خود، این امکان را دارند که می توانید برای افزودن آیکون سایت، از آن بخش اقدام کنید. اگر قالب شما چنین بخشی را نداشت، از راه های زیر favicon را به سایت خود اضافه کنید.

افزودن Favicon به سایت وردپرسی از طریق تنظیمات سفارشی سازی وردپرس

خود وردپرس امکان اضافه کردن آیکون را به سایت دارد. برای این کار به پنل مدیریت وردپرس خود مراجعه کرده و سپس از طریق منو نمایش، گزینه سفارشی سازی را انتخاب کنید.

Favicon customization

وارد قسمت “هویت سایت” شوید. در این قسمت بخشی با عنوان “نمادک سایت” قرار دارد. در این جا روی گزینه انتخاب تصویر کلیک کنید و آیکون خود را آپلود کنید. توصیه خود وردپرس این است که آیکون شما در اندازه 512 در 512 پیکسل باشد.

Favicon website settings

پس از آپلود آیکون، روی گزینه انتشار کلیک کنید تا تنظیمات ذخیره شود.

Favicon icon uploaded

خواهید دید که آیکون مورد نظر شما به سایت اضافه شده است که در تب مرورگر قابل مشاهده است.

Favicon result

افزودن Favicon به سایت وردپرسی از طریق کد

اگر بخواهید favicon را از طریق کد به سایت خود اضافه کنید، باید از کد های زیر استفاده کنید. البته باید با فایل ها و کد های قالب کمی آشنا باشید تا بدانید که این کد ها را به چه صورت قرار دهید. در کد های هر سایتی، تگی به نام <head> قرار دارد. این کد ها باید داخل این تگ قرار بگیرند.

معمولا این تگ را می توانید داخل فایل header.php قالب خود پیدا کنید. البته بسته به نوع و طراح قالب، گاهی اوقات این تگ در فایل دیگری قرار دارد که باید آن را پیدا کنید.

برای افزودن favicon با فرمت ico از کد زیر استفاده کنید. در تگ href باید لینک آیکون قرار بگیرد.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>

برای افزودن favicon با فرمت png از کد زیر استفاده کنید. در تگ href باید لینک آیکون قرار بگیرد.

<link rel="icon" href="/favicon.png" type="image/png"/>

برای افزودن favicon با فرمت gif از کد زیر استفاده کنید. در تگ href باید لینک آیکون قرار بگیرد.

<link rel="icon" href="/favicon.gif" type="image/gif"/>

افزودن Favicon به سایت وردپرسی از طریق افزونه Custom Favicon

از طریق افزونه Custom Favicon نیز می توانید آیکون را به سایت خود اضافه کنید.این افزونه تا کنون بیش از 20 هزار نصب فعال داشته است و امتیاز 5 از 5 را از کاربران وردپرس دریافت کرده است. در پایین همین مطلب می توانید این افزونه را به صورت رایگان دانلود کنید.

پس از نصب و فعال سازی افزونه Custom Favicon ، گزینه Custom Favicon به زیر منو تنظیمات اضافه می شود.

Favicon custome favicon

در این بخش شما می توانید آیکون را آپلود کنید. این افزونه امکان قرار دادن آیکون برای پنل مدیریت را نیز دارد.

از بخش Favicon for Website می توانید آیکون سایت خود را آپلود کنید و از بخش Favicon for Admin می توانید آیکون پنل مدیریت را آپلود کنید.

برای دستگاه های اپل نیز امکان آپلود جدا قرار دارد. پس از آپلود آیکون ها، Save Changes را کلیک کنید و نتیجه کار را مشاهده کنید.

Favicon custome favicon settings

امیدواریم این آموزش برای شما مفید بوده باشد. اگر سوال یا نظری دارید، خوش حال می شویم که از طریق نظرات همین مطلب با ما در میان بگذارید.

جهت دانلود ایمیل خود را وارد کنید و دکمه را بزنید. اگر عضو سایت هستید، لطفا وارد حساب کاربری شوید تا دیگر این فرم ایمیل را نبینید.
میخوای سئو رو کامل یاد بگیری؟ عالیه! در دوره آموزش سئو، تمام آنچه که برای بهبود سئو سایت خود نیاز دارید را گفته ایم!
حتما عضو کانال یوتیوب فصل وردپرس باشید! ما در یوتیوب دوره ها و آموزش های رایگان داریم!!!
5/5 - (3 امتیاز)
مسعود جواهری

لیسانس نرم افزار و دیپلم زبان انگلیسی دارم و بیش از 10 سال است که در زمینه طراحی سایت و سئو فعالیت می کنم. صاحب سایت های فصل وردپرس، سینما مدرن و ورتکس وب هستم اما فعالیت اصلی بنده به عنوان هم بنیان گذار سایت فرالن (فعال در حوزه آموزش آنلاین زبان های خارجی) است.

مهدی در 22 آگوست 2020 - 20:20 پاسخ

من به صورت عادی توی وردپرس مشکل داشتم سر قرار دادن فاوآیکون ، با آموزش شما به صورت دستی کد رو وارد کردم درست شد ، ممنون

    مسعود جواهری در 22 آگوست 2020 - 22:45 پاسخ

    سلام مهدی جان
    خیلی خوشحالم براتون مفید بوده
    موفق باشید

دوره های رایگان سئو و طراحی سایت در یوتیوب!