Merhabalar değerli okuyucularım yine bomba gibi bir paylaşımla karşınızdayım. Bir çok kişinin merak ettiği ama doğru bir paylaşım bulamadığından dolayı Wordpress Yazar Hakkında Bölümü Eklemek konusunu açtım. Doğru bir şekilde uyguladığınız taktirde mükemmel bir Yazar hakkında bölümüne sahip olabileceksiniz.Daha sonra bunun Blogspot için olan versiyonunu da sizlere sunacağım. Demo olarak görmek istiyorsanız benim sitemdeki Yazar hakkında bölümünün aynısını sizlere verdim.
Konu altında 2 adet resim vereceğim bunları direk kullandığınız temanın images klasörüne atacaksınız. ( Örnegin /wp-contect/TemaAdi/images/ )
Görünüm > Editor > Sağ kısımından style.css paneline girerek kodları bozmayacak bir şekilde aşağıdaki kodları ekliyoruz
1 2 3 4 5 6 7 | #MerakliYazar-YazarBilgi{ font-family:Tahoma; margin:20px; width:520px}#MerakliYazar-YazarBilgi h2{ border-bottom:1px dotted #E0E0E0; color:#4D4D4D; font-size:10px; padding:0 0 3px}#MerakliYazar-YazarBilgi h2 span{ color:#A4A4A4; font-weight:normal}#MerakliYazar-YazarBilgi p{ color:#9A9797; font-size:10px}#MerakliYazar-YazarBilgi{ float:left; width:110px}#MerakliYazar-YazarBilgi{ background:url("../images/author-avatar-bg.png") repeat scroll 0 0 transparent; height:108px; padding:4px; width:95px}#MerakliYazar-YazarBilgi{ background:url("../images/author-bg.png") no-repeat scroll right top transparent; float:right; height:100px; padding:10px 10px 10px 25px; width:375px} |
Daha sonra Görünüm > Editor > Sağ kısımda bulunan Tekil Yazı ( single.php ) paneline giriyoruz ve aşağıdaki kodu buluyoruz.
1 | <?php the_content(); ?> |
Hemen altına aşağıdaki kodları ekliyoruz.
1 2 3 4 5 6 7 8 9 10 11 | <!--MerakliYazar-YazarBilgi--><div id="MerakliYazar-YazarBilgi"><div id="MerakliYazar-YazarBilgi-avatar"><?php echo get_avatar( get_the_author_email(), '95' ); ?></div><div id="author-about"><h2>Yazar: <span><?php the_author(); ?></span></h2><p><?php the_author_description(); ?></p></div></div><!--MerakliYazar-YazarBilgi--> |
Bunları kaydettikten sonra Ana panelden sol kısımda bulunan Kullanıcılar kısmına giriyoruz ve kullandığımız kullanıcıya girip Hakkında kısmına Yazar hakkında bölümünde ne görünmesini istiyorsak yazıyoruz. İşlemimiz bu kadardı, umarım hoşunuza gitmiştir. Kendinize iyi bakın, saygılarımla.
Resim Linkleri :
Demo :
Hiç yorum yok:
Yorum Gönder