Kullanıcı Adı : <?php the_author_nickname(); ?>
Ad : <?php the_author_firstname(); ?>
Soyad : <?php the_author_lastname(); ?>
Biografik bilgi : <?php the_author_description(); ?>
E- Posta Adresi : <?php the_author_email(); ?>
Web Sitesi : <?php the_author_url(); ?>
AIM : <?php the_author_aim(); ?>
Yahoo IM : <?php the_author_yim(); ?>
Ve daha bir çok kod bulunmakta daha fazlası için wordpress Template Tags sayfasında “Author tags” bölümüne bakın
Yazar bilgilerini görüntülemek için kodlarımız hazır şimdi işin uygulama kısmı güzel bir görünüm olmalı ilk tercihim css ile bir şeyler yapmak oldu oval bir kutu içinde görüntüleme iyi olurdu google aramaları sonucunda 456bereastreet sitesinde “CSS Teaser Box, fixed width” uygulamasına ulaştım görünümü istediğim gib sol tarafa “yazar avatarını” yerleştiririm geri kalan alana “Biografik bilgi” alt bölüme ise e-posta ve web site adresleri düşüncede iyi ama uygulama uğraştırdı
Tüm işlemler bittikten sonra aşağıdaki resimde gördünüz yazar bilgisi bölümü oluştu hemen altında ise yazarın tüm yazıları listelenir
author.php isminde bir dosya oluşturuyoruz kodları ekliyoruz artık yazar sayfasında bilgiler ve altında yayımlanan tüm yazıları görünüyor
Temam için kullandığım author.php dosyasında kullanılan php kodları
<?php get_header() ?>
<div id="content2"> <!--temanizin css kodlarina gore degistirin-->
<?php the_post() ?>
<div class="teaser">
<h3>Yazar Bilgileri : <?php the_author_nickname(); ?> </h3>
<p><span class="yazarresim"><?= get_avatar( get_the_author_id(), '100' , 'm/wp-content/themes/sleepy-blue-10/images/blank_avatar.jpg'); ?></span><?php the_author_description(); ?></p>
<a href="<?php the_author_url(); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/yazar-website.jpg" alt="yazar-website" title="yazar-website" width="76" height="24" class="alignnone size-full " /></a>
<a href="mailto:<?php the_author_email(); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/yazar-eposta.jpg" alt="yazar-eposta" title="yazar-eposta" width="76" height="24" class="alignnone size-full" /></a>
</div>
<?php rewind_posts(); while (have_posts()) : the_post(); ?>
<div class="elektronik"> <!--temanizin css kodlarina gore degistirin-->
<div class="box"> <!--temanizin css kodlarina gore degistirin-->
<div id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="klasor2"><!--temanizin css kodlarina gore degistirin-->
<?php the_category(', ') ?></div>
</div>
<?php the_content('Yazının Devamını Okuyun »'); ?></div>
</div>
<?php endwhile ?>
<div class="wp-pagenavi">
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?></div>
</div>
<?php get_sidebar() ?>
<?php get_footer() ?>Css kutu için temanın styl.css dosyasına eklenen kodları.adwrap {
margin:30px auto 10px;
padding:10px 0;
width:620px;
border:1px solid #ccc;
border-width:1px 0;
}
.adwrap object {
width:600px;
height:60px;
}
.teaser {
width:620px;
padding:0 0 14px 0;
margin:2px ;
background:url(images/tsr.gif) bottom left no-repeat;
min-height:160px;
}
.authoravatar {
float: left;
min-height:130px;
}
.teaser h3 {
margin:0;
padding:7px 10px 3px 10px;
background:url(images/tsr.gif) top left no-repeat;
}
.teaser p, .teaser a.more {
margin:0;
padding:0 10px 3px;
border:1px solid #d8d8d8;
border-width:0 1px;
background:#fff;
}
.yazarresim{float:left;
min-height:130px;
}
.teaser a.more {
display:block;
text-align:left;
background:url(images/tsr-a.gif) 156px 50% no-repeat;
padding:0 24px 0 0;
text-decoration:none;
color:#44a;
}
.teaser a.more:hover {
text-decoration:underline;
}Yazarın avatarının görüntülenmesi için gavatar sitesinde üyeliği bulunmalı üye değil ise istediğiniz bir avatar görüntülenir maksimum resim boyutunu kod içindeki “100″ rakamını değiştirerek ayarlayabilirsinizKendi temanızda kullanmak için author.php dosyasındaki div isimlerini değiştimeniz gerekecek
css.css dosyasındaki kodları temanızın styl.css dosyasına ekleyin author.php direkt tema klasörüne atılacak resimleri temanızın images klasörüne author.php dosyasını düzenlerken Notepad ++ programını kullanın
