سبد خرید

نمایش خلاصه ای از خرید هایی که شما انجام خواهید داد

سبد خرید خالی می باشد
مبلغ کل
0
تسویه حساب

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

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

تعداد دانلود:
3
تعداد بازدید:
1382
تاریخ:
دسته بندی:

هشتگ ها :

#آموزش وردپرس

آیا میخواهید یک جعبه متن نویسنده در پستهای وردپرس خود اضافه کنید؟ جعبه اطلاعات نویسنده یک بخش کوچک است که در آن شما می توانید اطلاعات مربوط به نویسنده پست را با لینک ها به وب سایت خود و پروفایل های اجتماعی نمایش داده می شود. در این مقاله، ما نشان خواهیم داد که چگونه یک کادر اطلاعات را در 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;
}

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

محصولات مشابه فروشی
هشتگ ها :

این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید

ارسال نظر

آخرین های مشابه مشاهده بیشتر

  • تلفن : 04136383693
  • پیامک : 500020606688
  • آدرس : آذربایجان شرقی، تبریز، شهرک مصلی، خیابان راجی، راجی 4، کوچه بیست هشتم، قطعه 1339، طبقه چهارم

ملت وب در سال 1393 فعالیت خود را در چهار بخش قالب های آماده، طراحی لوگو، طراحی سایت، طراحی بنر آغاز کرده است، که در مدت بسیار کم با تلاش های بی وقفه خود و همکاران توانسته بزرگترین وب سایت ارائه دهنده قالب های با کیفیت در ایران باشد رمز موفقیت شرکت ملت وب پشتیبانی بی دریغ از کاربران خود می باشد ما موقعیت خود را مدیون مشتریان وفادار خود هستیم پس همیشه همراهشان خواهیم بود .

  • logo-samandehi