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.

---

Bu sayfa hakkındaki son yorum: Yorumu gönderen:: 04.03.2013, 14:27 (UTC) view-source Kapalı Yapamadım yua. Yorumu gönderen:: 23.12.2012, 18:00 (UTC) (locked user) sagol Yorumu gönderen: www.sometimeshack.tr.gg, 23.11.2012, 23:34 (UTC): ben yapmistim bunu daha once Yorumu gönderen:: 13.07.2012, 19:23 (UTC) eglence-gencleri Kapalı olmuoyor ! kodların yerlerini bulmak çok zor .. .!!!! Yorumu gönderen:: 19.05.2012, 14:06 (UTC) tasarimsokagi Kapalı Çok Kolay Ali Her Ayrıntıya Girmiş Ondan Zor GEliyor Sadece kaynak koddaki kodları ayırıp sitenize ekleseniz yeter Bu Arada Ben Olcay İpek Bu Yeni Sitem Bi Göz Atın Yorumu gönderen:: 18.04.2012, 17:03 (UTC) esesfanbenbuyum Kapalı Yha o biyana da yorumların arka planı css kodu ne Yorumu gönderen:: 16.03.2012, 20:47 (UTC) webmasterler-turkey Kapalı Çok Saolun Siteme Beklerim Webmasterlerin Adresi Yorumu gönderen:: 24.01.2012, 15:09 (UTC) alimengu Kapalı Flash Tasarimlar TR.gg ye İFRAME Yoluyla eklenebilir.Başka türlü suan için eklenemiyor. Yorumu gönderen:: 25.12.2011, 09:21 (UTC) (locked user) Kod okadar uzun ve burdaki gibi detaylı değilse,ayrıca flash ile hazırlanmış bir tasarım.? :- Yorumu gönderen:: 05.11.2011, 22:18 (UTC) alimengu Kapalı İndirilen Tasarimlar PHP uzantili olduğu için tr.gg sitelerine uygulanmiyor. Yorumu gönderen: Yusuf Berki, 05.10.2011, 16:27 (UTC): Merhabalar anlatım gayet güzel fakat indirilen wordpress tasarımını ayarlamayı anlatırsanız eminim dahada çok kişinin işine yarar çünkü demo yerine resim koyan bi tasarım sitesi ise... Yorumu gönderen:: 05.10.2011, 14:57 (UTC) sosyalbilgiler8 Kapalı çok zor hemde çok zor Yorumu gönderen:: 30.09.2011, 19:56 (UTC) crazybluedesign Kapalı Saolun Yorumu gönderen:: 18.09.2011, 12:46 (UTC) bs-neton Kapalı Ceidotun Söylediği Gibi Bir firmanın Veya Sitenin Kendi Tasarımını Firmanın Veya Tasarımcının İzni OLmadan Hem Emek Hırsızlığı Hemde Bilişim Suçudur. Yorumu gönderen:: 14.09.2011, 14:35 (UTC) oguzhandurgut Kapalı Saol .d işe yarar Yorumu gönderen:: 11.09.2011, 13:37 (UTC) antikdunyam Kapalı Ben sayfa kaynağına girdim ama hiç JS kodu yoktu Yorumu gönderen:: 10.09.2011, 21:32 (UTC) oyunebu54 Kapalı Sagol Gunlerdir Bunu Arıyordum Teşekkürler. Yorumu gönderen:: 10.09.2011, 19:34 (UTC) hit-design Kapalı Helal olsun Yorumu gönderen:: 10.09.2011, 00:15 (UTC) (locked user) Kullanmayı düşünmüyorum ama Güzel =) Yorumu gönderen:: 08.09.2011, 12:10 (UTC) ceidot Kapalı 1. sanalika wordpress değil. 2. özellikle bir firmanın tasarımını aynen kopyalamak bilişim suçudur.

Bu sayfa hakkında yorum ekle:

İsminiz:
Mesajın: