آموزش هایلایت کردن نظرات نویسنده در وردپرس
- آموزش • آموزش وردپرس
- ۳۰ شهریور ۱۴۰۲
- 1,324 بازدید
هایلایت کردن نظرات نویسنده در سایت وردپرسی به شما کمک میکند تا تعامل بیشتری ایجاد کنید. چرا که کاربران وقتی میبینند نویسنده به طور فعال در بحثها شرکت میکند، بیشتر نظرات خود را مطرح میکنند.
قسمت نظرات یک راه مناسب برای ایجاد تعامل کاربر در وبسایت شما است. همچنین اگر وبسایتی با چند نویسنده دارید، میتوانید نویسندگان را تشویق کنید تا در بحث شرکت کنند. با این حال، اکثر قالبهای وردپرس بین نظرات تمایز قائل نشده و آنها را با استایل مشابه نمایش میدهند.
یک خواننده معمولی ممکن است نگاهی به نظرات بیندازد و متوجه محتوای اضافی ارائه شده توسط نویسنده در بحث نباشد.
هایلایت کردن نظرات نویسنده به شما در اصلاح این مورد کمک میکند و باعث میشود نظرات نویسنده برجستهتر و در نهایت قابل توجهتر باشد.
هدف نهایی در اینجا، تشویق کاربران جدید است تا در نظرات شرکت کنند، در خبرنامه شما عضو و درنهایت مشتری شوند.
آنچه در این پست میخوانید
هایلایت کردن نظرات نویسنده پست در وردپرس
سادهترین راه برای برجسته کردن دیدگاه نویسنده، افزودن CSS سفارشی به قالب وردپرس است.
این کار باعث میشود کد مورد نیاز را به راحتی اضافه نموده و بدون ذخیره کردن، یک پیش نمایش از آن را در وبسایت خود مشاهده کنید.
به منوی نمایش » سفارشیسازی بروید. با ورود به این صفحه متوجه یک سری گزینه در سمت راست و یک پیشنمایش زنده از وبسایت خود خواهید شد.
در اینجا باید روی گزینه «css اضافی» کلیک کنید تا یک ویرایشگر کد برای افزودن کدهای CSS دلخواه نمایان شود.
به یکی از پستها که حاوی نظرات نویسنده است بروید تا بتوانید نتیجه افزودن کد CSS را مشاهده کنید.
به قسمت پایین نظرات اسکرول کرده و قطعه کد زیر را اضافه کنید:
.bypostauthor { background-color: #e7f8fb; }
پس از افزودن کد متوجه تغییر ظاهر نظر نویسنده خواهید شد.
میبینید که وردپرس چند کلاس CSS پیشفرض را به قسمتهای مختلف وبسایت شما اضافه میکند. این کلاسهای CSS صرف نظر از اینکه از کدام قالب وردپرس استفاده میکنید وجود دارند.
در این کد نمونه از کلاس bypostauthor استفاده کردهایم که به تمام نظرات نویسنده پست، اضافه میشود.
در اینجا قطعه کد دیگری داریم که یک برچسب کوچک “نویسنده” به نظرات نویسنده پست و یک border در اطراف تصویر آواتار او اضافه میکند:
bypostauthor:before { content: "نویسنده"; float: right; background-color: #ff1100; padding: 5px; font-size: small; font-weight: bold; color: #ffffff; } .bypostauthor .avatar { border: 1px dotted #ff1100; }
هایلایت کردن نظرات بر اساس نقش کاربر در وردپرس
بسیاری از وبسایتهای وردپرسی دارای تیم پاسخگویی به نظرات هستند. وبسایتهای مطرح ممکن است برای افزایش تعامل کاربر، افرادی با عناوین پشتیبان و ناظر پستها را داشته باشند که به دیدگاهها پاسخ میدهند.
چگونه میتوانید نظر اضافه شده توسط یکی از همین اعضا را که نویسنده واقعی پست نیست، هایلایت کنید؟
یک راه آسان برای دستیابی به آن وجود دارد؛ اما باید کد سفارشی را به وبسایت وردپرسی خود اضافه کنید.
برای این کار قطعه کد زیر را به فایل functions.php قالب اضافه کنید. توصیه میکنیم که جهت جلوگیری از بروز هرگونه مشکل، آموزش افزودن کد به سایت وردپرسی را مطالعه فرمائید.
if (!class_exists("Vebeet_Comment_Author_Role_Label")): class Vebeet_Comment_Author_Role_Label { public function __construct() { add_filter( "get_comment_author", [$this, "vebeet_get_comment_author_role"], 10, 3 ); add_filter("get_comment_author_link", [ $this, "vebeet_comment_author_role", ]); } // Get comment author role function vebeet_get_comment_author_role($author, $comment_id, $comment) { $authoremail = get_comment_author_email($comment); // Check if user is registered if (email_exists($authoremail)) { $commet_user_role = get_user_by("email", $authoremail); $comment_user_role = $commet_user_role->roles[0]; // HTML output to add next to comment author name $this->comment_user_role = ' <span class="comment-author-label comment-author-label-' . $comment_user_role . '">' . ucfirst($comment_user_role) . "</span>"; } else { $this->comment_user_role = ""; } return $author; } // Display comment author function vebeet_comment_author_role($author) { return $author .= $this->comment_user_role; } } new Vebeet_Comment_Author_Role_Label(); endif;
این کد برچسب نقش کاربر را در کنار نام نویسنده کامنت اضافه میکند که استایل سفارشی شده را هم ندارد.
به منو ظاهر سفارشی سازی بروید و به آن استایل بدهید.
میتوانید از کد CSS زیر برای استایل دادن به برچسب نقش کاربر در نظرات استفاده کنید:
.comment-author-label { padding: 5px; font-size: 14px; border-radius: 3px; } .comment-author-label-editor { background-color: #efefef; } .comment-author-label-author { background-color: #faeeee; } .comment-author-label-contributor { background-color: #f0faee; } .comment-author-label-subscriber { background-color: #eef5fa; } .comment-author-label-administrator { background-color: #fde9ff; }
پیشنمایش را مشاهده کنید و درصورت لزوم، استایل و ویژگیهای دلخواه خود را به آن اضافه کنید.
امیدواریم این مقاله برای هایلایت کردن نظرات نویسنده در وردپرس به شما کمک کرده باشد.
با آموزشهای بیشتر همراه وبیت باشید.