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

اضافه کردن باکس نویسنده با استفاده از افزونه

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

userprofile

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

guerrillaauthorbox

در زیر کدهایی برای زیباتر کردن استایل باکس نویسنده قرار دادیم تا شاید استایل زیبا تری به خودش بگیره :

.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;
}

اضافه کردن باکس نویسنده با استفاده از کد

خب در این روش شما ابتدا باید کد زیر رو در فایل فانکش 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 = '<p class="author_name">About ' . $display_name . '</p>';

if ( ! empty( $user_description ) )
// Author avatar and bio

$author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';

$author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>';  

// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {

// Display author website link
$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';

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

// Pass all this info to post content  
$content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
}
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');

کد بالا باکس نویسنده را در زیر مطالب شما قرار خواهد داد ولی شما باید به این باکس استایل هم بدید پس باید کد زیر رو در فایل style.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;
}

و این چیزی هستش که در سایت شما قرار میکیره 

 manualauthorinfo

موفق باشید

منبع
محمد جواد کوشکی
خودمو یک متخصص نمی دونم چون هر روز دارم چیز های جدیدی در حوزه کسب و کار اینترنتی یاد می گیرم.