• 16-10-2010, 14:17:18
    #1
    Öncelikle Düzenlemede yardımcı olan Yakup hocama teşekkür ederim

    sitemde yeni kullanmaya başladığım yazar bilgisi bölümünü paylaşıyorum kodlar temanın single.php dosyasına ekleniyor her yazıda yazarın kayıt tarihi kaç tane yazısı olduğu ve diğer yazıları için link veriliyor

    görünümü, sitil kodlarını resmi wordpress forumlarından aldım bilgiler için wordpress codex bölümünden fayladandım




    single.php dsyasına eklenecek olan kodlar (yazıları düzenlemeyi unutmayın)

    <div id="theuser">
    <div id="useravatar"><?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'twentyten_author_bio_avatar_size', 80 ) ); ?></div>
    
    <h4 id="userlogin">Yazar: <?php the_author_nickname(); ?> </h4> 
    <p><strong><?php the_author_nickname(); ?></strong> yazar grubumuza "<?php echo date_i18n('d F Y', strtotime(get_the_author_meta('user_registered'))); ?>" tarihinde katıldı. Yazarımızın 320volt.com Blog üzerinde şu an okuduğunuz yazı dahil <strong><?php the_author_posts(); ?></strong>  yazısı bulunmaktadır. Yazarımız hakkında bilgileri ve diğer yazılarını görüntülemek için <?php global $authordata;
    	echo sprintf(
    		'<a href="%1$s" title="%2$s">%3$s</a>',
    		get_author_posts_url( $authordata->ID, $authordata->user_nicename ), get_the_author(). ' tarafından yazılan yazılar', 'tıklayınız'); ?>  </p>
    </div>

    temanın style.css dosyasına eklenecek olan kodlar;

    #bb  a{color:#333; border:none;font-size:12px;}
    
    #theuser {
    	border: 1px solid #dadada;
    	float: left;
    	width: 99%;
    	margin: 5px;
    	margin-bottom: 22px;
    
    }
    
    #theuser #userinfo {
    
    	margin-left: 22px;
    
    	margin-bottom: 0;
    
    }
    
    #useravatar {
    	float: left;
    	margin: 12px 12px 8px;
    }
    
    #useravatar img {
    	border: 1px solid #fff;
    }
    #userlogin, #userlogin {
    	font-size: 18px;
    	background: #666;
    	padding: 8px;
    	color: #fff;
    	font-weight: normal;
    	font-family: Georgia, Times, "Times New Roman", serif;
    	
    }

    köşelerin yuvarlak olmasını isterseniz aşağıdaki css kodlarını kullanabilirsiniz fakat CSS Validator hata veriyor ben kullanmadım



    #bb  a{color:#333; border:none;font-size:12px;}
    
    #theuser {
    	border: 1px solid #dadada;
    	float: left;
    	width: 99%;
    	margin: 5px;
    	margin-bottom: 22px;
    -moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    
    }
    
    #theuser #userinfo {
    
    	margin-left: 22px;
    
    	margin-bottom: 0;
    
    }
    
    #useravatar {
    	float: left;
    	margin: 12px 12px 8px;
    }
    
    #useravatar img {
    	border: 1px solid #fff;
    }
    #userlogin, #userlogin {
    	font-size: 18px;
    	background: #666;
    	padding: 8px;
    	color: #fff;
    	font-weight: normal;
    	font-family: Georgia, Times, "Times New Roman", serif;
    	-moz-border-radius-topleft: 6px;
    	-khtml-border-top-left-radius: 6px;
    	-webkit-border-top-left-radius: 6px;
    	border-top-left-radius: 6px;
    	-moz-border-radius-topright: 6px;
    	-khtml-border-top-right-radius: 6px;
    	-webkit-border-top-right-radius: 6px;
    	border-top-right-radius: 6px;
    
    }
  • 16-10-2010, 14:55:31
    #2
    Üyeliği durduruldu
    Tebrik ederim çok güzel olmuş.
  • 16-10-2010, 14:59:08
    #3
    sitenizi sürekli takip etmekteyim. gerçekten çok başarılı projeler paylaşılıyor.
  • 16-10-2010, 18:22:14
    #4
    Muratson_ adlı üyeden alıntı: mesajı görüntüle
    Tebrik ederim çok güzel olmuş.
    umarım işinize yarar

    Misafir adlı üyeden alıntı: mesajı görüntüle
    sitenizi sürekli takip etmekteyim. gerçekten çok başarılı projeler paylaşılıyor.
    ilginiz için teşekkürler hocam