WordPress » Yazar Hakkında Bölümü Oluşturma!

Merhaba okurlarım, bugün sizlere eklentisiz WordPress’te nasıl Yazar Hakkında bölümü oluşturulur onu göstereceğim. Ben basit bir yazar bölümü kodları vericem siz isterseniz kodları herhangi bir yerden bilgi edinip  veya az çok bu işten anlıyorsanız geliştirebilirsiniz. Yeni başlayan arkadaşlar için yararlı bir konu olur umarım. Herneyse lafı fazla uzatmadan yazar bölümü nasıl oluşturulur onu anlatıyim. Adım, adım takip edin ki herhangi bir olumsuzluk ile karşılaşmayın.

İlk önce WordPress panelimize girip, www.siteadiniz./wp-admin Görünüm > Düzenleyici sekmesine tıklayalım ve Single.php dosyasını açalım ve aşşağıda verdiğim kodları ekleyelim.

  1. <?php the_content(); ?>                                          

  

Kodunu bulup hemen altına şu kodları ekliyoruz.

  1. <div class="yazar-kutu">
  2. <div class="yazar-sol">
  3. <div class="yazar-resim"><?php echo get_avatar( get_the_author_email(), '80' ); ?></div>
  4. </div>
  5. <div class="yazar-sag">
  6. <div class="yazar-isim"><?php the_author_meta( "display_name" ); ?></div>
  7. <div class="yazar-ozet"><?php the_author_meta( "user_description" ); ?></div>
  8. <div class="yazar-site"><?php if (get_the_author_url()) { ?><a href="<?php the_author_url(); ?>">Yazar: <?php the_author(); ?>'s website</a><?php } else { } ?></div>
  9. </div>
  10. <div class="clear"></div>
  11. </div>

Yukarıda ki kodu Single.php ye attıysanız kaydedip çıkabiliriz. Şimdi ise yazar bölümünün css kodlarını atıcaz.

Style.css bölümüne girip aşşağıda verdiğim kodları yapıştırınız.

  1. .yazar-kutu { padding: 10px; background: #ccc; border: 1px solid #333;}
  2. .yazar-sol {float:left; width: 80px; margin: 0 15px 0 0;}
  3. .yazar-sag {float:left; font-size: 13px; margin: 5px 0 0 10px;}
  4. .yazar-resim {border: 1px solid: #ccc;}
  5. .yazar-isim {font-weight:bold;}
  6. .yazar-ozet {padding: 5px 0 5px 0;}
  7. .yazar-site {color: #555;}
  8. .yazar-site a {color: #000;}
  9. .yazar-site a:hover {color: #333;}
  10. .clear {clear:both}

Ve kaydedip çıkabilirsiniz.  Şimdi sol tarafta bulunan Kullanıcılar bölümüne tıklayarak hangi kullanıcıyı kullanıyorsanız  tıklayıp hakkında kısmına istediğimiz bilgileri yazıp kaydedin. İşlemler bu kadardı arkadaşlar, herhangi bir sorununuz olursa yorum atmanız yeterli olucaktır.

Bir önceki yazımız olan WordPress » Favicon Ekleme! başlıklı makalemizde kişisel blog, kişisel bloglar ve kişisel yazılar hakkında bilgiler verilmektedir.