ملت وب مرجع دانلود قالب وردپرس فارسی و قالب فارسی وردپرس و قالب html و افزونه وردپرس
24
ساعت با شما

04144235034

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

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

آموزش اضافه کردن جعبه اطلاعات نویسنده در پست های وردپرس
امین صفرپور
امین صفرپور
Asset 1
1397-1-9
Asset 2

دانلود شده

3
Asset 1

نظرات

0
Asset 1

بازدید شده

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

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

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

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

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

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

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

اضافه کردن جعبه اطلاعات نویسنده در پست های وردپرس


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

روش 1: جعبه نویسنده در زیر پست های وردپرس با استفاده از پلاگین
اولین چیزی که باید انجام دهید این است که افزونه Guerrilla’s Author Box را نصب و فعال کنید.

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

شما به عنوان مدیر سیات با ورود به صفحه کاربران > همه کاربران میتوانید اطلاعات کاربران را ویرایش نمایید.

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

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

سفارشی سازی ظاهر جعبه نویسنده اطلاعات

پلاگین Author Box در Guerrilla همراه با CSS بسیار ساده است. این پیوند و رنگ متن را از تم وردپرس خود به ارث می برند.

با این حال، اگر شما می خواهید آن را سفارشی کنید، و شما راحت با CSS کار می کنید، پس می توانید CSS پیش فرض افزونه را کپی کنید و آن را در سبک شیء تم یا کودک خود قرار دهید.

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

.guerrillawrap {
    background: #ECECEC;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    border: 1px solid #d0d0d0;
    float: left;
    padding: 2%;
    width: 100%;
}
 
.guerrillagravatar {
    float: left;
    margin: 0 10px 0 0;
    width: 10%;
}
 
.guerrillagravatar img { 
border-radius:50%;
border:1 px solid #eee;
}
 
.guerrillatext {
    float: left;
    width: 84%;
}
 
.guerrillatext h4 {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 0 0;
    padding: 0;
}
 
.guerrillatext p {
    margin: 10px 0 15px 0;
    font-style: italic;
}
 
.guerrillasocial {
    float: left;
    width: 100%;
}
 
.guerrillasocial a {
    border: 0;
    margin-right: 10px;
}

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

نحوه نمایش اطلاعات نویسنده در یک ویجت نوار کناری

اولین چیزی که باید انجام دهید این است که پلاگین Meks Smart Author Widget را نصب و فعال کنید.

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

ویجت دارای تعدادی گزینه است. مهم ترین گزینه ای که شما باید آن را بررسی کنید کادر انتخاب گزینه «Automatically detect author» است.

برای ذخیره تنظیمات ویجت خود روی دکمه ذخیره کلیک کنید. اکنون می توانید از وبسایت خود دیدن کنید تا ویجت اطلاعات نویسنده در عمل ببینید.

روش 3: اضافه کردن جعبه اطلاعات نویسنده با استفاده از کد
هر دو روش شرح داده شده در بالا به پلاگین ها تکیه می کنند. اگر به دلایلی شما باید جعبه اطلاعات نویسنده را به صورت دستی اضافه کنید،در ادامه همراه ما باشید.

ابتدا باید این کد را به فایل 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 = '

About ' . $display_name . '

'; if ( ! empty( $user_description ) ) // Author avatar and bio $author_details .= '

' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '

'; $author_details .= '

View all posts by ' . $display_name . ''; // Check if author has a website in their profile if ( ! empty( $user_website ) ) { // Display author website link $author_details .= ' | Website

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

 

'; } // Pass all this info to post content $content = $content . '

' . $author_details . '

'; } 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 را به شیوه تم یا تم کودک خود استفاده کنید. 

.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;
}

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

ارسال پرسش و دیدگاه

0دیدگاه
مطالبی که شاید خوشتان بیاد
سلام! ما 271 محصول رایگان در بخش آموزش wordpress داریم اگر قصد بازدید دارید روی لینک سبز رنگ روبرو بزن بریم