learndl triboon hostida

آموزش هایلایت کردن نظرات نویسنده در وردپرس

آموزش هایلایت کردن نظرات نویسنده در وردپرس

هایلایت کردن نظرات نویسنده در سایت وردپرسی به شما کمک می‌کند تا تعامل بیشتری ایجاد کنید. چرا که کاربران وقتی می‌بینند نویسنده به طور فعال در بحث‌ها شرکت می‌کند، بیشتر نظرات خود را مطرح می‌کنند.

قسمت نظرات یک راه مناسب برای ایجاد تعامل کاربر در وب‌سایت شما است. همچنین اگر وب‌سایتی با چند نویسنده دارید، می‌توانید نویسندگان را تشویق کنید تا در بحث شرکت کنند. با این حال، اکثر قالب‌های وردپرس بین نظرات تمایز قائل نشده و آن‌ها را با استایل مشابه نمایش می‌دهند.

آموزش هایلایت کردن نظرات نویسنده در وردپرس

یک خواننده معمولی ممکن است نگاهی به نظرات بیندازد و متوجه محتوای اضافی ارائه شده توسط نویسنده در بحث نباشد.

هایلایت کردن نظرات نویسنده به شما در اصلاح این مورد کمک می‌کند و باعث می‌شود نظرات نویسنده برجسته‌تر و در نهایت قابل توجه‌تر باشد.

هدف نهایی در اینجا، تشویق کاربران جدید است تا در نظرات شرکت کنند، در خبرنامه شما عضو و درنهایت مشتری شوند.

هایلایت کردن نظرات نویسنده پست در وردپرس

ساده‌ترین راه برای برجسته کردن دیدگاه نویسنده، افزودن 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;
}

پیش‌نمایش را مشاهده کنید و درصورت لزوم، استایل و ویژگی‌های دلخواه خود را به آن اضافه کنید.

امیدواریم این مقاله برای هایلایت کردن نظرات نویسنده در وردپرس به شما کمک کرده باشد.

با آموزش‌های بیشتر همراه وبیت باشید‌.

به این مطلب امتیاز دهید

امتیاز کلی : 0 / 5. تعداد آرا : 0

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود
هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !
همکاران وبیت