نجد العديد من المدونات تضع في نهاية كل تدوينة فيها نبذة عن الكاتب وقد يفكر أحدنا كيف يتم وضع هذه الحركة في قالبي الذي أستخدمه بدون الحاجة إلى إضافات قد تسبب لي المشاكل أو التعارض يوما ماً لهذا أحببت أن أضع هذا الدرس بين أيديكم ليستفيد منه الجميع

أولاً افتح ملف 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;
}

ثانياً افتح ملف 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>

والنتيجة ستكون كما في الصورة