آموزش های وردپرسویدئوهای وردپرس

آموزش قراردادن فاوآیکون در وردپرس

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

Favicon چیست و چه کاربردی دارد؟

کلمه Favicon از ترکیب دو کلمه ی Favorite به معنای مورد علاقه و icon ایجاد شده است. فاوآیکون در واقع تصویری است که نماینده ی یک سایت است و به همین جهت از آن به عنوان آیکن میانبر، آیکن بوکمارک و … هم یاد میکنند. که در نمونه تصویر زیر میتوانید فاوآیکون استفاده شده برای وردپرس نارنجی را مشاهده کنید.

فاوآیکون در وردپرس نارنجی
فاوآیکون وردپرس نارنجی

اندازه ی فاوآیکون عموما 16 در 16 پیکسل است. فاوآیکونی که برای سایتتان انتخاب میکنید میتواند دارای یکی از فرمت های ico, png, gif, jpg, svg, apng باشد. از میان این فرمت ها، سه فرمت ico, png و gif توسط کلیه ی مرورگر ها ساپورت میشوند، بنابراین توصیه میشود از یکی از این سه فرمت استفاده کنید.

افزودن فاوآیکون در وردپرس

برای افزودن فاوآیکون در وردپرس چندین راه مختلف وجود دارد:

  • افزودن favicon در وردپرس با استفاده از تنظیمات قالب
  • افزودن favicon در وردپرس با استفاده از کدنویسی
  • افزودن گراواتار به عنوان favicon در وردپرس

افزودن فاوآیکون در وردپرس با استفاده از تنظیمات قالب

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

این مطلب را از دست ندهید :
غیرفعال کردن SSL وردپرس
افزودن فاوآیکون به وردپرس
افزودن فاوآیکون به وردپرس از طریق پیشخوان

کافی است از بخش انتخاب تصویر که در قسمت نمادک سایت قرار دارد تصویر favicon دلخواه خود را انتخاب کرده و آپلود کنید. در نهایت بعد از آپلود شدن فایل روی دکمه ذخیره کلیک کنید تا فاوآیکون مورد نظرشما به سایت اضافه گردد.

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

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

در این روش باید از طریق کدنویسی اقدام به اضافه کردن فاوآیکون در وردپرس کنید. ابتدا وارد هاست خود شده ودر مدیریت هاست خود روی File Manager کلیک کنید. سپس به مسیر /public_html/wp-content/themes/ مراجعه کرده و وارد پوشه قالب سایت خود شوید. در این مرحله فاوآیکون خود را که با عنوان favicon.png ذخیره کرده اید در مسیر اصلی پوشه قالب آپلود کنید. سپس در همین مسیر به دنبال فایلی با نام header.php بگردید وآن را ویرایش کنید. کد زیر را درست بین دو تگ <title></title> قرار داده و فایل را ذخیره کنید.

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

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

افزودن گراواتار به عنوان favicon در وردپرس

برای اینکه  تصویر پروفایل گراواتار را به عنوان فاوآیکون در وردپرس انتخاب کنید، کافی است قطعه کد زیر را در فایل فانکشن قالب خود قرار دهید. برای این منظور در مسیر پوشه قالب فعال در روی سایت خود که در مسیر /public_html/wp-content/themes/ قرار دارد، به دنبال فایلی با نام functions.php بگردید و سپس آن را ویرایش کرده  و کدهای زیر را در مکان مناسبی از آن قرار دهید.

function dcg_gravatar_favicon() {

    // Replace email here

    $GetEmailHash = md5(strtolower(trim('info@wpnarenji.ir')));

?>

<link rel="shortcut icon" href="<?php echo 'http://www.gravatar.com/avatar/' . $GetEmailHash . '?s=16;'; ?>" type="image/x-icon" />

<?php

}

add_action('wp_head', 'dcg_gravatar_favicon');

به جای info@wpnarenji.ir ایمیل خود را که برای آن تصویر گراواتار تعیین کرده اید وارد کنید. پس از این تصویر گراواتار انتخابی به عنوان favicon شما نمایش داده می شود.

عاطفه نوربخش

عاطفه نوربخش هستم؛ هم بنیانگذار " وردپرس نارنجی " که حاصل تجربه های خودم در حوزه تخصصی وردپرس را برایتان می نویسم و تلاش میکنم به شما کمک کنم تا با سیستم مدیریت محتوای وردپرس، سایت وردپرسی ای زیبا و حرفه ای داشته باشید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

وردپرس نارنجی در جشنواره وب و موبایل ایران شرکت کرده است.به این وب سایت رای دهید
+
بستن