Her yazının Altına Yazar Hakkında – Wordpress

Merhaba arkadaşlar. WordPress için Yazıların altına yazar hakkında bölümü için şu konuda bir kaç bilgi vermiştim. Fakat hem kodlarda sorun vardı hem de anlatım biraz karmaşıktı. Bu konu hakkında çoğu arkadaştan mail almaktaydım. Bu sorunun çözülmesi adına, aşağıda bu konuyu tekrar kaleme aldım. Umarım yardımcı olabilirim.

Çoğu wordpress temasında olduğu gibi her yazının altında o yazıyı yazan kişiye dair bir bilgi içeren kutucuk yer almaktadır.. Eğer wordpress temanızda bu yöntem yoksa ve temanızı da değişmek istemiyorsanız aşağıda anlatıcaklarımı uygulayarak sizde tüm yazılarınızın altına bir açıklama kutusu yerleştirebilirsiniz.

Part -1 Tekil yazılar – Single Posts

İlk olarak her yazımızın altına bir kutu yerleştirmemiz gerekiyor. Ben wordpress default temayı kullanacağım siz istediğiniz temada aynı işlemleri gerçekleştirebilirsiniz. Şimdi temanızın single.php dosyasını bir metin editörüyle açınız ve daha sonra (after the_content) içeriğin bitti yerden sonra aşağıda verdiğim kodları kopyalayın;(içeriğin bittiği yer genellikle end content şeklindedir)

[html]

&lt;div class=&quot;postauthor&quot;&gt;
&lt;?php echo get_avatar( get_the_author_id() , 80 ); ?&gt;

[/html]

İkinci satırda, yazıya ait yazarın ID’sinin avatarını çekiyoruz. WordPress default olarak bunu 80×80 px olarak görüntülemektedir. Avatardan sonra şimdi yazarın ad ve soyadını girelim;

[html]
&lt;h4&gt;Yazar: &lt;a href=&quot;&lt;?php the_author_url(); ?&gt;&quot;&gt;
&lt;?php the_author_firstname(); ?&gt; &lt;?php the_author_lastname(); ?&gt;&lt;/a&gt;&lt;/h4&gt;

[/html]

Kafanız karışmasın diye bu açıklamayı getirmek istiyorum. WOrdpress codex sitesinde wordpress için oluşturulan özel kodlar ve include şeklinde kullanabileceğimiz php tag’leri bulunmaktadır. Bunlar, bizim kolaylıkla uzun kodları yazmadan, bilgileri temaya yerleştirebilmemizi sağlar. Yukarıda da , yazılan yazıya ait yazarın, Adı ve soyadını h4 tag’lari içerisinde girdik. Bunun alt satırına da yazar açıklaması girebiliriz. O da şu şekilde olacaktır;

[html]
&lt;?php the_author_description(); ?&gt;
[/html]

Bu arada birşey daha söylemeliyim ki, yukarıda yazar adından önce bir <a> tag’i kullandık farkındaysanız. Bu yazarın ismine tıklanıldığında o yazarın kendi yazı arşivine gitmesini sağlayacaktır.Açıklama kısmın ise, WordPress Admin paneline girildiğinde, Profil alanında Kullanıcıya ait imza gibi kullanılabilecek bir biografi alanı mevcuttur. Buradaki alana yazacaklarınız, yukarıda ki the_author_description fonksiyonunun o yazıları çekmesine yarayacaktır.

Part -2 Yazar Arşivi

Yukarıda, yazar ismine tıklanıldığı vakit, yazarın kendi yazı arşivine gidileceğini söylemiştim. Eğer wordpress temanızda böyle bir özellik yoksa, kendimiz bu sayfayı oluşturmamız gerekecek.Bunun için ilk olarak author.php adında bir php dosyası oluşturalım. WordPress bu ismi otomatik olarak yazar arşivi sayfası olarak algılayacaktır. Farklı betimlemeler bu dosya içerisine girilebilir fakat wordpress default ayarlarında mevcut olan, yazar arşivi sayfası kodlarını aşağıdaki gibi bu dosyanın içerisine yapıştıralım;

