اضافه کردن بخش درباره نویسنده به قالب وردپرس بدون افزونه

access_time1396/07/12
perm_identity ارسال شده توسط
folder_open آموزش ساخت پوسته وردپرس
visibility 27 بازدید


در این پست قصد آموزش اضافه کردن باکس درباره نویسنده به قالب وردپرس (بدون افزون یا پلاگین) را به شما عزیزان داریم .

باکس خودکار به پایین تمامی پست هایی مربوط به نویسنده خود نمایش داده می شود
برای اینکار شما نیازی دارید تکه کد زیر را به فایل 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 = '
درباره نویسنده پست ' . $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 .= '
نمایش تمام پست های ' . $display_name . '';  
 
// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {
 
// Display author website link
$author_details .= ' | وبسایت
';
 
} 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 را به شیوه تم یا تم پیشفرض خود تغییر دهید. برای مثال کد زیر را به فایل 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;
}

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

اشتراک گذاری:

مطالب زیر را حتما بخوانید

دیدگاه بگذارید

avatar
  اشتراک  
به من اطلاع بده