تبلیغات

تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

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

مقالات,آموزش,ترفند , وردپرس

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

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

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

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

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

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

اگر تصویر گراواتار چیزی غیر از .avatar بود پس از آن به جای avatar. در کد بالا استفاده کنید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
دانلود بیش از 5میلیون محصول وردپرسی تنهابا 500 هزارتومان (طرح برد برد) کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=47141
کلمات کلیدی پست :
مطالب مرتبط
23,782نمایش آخرین نوشته های وردپرس به 4 روش مختلف تاریخ : 2015/08/18
6,297نمایش اسلایدی مطالب در وردپرس با افزونه Recent Posts Slider تاریخ : 2017/08/24
9,001قالب سایت اسکریپت برای وردپرس تاریخ : 2014/06/11
5,704افزودن عکس به ساید بار وردپرس با افزونه Image Widget تاریخ : 2016/02/25
1,988ارسال ایمیل به کاربر هنگام تغییر نقش کاربری در وردپرس تاریخ : 2019/04/27
17,945آموزش استفاده از Child Theme و کاربرد آن در وردپرس تاریخ : 2016/07/2
2,080پیدا کردن لینک های خراب در وردپرس برای افزایش سئو تاریخ : 2020/02/5
10,800افزونه ایجاد صفحه : در حال بروزرسانی هستیم + آموزش تاریخ : 2014/10/19
4,344دانلود قالب گالری عکس وردپرس Fotography فارسی تاریخ : 2018/04/14
8,499دانلود قالب قبلی سایت کلکسیون طراحی برای وردپرس تاریخ : 2016/12/2
3,820پیاده سازی هوشمندانه متا تگ های HREFLANG در وردپرس تاریخ : 2018/10/30
2,852خطای با عرض پوزش، این نوع پرونده به دلایل امنیتی مجاز نیست. در وردپرس تاریخ : 2019/10/1
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات
تبلیغات
تبلیغات