wordpress teması yapmak 1.Ders

Ağu - 13 - 2011
zikoroya

WordPress’te Nasıl Tema Yapılır? (1)

Artık böyle bir makale şart sanırım 🙂 Hazır tema kullanmaktan bıktıysanız, kendi temanızı yapmanın zamanı gelmiş demektir. Bu makaleyi iki parça halinde hazırlamaya karar verdim çünkü temelden anlatmaya başlayacağım. Önce bunu tamamlayın(zaten fazla uzun değil) daha sonra 2ncisini yazacağım. Haydi başlayalım o zaman 🙂

 

WordPress, temalarında table yerine, günümüzde daha çok geçerliliği olan css kullanmaktadır. Ben size tema yapmayı anlatırken css’in size yetecek kadarından bahsedeceğim. Gelelim temamıza. Her temanın içinde mutlaka bir style.css dosyası bulunur ve sitemizi bu dosya şekillendirir.

Yukarıda gördüğünüz gri renkli yazılar (container, content…) sitemizin temel seçicileridir. Bu makale de bunları öğrenmenizi amaçlıyorum. Kendi temanızın bulunduğu klasöre gidip, style.css dosyasını açıp içinde bu seçicileri arayın. Oradan daha iyi takip edebilirsiniz.

container: Bu seçici (yukarıdakilere seçici denir) sitemizin ana şablonudur. Sitenin sayfa içindeki yerini belirlemede(sağdan, soldan ne kadar uzakta olduğu gibi) kullanılır. Örneğin benim kullandığım Blix temasının css dosyasında container seçicisinin olduğu satır şu şekilde:

header: Sitemizin üst kısmıdır. Arkaplan resmini yine style dosyasında header seçicisiyle oynayarak değiştirebilirsiniz.

content: Blogumuzun orta kısmıdır ve yazıların ekranda nasıl görüneceğine bu seçici ile karar veririz.

sidebar: Yan sütundur.

footer: Sitemizin alt kısmıdır. Yine genişlik vb. değişiklikleri style.css dosyasında bu seçiciyi bularak yapabiliriz.

Bu konuda anlamadığınız bir nokta varsa yorumunuzda belirtin.

NOT

  • Size tavsiyem ise css’in ne olduğunu tam anlamıyla öğrenmeniz. Bunun için yarım saatinizi ayırmanız yeterli. Css öğrenmeye başlamak için tıklayınız.
  • Css dosyalarını düzenleyebilmek için normal bir notepad bile kullanabilirsiniz. Ama sıf css için yapılmış ve yaptığınız değişiklikleri önizlemeli olarak gösteren bir program da var : TopStyle Lite

WordPress tema yapımı 2.ders

Yazar Hakkında
zikoroya
Diğer Yazılarım: zikoroya

    Benzer yazılar

    • Halicia Wordpres Teması

      ....Halicia Wordpres Teması sol üst köşede tema arkaplan renk paleti ve arka plan resim değiştirme gibi özelliklerinin yanı sıra güzel ...

    • wordpress teması nasıl yapılır 2.Ders

      WordPress’te Nasıl Tema Yapılır? (2) WordPress için nasıl eklenti yazılır makalemin ikincisi olan bu yazımda artık temayı tamamlıyoruz :) Tabi bu ...

zikoroya
bg

E-mail ile Yazılara Abone Ol:

Uyarı: zerkaya.com Üye ve Kullanıcıları, üçüncü kişilerin telif hakkı sahibi olduğu bütün fikri eser ve benzeri materyal ve makaleleri yayınlayamazlar. zerkaya.com Üye ve Kullanıcılarının, üçüncü kişilerin telif hakkına sahip olduğu materyal ve benzeri makaleleri yayınlamaları durumlarında, bütün hukuki ve cezai sorumluluk kendilerine ait olduğunu bildiririz. Yayınlaması uygunolmayan yada telif hakkı ihlali olduğu ispatlanan içerikler, iletişim sayfasından bildirilmelesinin ardından yayından kaldırılacaktır. Kullanım Koşulları ve Gizlilik Bildirimi için tıklayınız.