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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

 

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

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

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

.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 آن را مشاهده می کنید کافیست تا نام کاربری خود را وارد کنید.

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

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

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=43391
کلمات کلیدی پست :
مطالب مرتبط
12,790ریست وردپرس با افزونه WordPress Reset تاریخ : 2017/04/17
6,644حذف گزینه تغییر رمز از پیشخوان کاربران در وردپرس تاریخ : 2019/05/5
12,368آموزش اضافه کردن خط جداکننده افقی در وردپرس تاریخ : 2020/09/8
15,356افزودن فونت به ویرایشگر وردپرس تاریخ : 2018/10/28
9,172آموزش قرار دادن لینک فقط برای اعضا در وردپرس تاریخ : 2019/05/14
14,626افزودن امضا و تبلیغات در انتهای مطالب وردپرس با افزونه Insert Post Ads تاریخ : 2017/06/10
9,884غیرفعال کردن ویرایشگر دیداری در وردپرس با افزونه و بدون افزونه تاریخ : 2019/09/25
6,600رفع مشکل تکرار شدن تصویر شاخص در پست وردپرس تاریخ : 2019/09/7
9,160ایجاد جستجوگر پیشرفته در وردپرس با افزونه Algolia تاریخ : 2019/05/19
6,34816 نکته برای تسلط بیشتر بر ویرایشگر جدید وردپرس تاریخ : 2019/07/12
13,528افزونه تایید اعتبار شماره موبایل و ایمیل برای وردپرس Smart OTP تاریخ : 2019/09/23
13,332آموزش افزودن کد منو به قالب وردپرس تاریخ : 2019/06/17
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب