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

آموزش وردپرس / هک و کد های وردپرس

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

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

اول شما فایل style.css رو در پوشه پوسته فعالتون باز و این کد رو به اون اضافه کنید:

#authorarea{
background: #f0f0f0;
border: 1px solid #d2d2d2;
padding: 10px;
width:500px;
overflow:hidden;
color: #333;
}
#authorarea h3{
font-size: 18px;
color:#333;
margin:0;
padding:10px 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
color: #333;
font-weight: bold;
}
#authorarea img{
margin:0;
padding:10px;
float:right;
border: 1px solid #ddd;
width: 100px;
height: 100px;
}
#authorarea p{
color:#333;
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{
color:#333;
}
.authorinfo{
padding-right:120px;
}

توجه: ممکنه شما مجبور باشید در کدهای CSS بالا تغییراتی اعمال کنید تا با پوسته شما هماهنگ بشن.

بعد از اضافه کردن کد های CSS فایل single.php خودتون رو باز کنید و کد زیر رو داخل حلقه پست وارد کنید

<div id="authorarea">
<?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '100' ); }?>
<div class="authorinfo">
<h3>درباره ی نویسنده<?php the_author_posts_link(); ?></h3>
<p><?php the_author_description(); ?></p>
</div>
</div>

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

سوالات و مشکلات خود را در دیدگاه ها بیان کنید، حتما پاسخ خواهیم داد.

دیدن این مطالب رو به شما پیشنهاد میکنیم...

یک دیدگاه برای این مطلب ارسال شده است

  1. با سلام .بنده با استفاده از همین کدها، این جعبه رو بالای بخش کامنت اضافه کردم اما وقتی با موس مرورگر رو جمع میکنم تمام قالب واکنش گراست الا همین جعبه..به نظرتون چیکار کنم؟ اینو بگم بهتون که داخل گوشی مشکلی ندیدم.. ولی وقتی مرورگر کامپیوتر رو جمع میکنم اون قسمت تکون نمیخوره و از فضای مرورگر میزنه بیرون… تشکر
    سایت بنده: http://www.technoteach.ir

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *