سبد خرید

نمایش خلاصه ای از خرید هایی که شما انجام خواهید داد

سبد خرید خالی می باشد
مبلغ کل
0
تسویه حساب

آموزش هایلایت نظر نویسنده در وردپرس
ملت وب
ملت وب
تعداد کل دانلود ها : 1061329
تعداد کل مطالب : 1823

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

تعداد دانلود:
0
تعداد بازدید:
349
تاریخ:
۱۴۰۰-۰۱
دسته بندی:

هشتگ ها :

#استایل سفارشی

آیا می خواهید نظرات نویسنده را در پست های وردپرس در وب سایت خود برجسته کنید؟

برجسته کردن نظرات نویسنده در وبلاگ وردپرس می تواند به شما در ایجاد تعامل بهتر کمک کند. با مشاهده اینکه نویسنده به طور فعال در بحث شرکت می کند ، احتمالاً کاربران نظر می گذارند.

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

 

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

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

طرح منظم نظرات بدون برجسته سازی نویسنده

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

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

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

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

ساده ترین راه برای برجسته کردن نظرات توسط نویسنده پست ، اضافه کردن CSS سفارشی به قالب وردپرس است. با این کار می توانید بدون نیاز به ذخیره کد مورد نیاز ، به راحتی کد مورد نیاز خود را اضافه کرده و پیش نمایش مستقیمی از نحوه مشاهده آن در وب سایت خود مشاهده کنید.

ابتدا باید به نمایش»سفارشی سازی در بخش مدیریت وردپرس مراجعه کنید. با این کار رابط کاربری سفارشی سازی قالب وردپرس راه اندازی می شود. در ستون سمت راست و یک پیش نمایش زنده از وب سایت خود متوجه می شوید که چند گزینه وجود دارد.

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

از اینجا ، باید روی برگه CSS اضافی کلیک کنید. با این کار یک متن متنی باز می شود که در آن CSS سفارشی را اضافه می کنید.

تب CSS اضافی

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

مشاهده نظرات در Customizer Theme

به قسمت پایین نظرات بروید و سپس CSS سفارشی زیر را در کادر CSS سفارشی در سمت راست اضافه کنید.

.bypostauthor {

background-color: #e7f8fb;

}


نظر نویسنده با رنگ زمینه دیگری برجسته شده است

بلافاصله متوجه تغییر نظر نویسنده با CSS سفارشی که وارد کرده اید می شوید.

مشاهده می کنید که وردپرس برخی از کلاسهای پیش فرض CSS را به مناطق مختلف وب سایت شما اضافه می کند. این کلاس های CSS فارغ از اینکه از قالب وردپرس استفاده می کنید وجود دارد.

در این کد نمونه ، ما از .bypostauthorکلاس CSS استفاده کرده ایم که به تمام نظرات نویسنده پست اضافه می شود.

بیایید سبکهای CSS بیشتری اضافه کنیم تا برجسته تر شود. در اینجا یک کد نمونه وجود دارد که یک برچسب کوچک "نویسنده" به نظرات نویسنده پست و یک حاشیه در اطراف تصویر آواتار نویسنده اضافه می کند.

.bypostauthor:before {

content:"Author";

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( 'WPB_Comment_Author_Role_Label' ) ) :

class WPB_Comment_Author_Role_Label {

public function __construct() {

add_filter( 'get_comment_author', array( $this, 'wpb_get_comment_author_role' ), 10, 3 );

add_filter( 'get_comment_author_link', array( $this, 'wpb_comment_author_role' ) );

}

  

// Get comment author role

function wpb_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 wpb_comment_author_role($author) {

return $author .= $this->comment_user_role;

}

}

new WPB_Comment_Author_Role_Label;

endif;

این کد به سادگی برچسب نقش کاربر را در کنار نام نویسنده نظر اضافه می کند. این به گونه ای است که بدون هیچ یک از سبک های سفارشی به نظر می رسد.

برچسب های نقش کاربر به نظرات اضافه شد

بیایید با افزودن مقداری CSS سفارشی ، آن را کمی زیباتر کنیم. به صفحه ظاهر »سفارشی سازی بروید و به برگه CSS اضافی بروید.

پس از آن ، می توانید از 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;

}

در سایت آزمون ما اینگونه بود. در صورت تمایل کد را متناسب با رنگ و سبک طرح زمینه خود تغییر دهید.

نقش کاربر برجسته شده است

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

محصولات مشابه فروشی
هشتگ ها :

این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید

ارسال نظر

آخرین های مشابه مشاهده بیشتر

  • تلفن : 04136383693
  • پیامک : 500020606688
  • آدرس : آذربایجان شرقی، تبریز، شهرک مصلی، خیابان راجی، راجی 4، کوچه بیست هشتم، قطعه 1339، طبقه چهارم

ملت وب در سال 1393 فعالیت خود را در چهار بخش قالب های آماده، طراحی لوگو، طراحی سایت، طراحی بنر آغاز کرده است، که در مدت بسیار کم با تلاش های بی وقفه خود و همکاران توانسته بزرگترین وب سایت ارائه دهنده قالب های با کیفیت در ایران باشد رمز موفقیت شرکت ملت وب پشتیبانی بی دریغ از کاربران خود می باشد ما موقعیت خود را مدیون مشتریان وفادار خود هستیم پس همیشه همراهشان خواهیم بود .

  • logo-samandehi