تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
اسکریپت مدیریت هاست رایگان 2 پاسخ 118 بازدید افزونه Coins MarketCap 1 پاسخ 392 بازدید درخواست پلاگین 4 پاسخ 652 بازدید اسکریپت vfm 5 پاسخ 748 بازدید تغییر جهت محتوا در وردپرس 1 پاسخ 396 بازدید افزونه ساخت شماره مجازی 14 پاسخ 1270 بازدید درخواست افزونه 1 پاسخ 601 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 858 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 818 بازدید
تبلیغات
تبلیغات تبلیغات

تغییر رنگ نظرات کاربران در وردپرس

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

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

 

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

 

تغییر رنگ نظرات کاربران در وردپرس

تغییر رنگ نظرات کاربران در وردپرس

برای شروع کار ابتدا فایل استایل خود را باز کرده و کدهای زیر را در مکان مناسبی از آن قرار دهید.

.comment-author-username {
background-color: blue;
.
.
.
}
.comment-author-username2 {
background-color: yellow;
.
.
.
}

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

 

تغییر استایل نظرات مدیر سایت در وردپرس

اما اگر می خواهید تا رنگ نظرات صرفا یک کاربر را تغییر داده و حتی فونت، پس زمینه و … را نیز در آن شخصی سازی کنید می توانید کدهایی را مانند نمونه زیر در استایل خود قرار داده و مشابه کد پیشین نام کاربری را وارد کنید. از این موارد می توانید برای جداسازی استایل نظرات مدیر سایت از سایر کاربران استفاده کنید.

.comment-author-mohammad {
border: 1px solid #DFDFDF;
padding: 10px;
margin-bottom: 15px;
border-radius: 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 10px;
}

حال مشابه کد فوق به جای نام کاربری که با نام mohammad آن را مشاهده می کنید کافیست تا نام کاربری خود را وارد کنید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=43391
کلمات کلیدی پست :
مطالب مرتبط
3,448نمایش آخرین کاربران عضو شده وردپرس بدون افزونه تاریخ : 2019/11/14
4,120آموزش غیرفعال کردن حساب کاربران در وردپرس تاریخ : 2019/06/26
3,828حذف تاریخ و زمان از نظرات وردپرس تاریخ : 2018/11/9
4,108افزودن بخش سفارشی به پیشخوان وردپرس تاریخ : 2019/01/20
4,020نمایش تعداد کلمات محتوا در وردپرس تاریخ : 2021/04/18
4,600چگونه تصاویر را در وردپرس ویرایش کنیم؟ تاریخ : 2019/06/2
5,316حذف لرزش فرم ورود به داشبورد وردپرس تاریخ : 2018/03/15
3,600افزودن اندازه جدید به تصاویر در وردپرس تاریخ : 2019/11/15
8,557آموزش تغییر نویسنده مطالب در وردپرس تاریخ : 2016/10/19
3,632رفع خطای پنهان شدن دکمه های ویرایشگر متن در وردپرس تاریخ : 2019/09/18
4,224مدیریت و حذف Transient ها در وردپرس تاریخ : 2019/10/15
3,704کد نمایش تعداد اعضا در وردپرس تاریخ : 2019/04/28
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات