Wordpress e kendi logomuzu koyalim
Gönderilme zamanı: 22 Eki 2009, 19:13
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
acilan ekranda Dipte Settings > Generals kismina tiklayip Blog Title ve Tagline kisimlarinin iclerini silelim
2.Logo kodlarimizi header.php icine atalim
Tema dosyamizin icerisindeki header.php dosyasini ftp ile HDD imize cekelim ve notepad ile acip asagidaki kodlari bulalim
<?php bloginfo('name'); ?>
sonrasinda bu kodlari silip yerine asagidaki kodlari yerlestirelim
<img src="Logomuzun linki" title="Home" alt="Velociraptor" />
örnek kullanim
<img src="https://www.sordum.net/wordpress/ads/logo_sordum.jpg" title="Home" alt="Velociraptor" />
3.Logo pozisyonunu style.css icinden ayarlama
Üstteki islemden sonra logomuz wordpressimizde belirdi lakin pozisyonu , kullanilan temaya göre farklilik göstrebilir , bunun pozisyonunu ayarlamak icin yine tema klasörümüz icerisindeki style.css i notepad ile acip asagidaki kismi buluyoruz
iste buradaki top: 15px; ve left: 2px; degerleri ile oynayip logomuzun poziyonunu ayarliyoruz .
Velociraptor tarafindan uygulanip kaleme alindi
1.Blog title ve Tagline yazilarini yokedelim
wordpress e login olup Dashboard (sol en üstte) linkine tiklayalim
acilan ekranda Dipte Settings > Generals kismina tiklayip Blog Title ve Tagline kisimlarinin iclerini silelim
2.Logo kodlarimizi header.php icine atalim
Tema dosyamizin icerisindeki header.php dosyasini ftp ile HDD imize cekelim ve notepad ile acip asagidaki kodlari bulalim
<?php bloginfo('name'); ?>
sonrasinda bu kodlari silip yerine asagidaki kodlari yerlestirelim
<img src="Logomuzun linki" title="Home" alt="Velociraptor" />
örnek kullanim
<img src="https://www.sordum.net/wordpress/ads/logo_sordum.jpg" title="Home" alt="Velociraptor" />
3.Logo pozisyonunu style.css icinden ayarlama
Üstteki islemden sonra logomuz wordpressimizde belirdi lakin pozisyonu , kullanilan temaya göre farklilik göstrebilir , bunun pozisyonunu ayarlamak icin yine tema klasörümüz icerisindeki style.css i notepad ile acip asagidaki kismi buluyoruz
Kod: Tümünü seç
}
/* site title */
h1 {
position: absolute;
top: 15px;
left: 2px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;
}Velociraptor tarafindan uygulanip kaleme alindi