bir üye özelden wordpress tema yapımı konusunda yardım istemişti elimemi yapışır diyerekten
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 s
ingle.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