Yukarıda dediğim gibi ben wordpress default tema üzerinde editleme yapmaktaydım. Şimdi yazacağım kodlar, WordPress default tema içerisinde kullanılan, div sınıflarından oluşuyor. Bu sınıfları kendinize göre düzenlemeniz gerekecek;

[html]
&lt;?php get_header(); ?&gt;
&lt;div id=&quot;content&quot; class=&quot;narrowcolumn&quot;&gt;
[/html]

Daha sonrasına ise aşağıdakileri girelim;

[html]
&lt;?php
if(get_query_var(‘author_name’)) :
$curauth = get_userdatabylogin(get_query_var(‘author_name’));
else :
$curauth = get_userdata(get_query_var(‘author’));
endif;
?&gt;
[/html]

Yukarıda wordpress loop içerisnde gelen fonksiyonları kullandık.Fakat kodlar sadece bu haliyle çalışmayacaktır.Aşağıdaki kodlar ile yukarıdaki tag’lere fonksiyon eklemeliyiz;

[html]
&lt;div class=&quot;postauthor&quot;&gt;
&lt;?php echo get_avatar( $curauth-&gt;ID , 80 ); ?&gt;
[/html]

Farkındaysanız, get_avatar paramını ikinci defa kullandık.Fakat bu defa, yazar ID’sini göstermek için farklı bir metodu denedik.

[html]
&lt;h4&gt;&lt;a href=&quot;&lt;?php echo $curauth-&gt;user_url; ?&gt;&quot;&gt;
&lt;?php echo $curauth-&gt;first_name; ?&gt; &lt;?php echo $curauth-&gt;last_name; ?&gt;&lt;/a&gt;&lt;/h4&gt;
[/html]

Yazar ismi, yazar ismine link ve kendi sitesine olan linki include ettik. Fakat farklı retrieval metodunu kullandık.

[html]
&lt;p&gt;&lt;?php echo $curauth-&gt;description; ?&gt;&lt;/p&gt;
&lt;/div&gt;
[/html]

Son olarakta yine worpdress yazar açıklaması bölümünü içeriğe kattık. Farkındaysanız pek fazla bir kod incelemeye gerek yok. WordPress Codex’te yer alan başka author fonksiyonları ise aşağıdadır;

$curauth->aim;
$curauth->description;
$curauth->display_name;
$curauth->first_name;
$curauth->ID;
$curauth->jabber;
$curauth->last_name;
$curauth->nickname;
$curauth->user_email;
$curauth->user_login;
$curauth->user_nicename;
$curauth->user_registered;
$curauth->user_url;
$curauth->yim;

Bunların açıklaması ve kullanımı için WordPress Codex sitesini inceleyiniz.

Part 3 – Stil

Yukarıda bir çok div oluşturduk ve bunlara sınıf ve id belirledik. Bu id ve sınıfların kullanılır olabilmesi için temamızın css dosyasına bir kaç kod eklemek gerekecek. Bunları aşağıda verdim ve açıklama gereği duymuyorum. Dilerseniz istediğiniz gibi kullanabilirsiniz. Bu arada şans eseri belki temanınızda da bu id ve sınıflar kullanılmış olabilir, bu yüzden tekrar inceleyip, aynı sınıfları kullanmadan, bu sınıfların adını hem yukarıdaki kodlarda hem de aşağıda vereceğim stil sayfası değişikliğinde kullanmalısınız;

[css]
&lt;pre&gt;.postauthor {
background-color: #fafafa;
border: 1px solid #f3f3f3;
padding: 10px;
margin: 10px 0;
}

.postauthor h4 {
font-size: 1.2em;
margin: 0 0 10px 0;
}

.postauthor img {
float: left;
margin: 0 15px 8px 0;
}&lt;/pre&gt;
[/css]

In bocca al lupo..