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.
http://img.webme.com/pic/a/alimengu/sekil1.png
Ş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.
http://img.webme.com/pic/a/alimengu/sekil2.png
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.
http://img.webme.com/pic/a/alimengu/sekil3.png
Ş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.
http://img.webme.com/pic/a/alimengu/sekil4.png
http://img.webme.com/pic/a/alimengu/sekl5.png
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.
Kaynak Kodundaki Style Dosyasi Linkine Tıklıyoruz.
http://img.webme.com/pic/a/alimengu/sekil8.png
Karşımıza Çıkan Kodlarin Hepsini Kopyalayip Bir Not Defterine Yapiştiriyoruz. Ardindan Aşağıdaki Videoyu İzliyoruz.
http://www.xfire.com/video/4ce6f6/
--------------------------------------------------------------------------------
_____________________________________________
Videoda Ne Oldu?
CSS kodlarinda resimlerimages/....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ümimages/ 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.
______________
~Ceblog.Tr.Gg~
