قرار دادن favicon در وردپرس با دو روش
قرار دادن favicon در وردپرس با دو روش
شاید برای شما پیش آمده باشد که وقتی که یک سایت را باز می کنید یک آیکون کوچک که حالا یا لوگو آن سایت می باشد یا یک تصویر کارکتری می باشد که کنار نام آن سایت در مرورگر سایت نمایش داده می شود که شاید برای شما سوال باشد ، این آیکون ریز کنار آدرس سایت در مرورگر چیست ؟
الان میهن آکادمی به شما آموزش می دهد و معرفی می کند که این آیکون یا تصویر کنار سایت ها در مرورگر یک هویت بصری است که برای بیشتر شناسایی شدن آن سایت استفاده می شود و به این آیکون کنار سایت ها که شما مشاهده می کنید Favicon یا نمادک سایت گفته می شود و اینجا به شما توضیح می دهیم که شما هم بتوانید برای سایت خود Favicon یا همان نمادک سایت نمایش دهید.
بیشتر وب سایت ها لوگو سایت خود را به عنوان نمادک نمایش می دهند ، چون این نمادک یا همان Favicon زمانی که یک مقاله را منتشر می کنید و در سایت موتور های جستجو مانند گوگل یا دیگر موتور های جستجو سرچ می کنند این نمادک در موتور های جستجو نمایش داده می شود.
آموزش قرار دادن فاو آیکون در وردپرس :
Favicon در کل چیست :
فاو آیکون (Favicon) یک آیکون کوچک است که به عنوان نماد یک وبسایت در تب مرورگر، بوکمارکها یا لیستهای علاقهمندیها ظاهر میشود. این آیکون در ایجاد هویت بصری و شناخت بهتر سایت بسیار مهم است. فایل فاو آیکون معمولاً به فرمتهایی مثل .ico، .png یا .svg است و ابعاد استاندارد آن ۱۶×۱۶ یا ۳۲×۳۲ پیکسل است ولی برای وردپرس این اندازه باید حداقل 512پیکسل در 512 پیکسل باشد چون وردپرس با همه سیستم های مدیریت محتوا متفاوت است.
شما برای اینکه بتوانید یک فاو ایکون مناسب داشته باشید و یا یک فاو ایکون مناسب طراحی کنید می توانید از ابزارهای آنلاین و نرمافزارهای گرافیکی مانند Photoshop یا Illustrator استفاده کنید تا یک فاو آیکون عالی داشته باشید و کاربران خود را حیرت زده کنید و داشتن یک فاوآیکون مناسب برای سایت شما می تواند به سایت شما اعتماد به نفس متفاوتی به کاربران شما ارسال کند.
هنگام طراحی یک فاو آیکون شما باید به اندازه آن و رنگ مورد نیاز در مورد کسب و کار خود در طراحی فاو ایکون استفاده کنید و اگر که از فونت مورد نظری می خواهید برای استفاده از آن در فاو آیکون خود استفاده کنید ، سعی کنید فونت مناسب و خوانایی استفاده کنید تا کاربران شما متوجه نوشته داخل آن شوند.
قرار دادن فاو آیکون با کد نویسی در وردپرس :
همانطور که می دانید وردپرس یک سیستم مدیریت محتوا منبع باز می باشد و شما می توانید با استفاده از کد نویسی هر نوع بخشی را که می خواهید در وردپرس خود با استفاده از کد نویسی ایجاد کنید و استفاده کنید این بار برای شما می خواهیم توضیح دهیم که چطور می توانید با کد نویسی در سایت خود فاوآیکون نمایش دهید
قرار دادن فاو آیکون با استفاده از کد نویسی راحت است ، آنچنان که فکر می کنید سخت نیست برای اینکه شما بتوانید به کمک کد نویسی در سایت خود فاو آیکون نمایش دهید باید وارد سایت خود شوید و از بخش نمایش وارد بخش ویرایشگر پرونده ها شوید و در اینجا شما می توانید فایل های قالب سایت خود را مشاهده کنید و در بین این فایل های قالب سایت خود فایل header.php قالب سایت خود وارد شوید.
بعد از وارد شدن به فایل header.php قالب سایت خود شما باید کد زیر را بعد از تگ <title></title> در این فایل قرار دهید :
<link rel="shortcut icon" href="<?php echo get_bloginfo('template_url');?>"images/favicon.png"/>
خب فقط و فقط یادتان باشد که شما بعد از قرار دادن این کد در فایل header.php قالب سایت خود باید در هاست سایت خود در پوشه قالب یک پوشه به نام images بسازید و بعد از آن در این پوشه فایل فاو آیکون سایت خود را با نام favicon.png آپلود کنید تا در مرورگر ها نمایش داده شود.
قرار دادن فاو آیکون از طریق پنل مدیریت وردپرس :
همانطور که می دانید وردپرس دارای یک پنل مدیریت قدرتمند است و شما می توانید بدون کد نویسی و نصب افزونه های خاص از امکانات آن استفاده کنی و اگر که شما نمی خواهید برای استفاده از فاو ایکون و یا نمایش دادن فاو آیکون از کد نویسی استفاده کنی می توانید از بخش نمایش وارد بخش سفارشی سازی شوید مانند تصویر بالا
بعد از کلیک کردن بر روی دکمه سفارشی سازی شما یک بخش دارید به نام هویت سایت که باید بر روی آن مانند تصویر بالا کلیک کنید
شما بعد از کلیک کردن بر روی دکمه هویت سایت به یک بخش اینجا مواجه می شوید به نام نمادک سایت که می شود همان فاو آیکون که شما باید در این قسمت بر روی دکمه انتخاب آیکون سایت کلیک کنید و اینجا شما می توانید فاو آیکون مورد نظر خود را آپلود کرده و به راحتی در سایت خود نمایش دهید
به همین راحتی شما می توانید با این دو روش نمادک یا همان فاو آیکون سایت خود را انتخاب کنید و نمایش دهید
موفق و پیروز باشید 🙂