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

توسط

مهر 12, 1396

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

باکس خودکار به پایین تمامی پست هایی مربوط به نویسنده خود نمایش داده می شود
برای اینکار شما نیازی دارید تکه کد زیر را به فایل 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">درباره نویسنده پست ' . $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 .'">نمایش تمام پست های ' . $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">وبسایت</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');

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">درباره نویسنده پست ' . $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 .'">نمایش تمام پست های ' . $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">وبسایت</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');

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

شما می توانید این 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;
}