WordPress e kendi logomuzu koyalım



Bu islem 3 asamadan gerceklesiyor , öncelikle wordpressin kendi Blog title ve Tagline yazilarini siliyoruz , sonrasinda logomuzun kodlarini ; temamizin header.php dosyasinin uygun yerine yerlestiriyoruz

, son olarakta pozisyonunu yine tema dosyamizin icerisindeki style.css dosyasinin uygun yerlerinden ayarliyoruz , (elbetteki logomuzu hazir varsaydim, yoksa photoshop ile hazirlayabilirsiniz)

1.Blog title ve Tagline yazilarini yokedelim
wordpress e login olup Dashboard (sol en üstte) linkine tiklayalim
açılan ekranda Dipte Settings > Generals kismina tıklayıp Blog Title ve Tagline kişimlarinin iclerini silelim

2.Logo kodlarimizi header.php içine atalim
Tema dosyamizin icerisindeki header.php dosyasini ftp ile HDD imize cekelim ve notepad ile acip aşağıdaki kodlari bulalim

<?php bloginfo('name'); ?>

sonrasinda bu kodlari silip yerine aşağıdaki kodlari yerlestirelim

<img src="Logomuzun linki" title="Home" alt="Velociraptor" />

örnek kullanim

<img src="http://www.sordum.net/wordpress/ads/logo_sordum.jpg" title="Home" alt="Velociraptor" />

3.Logo pozisyonunu style.css içinden ayarlama
Üstteki islemden sonra logomuz wordpressimizde belirdi lakin pozisyonu , kullanilan temaya göre farklilik göstrebilir , bunun pozisyonunu ayarlamak için yine tema klasörümüz icerisindeki style.css i notepad ile acip aşağıdaki kismi buluyoruz

}
/* site title */
h1 {
   position: absolute;
   top: 15px;
   left: 2px;
   color: #FFFFFF;
   margin: 0px;
   padding: 0px;
   font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;
}

iste buradaki top: 15px; ve left: 2px; degerleri ile oynayip logomuzun poziyonunu ayarliyoruz.


Bir Yorum Var

Yorum Ekle

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Captcha