WordPress Tema Yapımı : Temayı Küçük Parçalara Ayırma

WordPress tema yapımı yazılarında şu ana kadar 3 dosya kullandık. Bunlardan ikisi olmazsa olmaz 2 dosya, index.php ve style.css dosyalarıydı. Ayrıca fonksiyonlarımızı barındırmak için de functions.php dosyasını kullandık.

Şu an temamız index dosyasını kullanarak çalışacak. Bir kategoriye girdiğimizde bile index şablonu görünecek, yani sitenin neresinde olursanız olun size index şablonu görünecektir.

Ana sayfadan farklı bir yere gittiğinizde, mesela bir arama sonucuna gittiğinizde farklı bir şablon göstermek istiyorsanız, tema klasörüne arama ile ilgili dosyayı oluşturmanız gerekiyor. Ya da arşivleri görüntülemek istiyorsanız, arşivle ilgili dosyayı oluşturmanız gerekiyor.

Sitenin farklı yerlerinde farklı dosyalar çalıştırılırken, görünümde hep aynı olan yerleri belirlemek şu an atacağımız adım olacak. Mesela bizim temamızda en üst (header), en alt (footer), sol yan menü ve sağ yan menü hep aynı olacak. Değişecek olan kısım genellikle yazıların olduğu yer olacak.

WordPress Tema Yapımı : Yazılar

WordPress bir içerik yönetim sistemi olduğundan, admin panelinden yazılar yazıp, yazılarınızı yönetebilirsiniz. Bu yazıda blog yazılarının anasayfada ya da temanızın herhangi bir yerinde nasıl listeleneceğini göstererek wordpress tema yapımına devam edeceğiz.

Konuya giriş yapmadan önce, işin arkaplanında programlama açısından neler olduğunu anlatmaya çalışayım. Bir yazı yazdığınızda, wordpress bu yazıyı öncelikle siteyi kurarken oluşturduğunuz veritabanına kaydeder. Veritabanında hali hazırda bulunan bu yazıyı/yazıları çekmek için bir sorgu yapılır. Bu sorgu ile birlikte gelen yazılar artık sitede gösterilebilir şekilde elinizde bulunur.

WordPress Tema Yapımı : Dinamik Yan Menüler

Lorem Ipsum adlı wordpress temamızın üst kısmını buradaki yazıda kodlamıştık. Bu yazıda ise yan menüleri kodlayarak, wordpress tema yapımına devam edeceğiz.

Bir temaya dinamik bir yapı kazandıran en önemli unsurlardan biri, admin panelinden yönetilebilir olmasıdır. Yan menülere admin panelinden bileşenler ekleyebilmek, kullanıcıyı gerçekten çok rahatladan bir özelliktir. Elbette biz de yan menülerimizi dinamik bir şekilde, admin panelinden bileşen eklenebilir olacak şekilde ayarlayacağız.

WordPress Tema Yapımı : Başlangıç

WordPress temalarının nasıl yapıldığını anlatırken, örnek bir tema üzerinden gitmek oldukça mantıklı olacaktır diye düşünüyorum. Bu sebeple oturdum basit bir tema tasarladım. Her yazımda temanın belli bölümlerini kodlayacağım. Temanın adını da Lorem Ipsum koydum.

Temanın ön izlemesine buradan bakabilirsiniz, isterseniz indirebilirsiniz.

Temayı tasarlarken, temada bulunması gereken bazı özelliklere dikkat etmeye çalıştım. Bunları sıralamak istiyorum;

  • Temanın en üstünde sitenin başlığını ve sloganını göstereceğiz.
  • Menüde, admin panelinden oluşturduğunuz sayfaları ya da kategorileri listeleyeceğiz.
  • 2 farklı sidebar oluşturacağız, bunun sebebi ise artık sürekli aynı şablonda temaları görmekten sıkılmam. Ayrıca 2 adet sidebar’ın nasıl oluşturulacağını merak edenler vardır diye düşünüyorum.
  • Yazılarda öne çıkarılmış görsel kullanacağız.

Artık herşeyinizi hazır ettiyseniz, bu yazıda sitenin en üst kısmını kodlayacağız, başlayalım.

Arama
RSS
Beni yukari isinla