Wordpress "Yazar Hakkında" Alanı Oluşturma

Kategori : Wordpress, Css Yazar : alexander Tarih : 3 Tem 2010, Ct 13:01 3 Yorum

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.

Yazar alanı örneği

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:

Wordpress yazar alanı

Umarım işinize yarar saygılarla.

Yorumlar >> (3 Yorum)

  1. ö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

        Yeni yorum yapıldığında bana bildir.

        Yorum Yazarken

        Basit Html etiketlerini kullanabilirsiniz.

        Kodlarınızı <pre></pre> etiketleri arasına yazınız.