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

[vc_row][vc_column][vc_column_text]

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

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=”” i_icon_fontawesome=”fa fa-file-text-o” i_color=”juicy_pink” color=”turquoise” border_width=”2″ add_icon=”true”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

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

favicon چیست ؟

اگر نمیدانید که favicon چیست باید به شما بگم که فاویکون همان آیکون کوچکی هست که در بالای مرورگر در کنار عنوان سایت یا صفحه به نمایش در می آید ( باید بگم که در هر مرورگری محل نمایشش متفاوت می باشد ولی در تمام مرورگر ها نمایش داده می شود ) که برای هر سایت متفاوت هست و یکی از فواید آن این است که بازدید کننده به راحتی می تواند سایت شما را از سایر رقباتون تشخیص بدهد و یک نماد از سایت شما در ذهن بازدید کننده باقی میماند تا در بازدید بعدی سایت شما را به خواطر بیاورد و این یک امتیاز برای سایت شما می باشد و هویت سایتتان حفظ می شود که در اکثر قالب ها قابلیت آپلود فاویکون سایت از طریق پنل تنظیمات قالب وجود دارد ولی در صورت وجود نداشتن می توانید از این آموزش استفاده کنید.

نحوه ایجاد یک تصویر Favicon

برای ساخت این تصویر راه های متفاوتی و زیادی وجود دارد که من راه خودم را براتون میگم که اگر خواستید استفاده کنید .

ابتدا در برنامه فتوشاپ یک تصویر برای فاویکونتون بسازید که باید به صورت مربعی شکل و با ابعاد بالا مثل ۲۵۶در ۲۵۶باشد و بعد از آن آن را به اندازه ۱۶در۱۶ یا ۳۲ در ۳۲ با فرمت png ذخیره کنید که برای اسم هم من توصیه میکنم برای مثال از favicon.png استفاده کنید و بعد از آن به یکی از سایت های تبدیل فرمت های مختلف به ico بروید و عکسی که ساختید به فرمت ico تبدیل کنید و بعد از آن به ادامه آموزش ما بیایید و آن را در سایت خودتون استفاده کنید .

باید بگم که من فاویکون سایتم را به فرمت ico تبدیل نکردم چون بعد از تبدیل کیفیتش از بین میرفت ولی شما امتحان کنید و اگر خواستید به هر فرمتی که مایل بودید در سایت استفاده کنید .

نحوه قرار دادن یک تصویر Favicon برای وبسایت وردپرس

خب بریم سر اصل مطلب, برای این کار شما چندین راه دارید که من در این مطلب دو راه آن را توضیح خواهم داد که راحت ترین و اصولی ترین راه هست تا شما بتوانید استفاده کنید که راه اولی استفاده از کد افزودن فاویکون favicon به وردپرس و بعد از آن افزودن فاویکون به وردپرس از طریق پنل مدیریت.

کد افزودن فاویکون favicon به وردپرس

خب ابتدا فاویکونی که ساختید را در وردپرس آپلود کنید و سپس از طریق آدرس “نمایش–>ویرایشگر” یا از طریق فایل منیجر هاست به فولدر قالب خود بروید و در آنجا فایل header.php را ویرایش کنید و کد زیر را در آن استفاده کنید . کد زیر را باید قبل از بسته شدن تگ head یعنی کد <head/> بگذارید و با استفاده از راهنمای زیر کد آن را برای استفاده خودتان مناسب کنید .

راهنما : در کد بالا به جای https://adroom.ir/favicon.ico آدرس تصویری که میخواهید قرار بدهید .

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

یکی از استاندارد ترین راه ها استفاده از قابلیتی هست که خود وردپرس قرار داده که نمیدونم از ورژن چند به وردپرس اضافه شده و برام هم مهم نیست و مهم استفاده از آن هست . برای افزودن favicon به وردپرس به منوی “نمایش–>سفارشی سازی” بروید و در آنجا به تب هویت سایت بروید و در قسمتی که عنوان “نمادک سایت” دارد تصویر را آپلود کنید و بر روی ذخیره کلیک کنید دیگر کار تمام است .

امیدوارم که آموزش افزودن فاویکون favicon به سایت وردپرس مورد استفاده شما قرار گرفته باشد

ادروم

[/vc_column_text][vc_text_separator title=”انجمن ما” color=”turquoise”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_single_image image=”173″ img_size=”full” alignment=”center” style=”vc_box_shadow_3d” onclick=”custom_link” img_link_target=”_blank” link=”http://forum.adroom.ir”][/vc_column][vc_column width=”1/2″][dt_vc_list]

• عضو انجمن ما شوید و از امکانات آن بهره ببرید.
• با عضویت در انجمن ما رایگان تبلیغ کنید.
• تبلیغ وبلاگ,وبسایت,محصولات و……
• در انجمن ما افراد متخصص زیادی حضور دارند.
• با آنها به مباحثه بپردازید و مشاوره دریافت کنید.

[/dt_vc_list][vc_btn title=”ورود به انجمن” style=”gradient” gradient_color_2=”vista-blue” size=”lg” align=”center” i_icon_fontawesome=”fa fa-user-plus” button_block=”true” add_icon=”true” link=”url:http%3A%2F%2Fforum.adroom.ir|title:%D8%A7%D9%86%D8%AC%D9%85%D9%86|target:%20_blank|rel:nofollow”][/vc_column][/vc_row][vc_row][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row]