استایل دهی به عکس آواتار نویسنده و نظرات در وردپرس

در این مقاله ما به شما نحوه استایل دهی عکس گراواتار را آموزش میدهیم. در این روش ما از border radius CSS3 برای ایجاد گراواتار عکس دایره ای استفاده میکنیم. ابتدا نیاز دارید استایل قالب را ویرایش کنید. میتوانید این کار با استفاده از برنامه FTP یا رفتن به نمایش>ویرایشگر در مدیریت وردپرس انجام دهید. سپس کد زیر را به فایل CSS اضافه کنید:

.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

کد بالا روی اغلب قالب های وردپرس کار خواهد کرد با این حال اگر روی قالب شما کار نکرد پس احتمالا برخی از افزونه ها و توابع قالب با کلاسهای پیش فرض استفاده شده برای گراواتار در وردپرس خراب شده است.

بمنظور اینکه بدانید کدام عکس گراواتار کلاس css در قالب شما استفاده شده است نیاز دارید وبلاگ پست را باز کنید. اسکرول را پایین آورده و به بخش نظرات بروید و روی گراواتار عکس برای انتخاب بازرسی عناصر کلیک راست کنید. منبع کد گراواتار نمایش داده میشود. اگر تصویر گراواتار چیزی غیر از .avatar بود پس از آن به جای avatar. در کد بالا استفاده کنید.

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