امروز یکشنبه ۲۷ آبان ۱۴۰۳

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

افکت های سی اس اس

مرجع افکت های طراحی وب CSS3

افکت های جیکوئری

افکت های آجاکس و جیکوئری طراحی وب

مرجع وردپرس

قالب ها و افزونه های حرفه ای وردپرس

مرجع اسکریپت

اسکریپت های کلون و نال شده آماده

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

آموزش ها, وردپرس

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

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

show-author-box

اگر مشخص کرده اید نویسنده مطلب چه کسی هست ، پس بیایید باکس اطلاعات نویسنده را در زیر هر مطلب نمایش دهیم. ابتدا بیایید کد زیر را در فایل functions.php قالب سایتتان اضافه کنید:

function wpb_author_info_box( $content ) {
<div style="clear:both; margin-top:1em; margin-bottom:1em;"><a href="https://mihanwp.com/gravatar/?utm_source=postcontent&utm_medium=display&utm_campaign=more" target="_self" class="u0e339ee0361f9db4485a5532151679a2"><style>.u0e339ee0361f9db4485a5532151679a2{padding:0px;margin:0;padding-top:1em !important;padding-bottom:1em !important;width:100%;display:block;font-weight:bold}.u0e339ee0361f9db4485a5532151679a2
.ctaText{color:#7B1FA2;border:2px
solid #7B1FA2;border-radius:3px;padding:3px
10px}.u0e339ee0361f9db4485a5532151679a2
.postTitle{color:#333}</style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">در ادامه بخوانید</span>  <span class="postTitle">جلسه 28: نحوه تغییر آواتار در وردپرس و نظرات سایت ها</span></div></a></div>
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');

function wpb_author_info_box( $content ) {

<div style="clear:both; margin-top:1em; margin-bottom:1em;"><a href="https://mihanwp.com/gravatar/?utm_source=postcontent&utm_medium=display&utm_campaign=more" target="_self" class="u0e339ee0361f9db4485a5532151679a2"><style>.u0e339ee0361f9db4485a5532151679a2{padding:0px;margin:0;padding-top:1em !important;padding-bottom:1em !important;width:100%;display:block;font-weight:bold}.u0e339ee0361f9db4485a5532151679a2

.ctaText{color:#7B1FA2;border:2px

solid #7B1FA2;border-radius:3px;padding:3px

10px}.u0e339ee0361f9db4485a5532151679a2

.postTitle{color:#333}</style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">در ادامه بخوانید</span> <span class="postTitle">جلسه 28: نحوه تغییر آواتار در وردپرس و نظرات سایت ها</span></div></a></div>

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_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;

}

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

آخرین بروزرسانی مطلب : ۱۹ مرداد ۱۳۹۸
منبع مطلب : فری اسکریپت

182 بازدید

محمد

۱۹ مرداد ۱۳۹۸

جدیدترین نسخه سی ام اس ها

وردپرس فارسی نسخه 4/4/2
تاریخ انتشار : ۱۹ مرداد ۱۳۹۸

جوملا فارسی نسخه 3/4/8
تاریخ انتشار : ۱۹ مرداد ۱۳۹۸

پرستاشاپ فارسی نسخه 1/6/1/2
تاریخ انتشار : ۱۹ مرداد ۱۳۹۸

دروپال فارسی نسخه 7/41
تاریخ انتشار : ۱۹ مرداد ۱۳۹۸

پیوندها

برچسب‌ها

دسته بندی مطالب

تماس با ما / نمونه کارها / نقشه سایت

کلیـه حقــوق مـادی و معنوی این وبسایت محفـوظ می باشد.

میزبانی توسط سرورهای قدرتمند هاست دانلود

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

افکت های سی اس اس

افکت های جیکوئری

مرجع وردپرس

مرجع اسکریپت