Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj27.09.2011, 12:58 (UTC)    
Mesaj konusu: Worldpress Tasarımları B-s'ye Uyarlama. (Bilmeyenler Gelsin)

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.
Kod:
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.
Kod:
<link href="Style Dosyasi Linki" type="text/css" rel="stylesheet" />



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~
Mesaj27.09.2011, 12:59 (UTC)    
Mesaj konusu:

AliMengü'den Alıntıdır...
______________
~Ceblog.Tr.Gg~
Mesaj27.09.2011, 13:23 (UTC)    
Mesaj konusu:

Güzel Paylaşım.
______________
En Son Kimse Tarafından Değiştirilmedi Razz
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu