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

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

برای ان دسته از دوستانی که تمایل دارند نمایش باکس اطلاعات نویسنده در وردپرس را بدون کمک افزونه داشته باشند، قطعه کدهایی را معرفی می کنیم . ابتدا از طریق ویرایشگر قالب وردپرس یا از طریق فایل منیجر هاست خود به پوشه قالب سایتتان بروید و فایل functions.php را برای ویرایش باز کنید و سپس کد زیر را در انتهای آن قبل از بسته شدن دستور php یعنی قبل از آخرین خط که ?> میباشد آن را کپی کنید.

function darswp_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') , ۹۰ ) . 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', 'darswp_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 ۰ ۰ #F5F5F5;
padding: ۱۵px;
border: ۱px solid #ccc;
}
 
.author_name{
font-size:۱۶px;
font-weight: bold;
}
 
.author_details img {
border: ۱px solid #D8D8D8;
border-radius: ۵۰%;
float: right;
margin: ۰ ۰ ۱۰px ۱۰px;

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

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