WordPress yazar alanı yapmak

Merhabalar, bu yazımızda herkesin son günlerde aradığı konu altında yazar bilgilerini göstermeyi basit bir şekilde anlatacağım. Öncelikle bu işi yapmak için eklentiler mevcut ama ben bu kadar basit bir işlem için eklenti kullanmayı pekte uygun görmediğimden bu işlemi kodlar ile yapacağız. Öncelikle bu alanda neleri gösterebiliriz diye düşündüm ve yazar resim, ad soyad açıklaması ve belki de websitesi yeterli olacaktır. Tabi ben aşağıda diğer özellikleri de kod olarak vereceğim siz kişisel fikirlerinize göre istediklerinizi ekleyebilirsiniz.

Önizleme:

Öncelikle temamızın single.php dosyamızı açıyoruz. Daha sonra uygun bir alana mesela etiket kodundan sonrası uygun olabilir. Buraya ilgili css tasarımımızı çağrıyoruz. Eğer css bilginiz yok ise aşağıdaki basit CSS kısmını kendi stil dosyasınıza ( örn: temanız içerisindeki style.css) ekleyerek kullanabilirsiniz.

.yazarHakkinda {height:110px;background-color:#f9f9f9;border:#e5e5e5 solid 2px;margin:0 0 10px;padding:1px}
.yazarResim {margin-top: 5px; float: left; margin-right: 15px;margin-left:5px}
.yazarResim img{width: 100px; height: 100px; }
.yazarBaslik {margin-top: 5px; overflow: hidden;}
.yazarBaslik a{display: block; float: right; font-weight: bold; font-size: 13px; color: #666; }
.yazarBaslik span{float: left; font-weight: bold; font-size: 15px; color: #222;}
.yazarHakkinda p {margin-top: 5px; line-height: 19px; color: #555;}

* yukarıdaki kodlar kendi sitemde kullandığım yazar hakkında kısmına aittir, önizleme olarak bu konunun alt kısmına bakabilirsiniz :)

Daha sonra single.php kısmına aşağıdaki php kodlarını yazıyorsunuz

<div class=”yazarHakkinda”>
<div class=”yazarResim”>
<?php echo get_avatar( get_the_author_email(), ‘100’ ); ?> </div>
<div class=”yazarBaslik”>
<span><font color=”#30a2e3″>Yazar Hakkında:</font> <?php the_author_meta(‘user_firstname’); ?> <?php the_author_meta(‘user_lastname’); ?>
</span>
</div>
<p><?php the_author_description(); ?></p>
</div>

 

Yukarıdaki kodu eklediğinizde yazara ait resim, yazarın isim-soyisim ve biyografi bilgileri gözükecektir.

Diğer fonksiyonları ise aşağıda veriyorum, bu kodları isterseniz yukarıdaki şablona ekleyebilirsiniz.

Yazar mail adresi için: 

&lt;?php   the_author_meta(
'user_email'
);  ?&gt;

Yazarın yazı sayısı için: <?php   the_author_posts();  ?>

Yazarın yazdığı yazılar için: <?php the_author_posts_link(); ?>

Bunları da beğenebilirsin Yazarın diğer içerikleri

Cevap bırakın

E-posta hesabınız yayımlanmayacak.