Zingocan | jQuery – CSS Blog

Ç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;

<pre>&lt;div&gt;
&lt;?php echo get_avatar( get_the_author_id() , 80 ); ?&gt;</pre>
&lt;h4&gt;Yazar: &lt;a href="&lt;?php the_author_url(); ?&gt;"&gt;
&lt;?php the_author_firstname(); ?&gt; &lt;?php the_author_lastname(); ?&gt;&lt;/a&gt;&lt;/h4&gt;

&lt;?php the_author_description(); ?&gt;

Yukarıdaki kod Yazarın adı ve soyadını gravatar da bulunan avatarıyla birlikte yazar sitesine linklendirilecek bir şekilde göstermemizi sağladı.

<pre>
<pre>&lt;p&gt;&lt;a href="&lt;?php bloginfo('url'); ?&gt;/?author=&lt;?php the_author_ID(); ?&gt;"&gt;
&lt;?php the_author_firstname(); ?&gt; &lt;?php the_author_lastname(); ?&gt; bizim için
&lt;?php the_author_posts(); ?&gt; makale yazdı.&lt;/a&gt;&lt;/p&gt;

<pre>&lt;/div&gt;</pre>
</pre>
</pre>

Yukarudaki bölümde ise bu yazının Filan yazar tarafından bizim için yazıldığını söyledik. Tabiki id leri değişmeden etiketler arasında kalan bölümleri değiştirebilirsiniz. Son olarakta yazarın ismine tıklanıldığı zaman yazdığı yazılara ulaşabileceğimiz bir arşiv sayfasına yönlendirdik.Şimdi bu arşiv sayfasını düzenleyelim;

Part -2 Yazar Arşivi

Yazar arşivimizi oluşturmak için tema klasörümüzün içerisine author.php adında bir dosya oluşturuyoruz.WordPresste kullanılan archive.php dosyasıyla aynı niteliği taşıyan bir dosya oluşturacağız fakat bu dosyada sadece belirlenen yazarın konuları görünmesi gerekiyor, bunun için archive.php dosyasını açıyoruz ve aşağıda verdiğim kodu buluyoruz;

<pre>&lt;?php get_header(); ?&gt;
&lt;div id="content"&gt;</pre>

Bu koddan sonra aşağıdaki kodları yerleştiriyoruz;

<pre>&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;</pre>

Biz en başta single.php dosyasına bir katman eklemiştik ve bunda yazar hakkında bilgiler girilmesini emrettik fakat bu bağlamı nitelendirmediğimiz için henüz çalışmıyor. Aşağıdaki verdiğim kodları yukarıdaki kodlardan sonra girerseniz bu işlem gerçekleşecektir.

<pre>&lt;div&gt;
&lt;?php echo get_avatar( $curauth-&gt;ID , 80 ); ?&gt;</pre>

Gördüğünüz gibi yine gravatar fonksiyonunu kullandık fakat burada ilkinde kullandığımız gibi değil, burada yazar ID si ile belirttik bu yüzden sorun çıkmayacaktır.Daha sonra da aşağıdaki kodu girerek yine yukarıda yaptığımız gibi hem yazar ismi ve soyismini gösterip bir de yazar sitesine link vermiş olacağız;

<pre>&lt;h4&gt;&lt;a href="&lt;?php echo $curauth-&gt;user_url; ?&gt;"&gt;
&lt;?php echo $curauth-&gt;first_name; ?&gt; &lt;?php echo $curauth-&gt;last_name; ?&gt;&lt;/a&gt;&lt;/h4&gt;</pre>

Son olarakta yazar açıklamasını girip,  div (katmanımızı) kapatıyoruz;

<pre>&lt;p&gt;&lt;?php echo $curauth-&gt;description; ?&gt;&lt;/p&gt;
&lt;/div&gt;</pre>

Şuana kadar yaptıklarımızla wordpress yazılarımızda bir yazar hakkında bölümü ve yazar arşivini oluşturmuş bulunuyoruz fakat biraz css mıncıklayarak daha hoş bir stil uygulayalim;

Part -3 style.css

Temanızın style.css adlı stil dosyasını açarak aşağıda verdiğim kodu en alt kısma kopyalayınız;

<pre>.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;
}</pre>