آموزش وردپرس

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

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

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

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

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

برای دستیابی به این مورد می توانید از افزونه ها استفاده کنید که کار با آنها ساده و به دور از پیچیدگی می باشد.اما بعضی از مدیران وبسایت علاقه ی خاصی به کد نویسی دارند. در این صورت می توانید به ویرایشگر خود در پیشخوان مدیریت وردپرس رفته و فایل function.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;
}

 

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

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

author-avatar

درباره سحر علیزاده

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *