İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

Webrafik.net | Wordpress'te Yazar Hakkında Alanı Oluşturma

MDs`

0
İyinet Üyesi
Katılım
11 Nisan 2011
Mesajlar
64
Reaction score
10
Konum
www.webrafik.net
Bazı sitelerde gördüm yazarın hakkında bölümü var her paylaşımın altında.Ben de araştırdım ve buldum.Kendimce düzenleme yaptım.Yazılarımda görebilirsiniz.Siz onları değişik,renkli,resimli vb. yapabilirsiniz.Zaten kodları kopyalayıp yapıştıracaksınız.Biraz CSS’de uğraşabilirsiniz ama zaten önceden bilginiz var ise kolaylıkla düzenleyebilirsiniz.

Şimdi yapacağımız işlemlerde;sol kısımda avatar,sağ kısımda ise yazar adı ve yazarın açıklaması,yazar site bilgileri bulunuyor.

İlk olarak WordPress’te yazarın adı,site bilgileri gibi bilgileri nasıl alacağımızı öğrenelim;

-Yazarın adı :

PHP:
<?php the_author_meta('user_firstname'); ?>

-Yazarın soyadı :

PHP:
<?php the_author_meta('user_lastname'); ?>

-Yazarın adını yazılarının linki ile beraber göstermek :

PHP:
<?php the_author_posts_link(); ?>

-Yazarın açıklaması :

PHP:
<?php the_author_meta('description'); ?>

-Yazarın web sitesi :

PHP:
<?php the_author_meta('user_url'); ?>

-Yazarın avatarı :

PHP:
<?php the_author_meta('user_email'); ?>

Yazar bilgileri fonksiyonlarını öğrendiğimize göre sırada HTML/CSS var.Aşağıdaki kodu WordPress temanızda bulunan single.php dosyasına yazar alanının görünmesi istediğiniz yere yapıştırın.Örneğin etiketlerin üstüne.

HTML:
<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 kodları ise style.css dosyanıza ekleyin.

HTML:
.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 işlemleri yaptıktan sonra aşağıdaki gibi bir sonuç olacaktır.

yazar-alani-screenshoot.jpg


Konu Başlığı:

http://www.webrafik.net/wordpresste-yazar-hakkinda-alani-olusturma.html

www.webrafik.net
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst