مرجعی لذت بخش برای طراحان وب و گرافیک

عناوین محتوای این صفحه

همان‌طور که در عنوان این مقاله ذکر شده است امروز قصد داریم در این مقاله به شما آموزشی در خصوص نحوه قرار دادن گراواتار به‌جای Favicon در سایت‌های وردپرسی دهیم. اما قبل از اینکه به سراغ این آموزش برویم یک سری توضیحات مختصر در مورد گراواتار و Favicon برای شما عزیزان قرار خواهیم داد، تا درصورتی‌که با آن‌ها آشنایی ندارید بتوانید این مقاله را بهتر درک کنید.

قرار دادن گراواتار به شناخت و ماندگاری سایت شما بین کاربران کمک شایان اهمیتی خواهد کرد ازاین‌رو اکیداً به شما پیشنهاد می‌کنیم از اهمیت قرار دادن آن در سایت غافل نشوید، پس اگر شما هم مدیر یک سایت وردپرسی هستید و قصد دارید گراواتار ایمیل خود را روی Favicon سایت نمایش دهید، این مقاله را از دست ندهید؛ چراکه ما در این مقاله به شما یک روش بسیار ساده برای این کار خواهیم گفت. با دکترگرافیک همراه باشید.

 

گراواتار چیست

گراواتار درواقع یک پلتفرم آواتار پیش‌فرض است که شما با استفاده از آن می‌توانید جذابیت سایت خود را زیاد کنید. مسلماً همه شما تاکنون با واژه‌ی آواتار برخورد داشته‌اید و می‌دانید که آواتار همان تصویری است که کاربر از آن برای حساب کاربری خود استفاده می‌کند. آواتار درواقع یک قسمتی از گراواتار است.

این نکته را نیز در نظر بگیرید که قرار دادن یک گراواتار برای حساب کاربری‌تان، می‌تواند شما را در ذهن کاربران ماندگار کند. خوشبختانه وردپرس از این برنامه به‌صورت کامل پشتیبانی می‌کند و شما به‌راحتی می‌توانید برای اکانت خود گراواتار قرار دهید و این قابلیت را نیز در اختیار کاربران سایت خود قرار دهید.

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

 

Favicon چیست

مسلماً همه شما تاکنون فاوآیکون‌ها را مشاهده کرده‌اید اما ممکن است با اسم آن آشنا نباشید. Favicon درواقع همان آیکونی است که شما در کنار آدرس سایتتان در بالای تب مرورگر خود مشاهده می‌کنید.

داشتن Favicon برای سایت شما بسیار ضروری است و باعث می‌شود اگر کاربر تب‌های زیادی را باز کرده باشد به‌هیچ‌وجه سایت شما را از دست ندهد و بتواند به‌راحتی و بدون جستجوی دوباره سایت شما را پیدا کند. بنابراین دقت داشته باشید که طراحی Favicon سایت شما باید به‌گونه‌ای باشد که برای کاربر جذاب باشد. پس بهتر است در این زمینه از یک طراح کمک بگیرید.

همچنین برای سئو وب سایت خودتون می توانید صفحه خدمات سئو وردپرس را مطالعه کنید.

 

قرار دادن گراواتار به‌‌جای Favicon سایت وردپرس

اگر سایت شخصی دارید و می‌خواهید گراواتار ایمیل خود را روی Favicon سایت نمایش دهید تا کنار عنوان سایتتان در مرورگر نمایش داده شود و هرزمانی که گراواتار خود را تغییر دادید فاوآیکون سایتتان هم، تغییر کند؛ باید این را بدانید که هیچ نیازی به افزونه‌های متعدد ندارید و می‌توانید این کار را تنها با یک قطعه کد انجام دهید.

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

function GravatarAsFavicon() {
$GetTheHash = md5(strtolower(trim('you@yourdomain.com')));
echo 'http://www.gravatar.com/avatar/' . $GetTheHash . '?s=16';
}

نکته: به یاد داشته باشید که حتماً باید در کد بالا به‌جای عبارت “you@yourdomain.com” ایمیلی که قصد دارید برای این کار از آن استفاده کنید را قرار دهید، البته فراموش نکنید که این ایمیل باید حتماً تصویر پروفایل یا همان تصویر حساب کاربری داشته باشد.

 

در قدم دوم باید کدی که در زیر برای شما قرار داده شده است را در فایل Header.php قالب سایت خود قرار دهید:

<link rel="shortcut icon" href="<?php GravatarAsFavicon(); ?>" />
<link rel="apple-touch-icon" href="<?php GravatarAsFavicon(); ?>">

دقت داشته باشید که این قطعه کد باید حتماً قبل از تگ <head/> در پوشه قرار داده شود.

 

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

حالا شما می‌‌توانید مشاهده کنید که گراواتار به‌‌جای Favicon قرار داده شده است.

امیدواریم این مقاله به شما برای قرار دادن گراواتار به‌‌جای Favicon در سایت وردپرسی کمک کرده باشد.

همچنین برای سئو وب سایت خودتون می توانید صفحه خدمات سئو وردپرس را مطالعه کنید.

 

منابع: wikipedia – wordpress.org – mihanwp – youtube

تگ ها:

آخرین مطالب بروز شده ...
derakhshanhossein24@yahoo.com

derakhshanhossein24@yahoo.com

ارسال دیدگاه

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