closeSitedeki bazı videolar Youtube'ta yaptığım bir hata nedeniyle çalışmamaktadır..

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.

https://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.



Ş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
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
eglence-gencleri
Kapalı

olmuoyor ! kodların yerlerini bulmak çok zor .. .!!!!

Yorumu gönderen::19.05.2012, 14:06 (UTC)
tasarimsokagi
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
esesfanbenbuyum
Kapalı

Yha o biyana da yorumların arka planı css kodu ne

Yorumu gönderen::16.03.2012, 20:47 (UTC)
webmasterler-turkey
webmasterler-turkey
Kapalı

Çok Saolun Siteme Beklerim Webmasterlerin Adresi

Yorumu gönderen::24.01.2012, 15:09 (UTC)
alimengu
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
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
sosyalbilgiler8
Kapalı

çok zor hemde çok zor

Yorumu gönderen::30.09.2011, 19:56 (UTC)
crazybluedesign
crazybluedesign
Kapalı

Saolun

Yorumu gönderen::18.09.2011, 12:46 (UTC)
bs-neton
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
oguzhandurgut
Kapalı

Saol .d işe yarar

Yorumu gönderen::11.09.2011, 13:37 (UTC)
antikdunyam
antikdunyam
Kapalı

Ben sayfa kaynağına girdim ama hiç JS kodu yoktu

Yorumu gönderen::10.09.2011, 21:32 (UTC)
oyunebu54
oyunebu54
Kapalı

Sagol Gunlerdir Bunu Arıyordum Teşekkürler.

Yorumu gönderen::10.09.2011, 19:34 (UTC)
hit-design
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
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:

Bugün toplam 20 ziyaretçi sitemizi dolaştı.
http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=de510918aee37d99078ff98e1f31074c56421665b926a44a75
İçerik bölümünün altındaki bilgi (mesela Copyright)
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol