Ali Mengü | Kişisel Web Sayfasi

Wordpress Tasarimlarini Nasıl Bedava Siteme Uyarlariz

Bir Wordpress temasi görüp çok beğendiniz.Fakat tr.gg ye uyarlayamiyorsunuz.Dersimizi okuyun ve ne kadar kolay olduğunu görün.

Öncelikle bu işlemler temadan temaya değişebilir.Fakat sonuçta yaptiğimiz şeyler hep aynidir. http://www.wp-tr.org/kategori/temalar/ adresinden sizde istediğiniz bir tasarimi seçebilir.FREE veya DAĞITILAN herhangi bir tasarimi derse göre çevirebilirsiniz.Benim Seçtiğim tema http://wpthemedesigner.com/demo/ adresinde görüntülenmektedir.Şimdi yapmamiz gereken Temanin herhangi bir yerine tıklayıp "Sayfa Kaynağını Göster" demek.



Şimdi yapmamiz gereken. JS Kodlarini ve tasarim kodlarini ayirmak.Hemen Çağırılmış js kodlarini sitemizin Tasarim ayarlari > Gelişmiş Ayarlar > Tasarim Üzerindeki Yazi bölümünün en üstüne yapıştırıyoruz.



Bu işlemide yaptiktan sonra şimdi geldi tasarim kodlarini ayirmaya.Bu işlemi < body > < /body > arasinda kalan kodlarla gerçekleştiricez.Bu kodlar genellikle wrapper,header gibi kodlarla başlar.Burada gördüğümüz gibi wrapper ile başlamiş.< div id="Wrapper" > kodundan tutup < div id="content" > koduna kadar şeçip kopyaliyoruz.Bu kodlari yine Tasarim Ayarlari > Gelişmiş Ayarlar > Tasarim üzerineki yazi bölümüne js kodlarindan sonra ekliyoruz.



Şimdi sıra geldi tasarim alti kısmını doldurmaya.Tasarim üstü kısmına < div id="content" > e kadar aldik. content katmanin kapanişi olan < /div > kodundan itibaren < /body > kodu hariç aralarindaki tüm kodlari kopyalayip tasarim alti kısmına yerleştiriyoruz.





HTML Kısmı Bitti Şimdi Geçelim CSS Koduna
İlk olarak Tasarim Ayarlari > Gelişmiş Ayarlar > CSS Kodu Kısmına Aşağıdaki Kodu Ekliyoruz.

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

Kaynak Kodunun Genelde En Üstünde Bulunan CSS Linkine Tıklıyoruz.Bu kod daima Aşağıdaki gibi çağırılır.

<link href="Style Dosyasi Linki" type="text/css" rel="stylesheet" />

Kaynak Kodundaki Style Dosyasi Linkine Tıklıyoruz.

Karşımıza Çıkan Kodlarin Hepsini Kopyalayip Bir Not Defterine Yapiştiriyoruz. Ardindan Aşağıdaki Videoyu İzliyoruz.

---

---

Videoda Ne Oldu?
CSS kodlarinda resimler images/....png olarak kayıt edilmiş.O sitede FTP yolu ile images dosyasi çalışır durumda olduğu için.Resimler görünüyor fakat FTP özelliği TR.GG Sitelerinde olmadiği için resimleri link halinde çağırmamız gerekiyor.http://siteadi.com/images/....png linkini images/e kadar kopyalayip css deki tüm images/ kelimesiyle değiştirirsem link sorunu ortadan kalkiyor.Bu Videoda Bunu gösterdim.

Bu işlemide yaptiktan sonra Menu gizleme kodundan sonra Bu kodlarida CSS kodu Kısmına Ekleyin ve tamamdir.