Wordpress "Yazar Hakkında" Alanı Oluşturma
Wordpress bloğunuzda birden fazla yazara sahipseniz, temanıza yazar hakkında bilgi veren bir alan eklemek iyi bir fikir olacaktır. Aşağıdaki resimde örnek bir yazar alanını görebilirsiniz.

Sol kısımda yazarın avatarı, sağ tarafta ise yazarın adı, yazarın açıklaması ve yazar sitesi bilgileri bulunmaktadır. Şimdi kendi yazar alanımızı oluşturmaya başlayabiliriz.
İlk olarak size wordpress ile yazar bilgilerini(adı, url, açıklamalar vs.) nasıl alacağımıza bakalım;
-Yazarın adı :
<?php the_author_meta('user_firstname'); ?>-Yazarın soyadı :
<?php the_author_meta('user_lastname'); ?>-Yazarın adını yazılarının linki ile beraber göstermek :
<?php the_author_posts_link(); ?>
-Yazarın açıklaması :
<?php the_author_meta('description'); ?>-Yazarın web sitesi :
<?php the_author_meta('user_url'); ?>-Yazarın avatarı :
<?php the_author_meta('user_email'); ?>Wordpress'in yazar bilgilerini veren fonksiyonlarını daha detaylı olarak bu adresten inceleyebilirsiniz. Wordpress'in yazar bilgilerini veren fonksiyonlarını öğrendiğimize göre HTML ve CSS kısmına geçebiliriz. Aşağıdaki kodu worpress temanızda bulunan single.php dosyasında yazar alanının görünmesini istediğiniz kısma yapıştırın.
<div class="yazar_alani">
<div class="sol">
<?php echo get_avatar( get_the_author_email(), '80' ); ?>
</div>
<div class="sag">
<strong>Yazar : <?php the_author_posts_link(); ?></strong>
<p><?php the_author_description(); ?></p>
Yazarın <a href="<?php the_author_meta('user_url'); ?>">websitesiYa</a>
</div>
</div>
Aşağıdaki CSS kodlarını temanızın style.css dosyasına ekleyin.
.yazar_alani{
width:590px;
height:140px;
font-family:verdana;
font-size:13px;
background-color:#FAF3DE;
border:1px solid #E4D19C;
}
.sol{
float:left;
width:100px;
height:100px;
margin:25px;
}
.sag{
float:left;
margin-top:25px;
width:425px;
}Bu kodları belirtilen dosyalara eklediyseniz buna benzer bir sonuç alacaksınız:

Umarım işinize yarar saygılarla.
Paylaş
Benzer Yazılar
Yorumlar >> (3 Yorum)
öztürk 21 Şub 2011, Pt 20:53 tarihinde yazılmış.wpcandy temasında bunu kullanmak istiyorum. ancak gravatar yerine sabit bir resim kullanmak istiyorum. yani resim olarak itirazlar.com/yazar1.jpg resmini kullanmak istiyorum. adresi nasıl çağırabilirim burada?
öztürk 21 Şub 2011, Pt 20:54 tarihinde yazılmış.kendi sorunumu kendim çözdüm. kodları yerine aşağıdaki kodları kullandım.
xplanser 1 Oca 2012, Pa 23:58 tarihinde yazılmış.hacım sanki bu wordpress seçeneklerinden kalkiyordu diye biliyorum benim single.php de ve page.php de böyle bir kod yok ben kaldırmak istiyorum yapamadim bir türlü
Yorum Yap
Yorum Yazarken
Basit Html etiketlerini kullanabilirsiniz.
Kodlarınızı <pre></pre> etiketleri arasına yazınız.