Wordpress e kendi logomuzu koyalim

Web tasarım, Web Programlama ve script dilleri konuları buraya
Cevapla
Kullanıcı avatarı
velociraptor
Yottabyte4
Yottabyte4
Mesajlar: 53484
Kayıt: 14 Mar 2006, 02:33
cinsiyet: Erkek
Teşekkür etti: 19205 kez
Teşekkür edildi: 11809 kez

Wordpress e kendi logomuzu koyalim

Mesaj gönderen velociraptor »

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

Resim

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;
}
iste buradaki top: 15px; ve left: 2px; degerleri ile oynayip logomuzun poziyonunu ayarliyoruz .

Velociraptor tarafindan uygulanip kaleme alindi
Cevapla