آموزش اضافه کردن جعبه اطلاعات نویسنده در پست های وردپرس

آیا میخواهید یک جعبه متن نویسنده در پستهای وردپرس خود اضافه کنید؟ جعبه اطلاعات نویسنده یک بخش کوچک است که در آن شما می توانید اطلاعات مربوط به نویسنده پست را با لینک ها به وب سایت خود و پروفایل های اجتماعی نمایش داده می شود. در این مقاله، ما نشان خواهیم داد که چگونه یک کادر اطلاعات را در WordPress اضافه کنیم.

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

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

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

اگر پست های مهمان را از وبلاگ نویسان دیگر در وب سایت خود بپذیرید، سپس یک جعبه اطلاعات نویسنده، به شما در جذب بیشتر سایت شما کمک خواهد کرد.

پس از این گفتگو، بیایید نگاهی به چگونگی اضافه کردن یک کادر اطلاعات نویسنده در پست های وردپرس کنیم.

اضافه کردن جعبه اطلاعات نویسنده در پست های وردپرس

روش های مختلفی وجود دارد که می توانید از آن برای اضافه کردن بخش اطلاعات نویسنده استفاده کنید. ما دو افزونه مختلف و همچنین روش کد را به شما نشان خواهیم داد. به این ترتیب شما می توانید یک روش را انتخاب کنید که برای سایت شما مناسب تر است.

روش 1: جعبه نویسنده در زیر پست های وردپرس با استفاده از پلاگین
اولین چیزی که باید انجام دهید این است که افزونه Guerrilla’s Author Box را نصب و فعال کنید.

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

شما به عنوان مدیر سیات با ورود به صفحه کاربران > همه کاربران میتوانید اطلاعات کاربران را ویرایش نمایید.

اکنون میتوانید هر پست وردپرس را در سایت خود مشاهده کنید و کادر ارسال اطلاعات نویسنده را در زیر پست ببینید.

این پلاگین از سیستم پیش فرض وردپرس استفاده می کند که Gravatar نام دارد. نویسندگان شما باید عکس خود را در وب سایت Gravatar اضافه کنند.

سفارشی سازی ظاهر جعبه نویسنده اطلاعات

پلاگین Author Box در Guerrilla همراه با CSS بسیار ساده است. این پیوند و رنگ متن را از تم وردپرس خود به ارث می برند.

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

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

.guerrillawrap {
    background: #ECECEC;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    border: 1px solid #d0d0d0;
    float: left;
    padding: 2%;
    width: 100%;
}
 
.guerrillagravatar {
    float: left;
    margin: 0 10px 0 0;
    width: 10%;
}
 
.guerrillagravatar img { 
border-radius:50%;
border:1 px solid #eee;
}
 
.guerrillatext {
    float: left;
    width: 84%;
}
 
.guerrillatext h4 {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 0 0;
    padding: 0;
}
 
.guerrillatext p {
    margin: 10px 0 15px 0;
    font-style: italic;
}
 
.guerrillasocial {
    float: left;
    width: 100%;
}
 
.guerrillasocial a {
    border: 0;
    margin-right: 10px;
}

روش 2: اطلاعات نویسنده در ویجت نوار کناری برای پست های تک
روش فوق عالی است اگر شما می خواهید اطلاعات نویسنده را در زیر پست ها نمایش دهید. با این حال، بعضی از شما ممکن است بخواهید آن را در نوار کناری یا هر منطقه ویجت آماده کنید.

نحوه نمایش اطلاعات نویسنده در یک ویجت نوار کناری

اولین چیزی که باید انجام دهید این است که پلاگین Meks Smart Author Widget را نصب و فعال کنید.

پس از فعال سازی، شما باید به نمایش > ابزارک ها بروید. این ویجت را به نوار کناری که می خواهید اطلاعات نویسنده را نمایش دهید اضافه کنید.

ویجت دارای تعدادی گزینه است. مهم ترین گزینه ای که شما باید آن را بررسی کنید کادر انتخاب گزینه «Automatically detect author» است.

برای ذخیره تنظیمات ویجت خود روی دکمه ذخیره کلیک کنید. اکنون می توانید از وبسایت خود دیدن کنید تا ویجت اطلاعات نویسنده در عمل ببینید.

روش 3: اضافه کردن جعبه اطلاعات نویسنده با استفاده از کد
هر دو روش شرح داده شده در بالا به پلاگین ها تکیه می کنند. اگر به دلایلی شما باید جعبه اطلاعات نویسنده را به صورت دستی اضافه کنید،در ادامه همراه ما باشید.

ابتدا باید این کد را به فایل functions.php یا یک افزونه خاص سایت اضافه کنید

function wpb_author_info_box( $content ) {
 
global $post;
 
// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {
 
// Get author's display name 
$display_name = get_the_author_meta( 'display_name', $post->post_author );
 
// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );
 
// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );
 
// Get author's website URL 
$user_website = get_the_author_meta('url', $post->post_author);
 
// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
  
if ( ! empty( $display_name ) )
 
$author_details = '

About ' . $display_name . '

'; if ( ! empty( $user_description ) ) // Author avatar and bio $author_details .= '

' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '

'; $author_details .= '

View all posts by ' . $display_name . ''; // Check if author has a website in their profile if ( ! empty( $user_website ) ) { // Display author website link $author_details .= ' | Website

'; } else { // if there is no author website then just close the paragraph $author_details .= '

'; } // Pass all this info to post content $content = $content . '

' . $author_details . '

'; } return $content; } // Add our function to the post content filter add_action( 'the_content', 'wpb_author_info_box' ); // Allow HTML in author bio section remove_filter('pre_user_description', 'wp_filter_kses');

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

شما می توانید این CSS را به شیوه تم یا تم کودک خود استفاده کنید. 

.author_bio_section{
background: none repeat scroll 0 0 #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
 
.author_name{
font-size:16px;
font-weight: bold;
}
 
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

ما امیدواریم که این مقاله به شما کمک کند کادر ارسال اطلاعات نویسنده را در پستهای وردپرس اضافه کنید.