نحوه برجسته کردن نظرات نویسنده در وردپرس

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

آموزش فیلم h4>

مشترک شدن در WPBeginner

اگر فیلم را دوست ندارید یا به دستورالعمل های بیشتری احتیاج دارید ، به خواندن ادامه دهید.

وردپرس به طور پیش فرض تعدادی کلاس CSS ایجاد می کند که تغییر سبک را برای طراحان و کاربران آسان می کند ( ورق تقلب WordPress CSS ). در میان آن کلاسهای پیش فرض که وردپرس اضافه کرده است ، یکی از این کلاسها به طور خاص برای استایل دادن نظرات نویسنده هدف قرار گرفته است

کلاس .bypostauthor نامیده می شود که در عنصر .commentlist یافت می شود. تمام کاری که شما باید انجام دهید این است که با استفاده از CSS سبک های دلخواه خود را اضافه کنید. به عنوان مثال ، می توانید پس زمینه خود ، تصویر خود و غیره را اضافه کنید. توجه: این کد در پرونده style.css شما که در پوشه طرح زمینه شماست قرار دارد.

.commentlist .bypostauthor {}
.commentlist li ul.children li.bypostauthor {}

لازم نیست فوق العاده پیچیده باشد. اغلب این یک تمایز نسبتاً ساده است که نظر نویسنده را برجسته می کند. به عنوان مثال ، کریس کویر دارای یک حاشیه حاشیه ای با رنگ زرد / نارنجی است که نظر وی را برجسته می کند.

Highlight Author Chris

برای بدست آوردن چیزی مانند کریس ، تنها کاری که باید انجام دهید این است که این مقدار را در آن کلاس ها اضافه کنید:

.commentlist .bypostauthor {border-top: 10px solid # e18728؛}
.commentlist li ul.children li.bypostauthor {border-top: 10px solid # e18728؛}

توجه: اکیداً توصیه می کنیم رنگ را متناسب با طرح رنگی خود تغییر دهید :)

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

Highlight Author Matt

می توانید این کار را با اضافه کردن مواردی مانند این در پرونده style.css خود انجام دهید:

.commentlist .bypostauthor {پس زمینه: # e7f8fb؛}
.commentlist li ul.children li.bypostauthor {background: # e7f8fb؛}

مجدداً ، ما اکیداً توصیه می کنیم که رنگ را متناسب با طرح رنگ سایت خود تغییر دهید.

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

منبع:
https://www.wpbeginner.com/wp-tutorials/how-to-highlight-authors-comments-in-wordpress/.

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