در اکثر سایت ها،برای کاربران بسیار دشوار است که به دنبال نظرات نویسنگان بگردند به همین دلیل بسیاری از سایت های وردپرس نویسنده نظر خود را با یک رنگ پس زمینه مختلف یا اضافه کردن یک تصویر برجسته میکنند.برای آموزش انجام این کار جای درستی آمده اید. در این مقاله، ما به شما ساده ترین راه برای برجسته کردن نظرات نویسندگان در وردپرس را نشان میدهیم.
وردپرس به طور پیش فرض تعدادی از کلاس های CSS که باعث می شود برای طراحان و کاربران برای تغییر سبک آسان شود را در اختیار دارد در میان کسانی که کلاسهای پیش فرض که در وردپرس قرار دارد یک کلاس برای طراحی ظاهر مورد استفاده قرار میگیرد
نام این کلاس .bypostauthor است که می تواند در عنصر .commentlist پیدا شود. همه شما باید اضافه کردن سبک های سفارشی خود را با استفاده از CSS انجام دهید این کد در فایل style.css واقع در پوشه تم شما پیدا قرار دارد. به عنوان مثال، شما می توانید پس زمینه و تصویر خود را اضافه کنید
.commentlist .bypostauthor {}
.commentlist li ul.children li.bypostauthor {}
با اعمال این کد ، کریس Coyier دارای یک مرز بالا با رنگ زرد / نارنجی است باعث می شود نظر خود را برجسته کند
برجسته کردن نظرات نویسندگان1
برای به دست آوردن چیزی شبیه کریس، کاری که شما باید انجام دهید اضافه کردن این ارزش در آن کلاس است:
<pre>.commentlist .bypostauthor {border-top: 10px solid #e18728;}
.commentlist li ul.children li.bypostauthor {border-top: 10px solid #e18728;}</pre>
مثال دیگر سایت مت برش بتن و آسفالت است. او نظر خود را با اضافه کردن نور پس زمینه برجسته کرده است در حالی که همه نظرات دیگر در یک پس زمینه سفید قرار دارد برجسته کرده است.
برجسته کردن نظرات نویسندگان 2
شما می توانید این را با اضافه کردنکد زیر در فایل style.css خود را انجام دهید:
<pre>.commentlist .bypostauthor {background: #e7f8fb;}
.commentlist li ul.children li.bypostauthor {background: #e7f8fb;}</pre>
ما امیدواریم این مقاله به شما در برجسته کردن نظرات نویسندگان در وردپرس کمک کرده باشد.برای مشاهده مقالات بیشتر درباره ی طراحی قالب وردپرس به https://www.on5.ir مراجعه نمایید.
آنفایو مرجع مقالات تخصصی طراحی قالب وردپرس
