ملت وب مرجع دانلود قالب وردپرس فارسی و قالب فارسی وردپرس و قالب html و افزونه وردپرس
24
ساعت با شما

04144235034

آیا میدانستید دلیل اصلی محبوبیت ملت وب در چیست ؟ ملت وب به عنوان مرجعی پیشرو در پشتیبانی مشتریان خود توانسته رضایت کاربران را در برگیرد در واقع در ملت وب وب شخص پاسخگو نیاز های شما نیست در اینجا یک شرکت معتبر و پاسخگو در کنار مشتریان خود می باشد و تمام مسئولیت پشتیبانی بر عهده شرکت می باشد و نقطه قوت فوق العاده بالای برای یک وب سایت می باشد
فروش محصولات
فروش محصولات شما

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

آموزش هایلایت نظر نویسنده در وردپرس
امین صفرپور
امین صفرپور
Asset 1
1400-1-22
Asset 2

دانلود شده

0
Asset 1

نظرات

0
Asset 1

بازدید شده

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

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

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

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

 

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

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

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

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

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

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

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

ساده ترین راه برای برجسته کردن نظرات توسط نویسنده پست ، اضافه کردن 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;

}

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

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

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

ارسال پرسش و دیدگاه

0دیدگاه
آموزش php طراحی فروشگاه اینترنتی دانلود تصاویر شاتراستوک کانال تلگرامی ما تا 50% تخفیف دریافت کنید
مطالبی که شاید خوشتان بیاد