Yazının sonunda yazar bilgisi ve fotoğraf görmeyi istemezmisiniz? Özellikle birden çok yazara sahip blogunuz varsa bu ilginizi çekebilir.

Önizleme:

Aşşağıdaki Css kodunu style.css’ in en son satırına yapıştıralım..(kendi CSS inizi de yaratabilirsiniz..)

.about-author            {

border: 1px solid #CCC;

padding: 10px 15px;

margin: 0 0 10px;

line-height: 1.5em;

background: #FFF;

font-size: 11px;

}

.about-author h4        {

font-size: 10px;

margin: 0 0 10px;

text-transform: uppercase;

color: #333;

font-weight: bold;

}

.about-author img        {

float: left;

margin: 0 10px 10px 0;

border: 1px solid #CCC;

padding: 0;

}

Css kodlarını yerleştirdikten sonra  Single.Php’ ye ilgili yere aşşağıdaki kodu ekliyoruz.

<div class=”about-author clearfix”>
<h4><?php the_author(‘name’); ?><?php _e(‘ Hakkında’, ‘arras’) ?>  </h4>
<?php echo get_avatar(get_the_author_meta(‘ID’), 48); ?>
<?php the_author_meta(‘description’); ?>
</div>

İşlem bu kadar..