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

مهندس زهرا بهرامی

تاریخ بروزرسانی: ۱۰ اردیبهشت ۱۳۹۸ تعداد بازدید : 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 = '
<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>';</p>
// 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 noopener">Website</a>

';

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

';
}

// 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">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>';</p>

// 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 noopener">Website</a>

} else {

// if there is no author website then just close the paragraph

$author_details .= '

}

// 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_bio_section{

background: none repeat scroll #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: 10px 10px ;

}

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

سوالی دارید؟

سوالتون رو در نظرات مطرح کنید 🙂

مطالب مرتبط:

آموزش ساخت ارتقاء محتوا در وردپرس و تاثیر آن بعنوان ابزار ایمیل مارکتینگ

ارتقاء محتوا چیست؟ ۳۰ راهکار ساده برای ارتقاء محتوا و گرفتن ایمیل از بازدیدکنندگان سایت

۳۰ روش امتحان شده برای کسب و کار آنلاین با وردپرس(بخش دوم)

افزونه حرفه ای Wordfence Pro وردپرس | نسخه اصلی افزونه امنیتی وردفنس فارسی

منبع: تیک تم– ارائه دهنده مقالات:سامانه پیامک– کانفیگ امنیتی وردپرس– خدمات پشتیبانی وردپرس– ویدیو آموزشی

لطفا امتیاز بدهید