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

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

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

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

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

ولی نصب افزونه های زیاد در سایت وردپرسی شما همانطور که می دانید باعث می شود که سرعت سایت شما پایین آید و باعث شود که مشتری های شما از خرید محصولات تان صرف نظر کنند و این یکی از مشکلات بزرگ است که شاید برای همه شما پیش آمده باشد

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

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

در ضمن قبلآ برای شما در مورد مشخص کردن نویسنده مقاله در وردپرس توضیح داده ایم و حالا شما خودتان که مشخص می کرده اید نویسنده مقاله شما چه شخصی بوده است و آن شخص زمانی که خودش وارد اکانت کاربری اش در پنل مدیریت سایت شما می شود به صورت خودکار وردپرس متوجه منتشر شدن آن مقاله کارمند شما می شود.

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

خب بریم که این بخش را با هم دیگر کد نویسی کنیم ، برای این شما نیازمند انجام دو عملیات کد نویسی هستید و اول از همه باید با کد نویسی PHP ، بخش باکس اطلاعات نویسنده مقاله را بسازیم و بعد آن را به کمک کد نویسی CSS تغییر ظاهر دهیم تا شکل و ظاهر مناسب داشته باشد

با اضافه کردن کد زیر در فایل مربوط وردپرس یعنی فایل Functions.php قالب هر جایی که سایت مطلب شما ارسال می شود ، نام نویسنده یا اطلاعات نویسنده مطلب نمایش داده می شود قرار دهید و بیایید که با هم این کد را در فایل 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>';  

// 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');

در کد نویسی بالا به انتهای متن یا مقاله سایت شما باکس نویسنده یا همان اطلاعات نویسنده در سایت شما اضافه خواهد شد و بعد از اینکه شما این بخش را به کد نویسی به سایت خود اضافه کردید به خوبی نمایش داده می شود و حال باید با توجه به سلیقه خود و طرح رنگ قالب سایت خود این بخش را سفارشی سازی کنید و به آن استایل دهید

استایل دهی به بخش اطلاعات نویسنده در وردپرس :

خب حالا باید به این بخش ساخته شده استایل دهیم که بخش اطلاعات نویسنده سایت را کمی با کد نویسی تغییر حالت دهیم و برای استایل دهی بخش نویسنده سایت در وردپرس باید از کد CSS استفاده کنیم و طراحی این بخش بستگی به سلیقه شما دارد و در طراحی این بخش سعی کنید رنگی را انتخاب کنید که به استایل سایت شما مطابقت داشته باشد

برای استایل دهی به باکس اطلاعات نویسنده شما باید کد زیر را در فایل Style.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;
}

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

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

موفق و پیروز باشید.