نحوه نمایش آواتارها به صورت دایره ای در وردپرس

نحوه نمایش آواتارها به صورت دایره ای در وردپرس

چند روز پیش یکی از کاربران سایت سوالی در مورد نحوه نمایش آواتار ها به صورت دایره ای از ما پرسید ، حدس زدم که برای دیگر کاربران تازه کار ممکن است این قابلیت یکی از آرزوهای دست نیافتنی محسوب شود ! پس این مطلب را برای این دسته از کاربران آماده کردم . در این آموزش به راحتی و با استفاده از CSS3 آواتارهای کاربران در وردپرس را به صورت دایره ای نمایش خواهیم داد . در ادامه مطلب همراه ما باشید .

نحوه نمایش آواتارها به صورت دایره ای در وردپرس

برای این کار کافی است کد زیر را کپی کرده و آن را در فایل style.css موجود در پوسته قرار دهید :

.avatar {
border-radius: 50%;
}

اگر کلاس avatar از قبل در پوسته شما وجود دارد می توانید border-radius و مقدار آن را به کلاس اضافه کنید . هر چند اضافه کردن کد بالا به انتهای فایل style.css بدون مشکل کار می کند ، اما برای منظم شدن کد نویسی این فایل پیشنهاد می کنیم که از روش ذکر شده استفاده کنید . این آموزش برای اکثر پوسته های وردپرس کاربرد دارد ، اگر پوسته شما با این کد آواتارها را به صورت گرد نمایش نداد ، آدرس سایت خود را برای ما بفرستید تا کد مربوط به قالب شما را برای تان ارسال کنیم !

8 پاسخ
  1. اشکان
    اشکان says:

    با سلام و خسته نباشید.
    من چطور میتونم بالاترین بخش سایتم رو تغییر بدم (تصویرشو)
    قالبم صحیفه هستش
    و تو این قسمت مشکل دارم
    لطفا راهنمایی کنید…

    پاسخ

دیدگاه خود را ثبت کنید

مطلب خاصی فکرتان را مشغول کرده است ؟
آن را با ما در میان بگذارید !

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

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