kısa sürede bildiğim kadar basit bir anlatım hazırladım eksikler hatalar olabilir ama az çok faydalı olacağını umuyorum----------------------------------------------------------------------
En büyük kaynağımız wordpress default teması ve bedava css şablonumuz.
----------------------------------------------------------------------
Aslında mantık çok basit CSS şablonun kısımlarını wordpress`e uygun olarak parçalara bölüp ilgili php dosyalarına ekliyoruz ve dinamik içeriğin oluşması için gerekli php kodlrı ekliyoruz
CSS Şablonu 1stwebdesigner.com sitesinde 61 High Quality And Free xHTML Templates Part 2 yazısında bulabilirsiniz web üzerinde arama yaptığınızda bir çok kaynak bulacaksınız photoshop ile yaptığınız şablonları kullanırsınız dreamweaver ile oluşturduğunuz sayfalar olabilir.
Video üzerinde sadece ana sayfanın, yan menü sidebarın, alt menü footer bölümünün, üst header menüsünün aktarımını anlattım zaten gerisi aynı mantık ile işliyor yazı sayfaları için single.php düzenleniyor ve single.php dosyasına comments.php dosyası için yönlendirme yapılıyor vs. vs.. default temayı incelediğinizde çözeceksiniz.
Testler için bilgisayarınıza wampserver programını kurmalısınız ya da direkt sunucunuz üzerinde testleri yaparsınız . Düzenlemede editör olarak Notepadd++ programını kullandım
VİDEO-1
http://video.yahoo.com/watch/7856534/20818343
Gördüğünüz gibi css şablonu tek sayfa index.html dosyasından bölümleri tek tek default temanın php dosyalarına taşıdım ve gerekli listeleme kodlarını ekledim örnek kodları daha önceden ayıklamıştım detaylı liste için “wordpress-reference” yazısına bakabilirsiniz (fonksiyonların üzerine tıkladığınızda kullanım kodları görünür)
VİDEO-2
http://video.yahoo.com/watch/7856587/20818484
İkinci bölümde functions.php dosyasını sidebar yan menüyü bileşen destekli yapmak için düzenledik default temasına ait işimize yaramayan kodları temizledik ve css dosyasında temamıza isim verdik bu bilgiler wordpress yönetim panelinde tema hakkında bilgi veriyor.
Ayrıca daha önceki yazımda bahsettiğim yazı kısıtlama örneğini yaptığımız temada uyguladık normalde yazıyı “more” etiketi ile bölseydik index.php dosyasına eklediğimiz the_content kodu içindeki “Read the rest of this entry” yazısı görünecekti ama ben test yazılarını more ile bölmemiştim
Birde unuttuğum bir şey var temayı bitirdikten sonra index.html dosyasını silmeyi unutmuşum o dosyayla işimiz kalmadığı için silebiliriz
Videoları yüksek çözünürlükte bilgisayarınızda izlemek isterseniz: css-wordpress-videolar.RAR
İşte bu kadar sanırım daha basit bir anlatım olamazdı
bu anlatım sadece başlangıç için faydalı olur gerisini uğraştıkca kendiniz getireceksiniz ne kadar uğraşırsanız o kadar bilgi sahibi olursunuz kodlar artık yabancı gelmez php dosyasına baktığınızda neyin nereyi kontrol ettiğini ilk bakışta çözersiniz.Ayrıca bu yazı bir anda oluştu yani daha önceden css şablonlarının wordpress temasına dönüştürülmesi hakkında bir yazı okumadım tamamen wordpress tema fonksiyonlarını bilmem ve az çok yerleşim mantığını çözmem sayesinde bu işi yaptım yazının başında dediğim gibi çok zor değil ama uğraşmak lazım sadece css çeviriminin nasıl olduğunu bilmek yetmez tema kodlarını div mantığını anlamak lazım.
Son olarak; bu konu hakkında hiç bir iddam yok bilgimde bana göre az sadece video basit bir anlatım hazırladım en azından yeni başlayan kişilere yardımı olacağını umuyorum
Umarım faydası olur herkese iyi çalışmalar dilerim
