نحوه گرد کردن عکس gravatar در وردپرس

نویسنده :
تعداد بازدید :2,450

شاید شما هم از اون دسته از کاربرانی هستید که میخواهید عکس آواتار کاربران به صورت گرد نمایش داده بشه. اگر این طور هست، ما در این آموزش نحوه این کار را توضیح می دهیم.

اولین چیزی که احتیاج دارید، ویرایش فایل style.css است. شما می توانید این کار را از طریق هاست خود یا رفتن به قسمت نمایش > ویرایشگر، انجام دهید. در قدم بعد شما باید کد زیر را به فایل Css اتان اضافه کنید.


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

اینکار روی بیشتر پوسته های وردپرس جواب می دهد. در صورتی که اینکار روی پوسته شما کار نکرد، یک افزونه یا قالب شما، کلاس های پیشفرض gravatar را دستکاری کرده است.

حال شما باید به یک صفحه ای که نظرات در آن نمایش داده می شود بروید و روی یکی از عکسهای gravatar راست کلیک کرده و روی Inspect Element کلیک کرده تا سورس کد مربوط به آن را دیده، مثل تصویر زیر

Finding css class used by gravatar icon

اگر در سورس کد شما، کلاسی به غیر از avatar مشخص شده بود، نام آن کلاس را با avatar در کد بالا عوض کنید.

امیدوارم این مقاله برای شما مفید بوده باشد. در صورتی که سوالی در مورد این مقاله دارید، آن را از طریق نظرات با ما در میان بگذارید.


مسعود صباغی هستم . علاقه ی زیادی به برنامه نویسی و دنیای آی تی دارم. تمام سعی خودم رو می کنم تا در این وب سایت دانش خودم را با دیگر دوستان به اشتراک بگذارم و مطالبی هر چند کوتاه در زمینه فناوری اطلاعات منتشر کنم.
  1. وحید
    پاسخ توسط وحید :

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

    1. مسعود
      پاسخ توسط مسعود :

      شما می تونید، اطلاعات لازم را از طریق تماس با ما برای من بفرستید تا براتون تغییر بدهم.

ارسال نظر

:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:

 

کانال را در گوگل محبوب کنید