دوره جامع سئو وردپرس

تبلیغات
طراحی و بهینه سازیمشاهده


هاست

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

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

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

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

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

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

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

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


دانلود


چک لیست جدید 2019 برای رسیدن به رتبه اول گوگل


مطلب مفیدی بود ؟
نویسنده : mohammad 0 مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : https://www.20script.ir/?p=47141

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
4,448قالب وردپرس مد و سرگرمی DeVoe تاریخ : 1395/06/5
3,138نمایش لوگوها در وردپرس با افزونه WordPress Logos Showcase تاریخ : 1396/08/27
4,184قالب جدید و رایگان ام دانلود برای وردپرس تاریخ : 1393/03/11
772جستجو و حذف شورت کد بی استفاده در وردپرس تاریخ : 1398/02/22
5,938محدودیت دسترسی به wp-login.php از طریق IP تاریخ : 1396/06/15
4,995افزایش سرعت بارگذاری سایت با افزونه WP Fastest Cache تاریخ : 1395/04/24
5,480افزونه نمایش نوار اعلانات در پنل وردپرس Smart Notification تاریخ : 1398/04/26
7,615قالب HTML سامانه طراحی بنر طرح ساز تاریخ : 1393/02/9
2,164پوسته فروشگاهی و چندمنظوره UpStore برای ووکامرس تاریخ : 1397/11/18
2,584ساخت نوار تبلیغات شناور در صفحات وردپرس تاریخ : 1397/05/2
716حل خطای Serve Scaled Images در GTMetrix تاریخ : 1398/03/28
4,400دانلود پوسته چند منظوره وردپرسی Converio نسخه 1.0.13 تاریخ : 1394/11/12
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب


ارائه خدمات سئو ، تولید محتوا و دیجیتال مارکتینگ توسط تیم بیست اسکریپت برای مشاهده کلیک کنید