WordPress Tema Yapısı
WordPress tema yapısına geçmeden önce ufak bir hatırlatma yapmak isterim. Web üzerinde yer alan sayfaların hazırlanmasında genellikle görsel malzemelere ve güzel yazılara yer verilir. Arama motorları da hazırlanan bu güzel siteleri insanlığa duyurmak için bot kullanırlar (örn:googlebot,bingbot vb.) Ancak; botlar siteye bizim baktığımızdan farklı bakarlar. Yazılarımızı ve tasarımlarımızı, onların anlayacağı dilden düzgün bir yapı üzerine kurmamışsak sadece kendimizi eğlendiririz. Biz WordPress Tema Yapısı yazısını; okuyup geçerken, onlar aşağıdaki gibi görürler;
1 <span style="text-decoration: underline;"><em>Wordpress Tema Yapisi</em></span>
Bu HTML taglarının düzgün dizilmemesi durumunda bot kardeşlerimiz bundan hiç hoşlanmayacaklar ve siteniz hakkında olumsuz notlarla geri döneceklerdir. Bu nedenle; ileride oluşturacağınız tüm yazılımlar için düzgün kodlama yapmaya azami derecede önem gösterin. Hem siz yazdığınız scriptlerin içinde kaybolmayın hem de botları küstürmeyin. Eğer bugüne kadar WordPress ile ilgili olarak sadece pişirilenleri yediyseniz ve mutfakta neler olduğunu merak ediyorsanız daha uzun bir süre beraber olacağız demektir.
Bu kısa hatırlatmadan sonra WordPress Tema yapısı konumuza geçelim. WordPress sayfalarını açtığımızda biz tek bir sayfa görürüz. Halbuki, açtığımız sayfanın içinde başka template dosyaları ve onların içindede fonksiyonlar çalışmaktadır. Sayfa gösterimini 2 ayrı aşama halinde düşünebiliriz, birincisi Server tarafındaki olaylar ikincisi ise bizim web tarayıcımız üzerinde olan olaylar. Uzantısı php olan sayfalarla ilgili işlemler server tarafında işlenir ve html olarak bizim web browser’ımız üzerinde gösterilir. WordPress web sayfası çağrıldığında Index.php gelir. Bu sayfanın görevi server tarafında çalışan kodların düzenli bir şekilde tercümesini yapmak ; sayfanın üstünde, yanlarında, ortasında ve altında bize sunmaktır.
WordPress temalarında temel olarak kullanılan template dosyalarından bahsettik. Bu template dosyaları her sayfada her zaman gösterilmezler, lazım olduklarında WordPress Datebase’den çağrılırlar. Örneğin, giriş sayfasında gösterilen template dosyaları ile herhangi bir post ya da sayfaya tıklandığında gösterilen WordPress Template dosyaları aynı olmaz.
WordPress Tema Dosyaları
Konu ile ilgili yazıyı wordpress’in codex sitesinden görebilirsiniz. WordPress Temalarında 4 temel template vardır. Bunlar fonksiyonlar yardımıyla diğer sayfaları ve gerekli bölümleri çekerler. Mesela sayfa ilk açıldığında aşağıdaki dosyalar çağrılırken;
- index.php
- header.php
- sidebar.php
- footer.php
Herhangi bir yazı tıklandığında ise ekranı oluşturan dosyalar muhtemelen aşağıdaki gibi olacaktır;
- single.php
- header.php
- sidebar.php
- footer.php
- comments.php
Resimde bu sayfaların WordPress teması üzerindeki yerlerini görebilirsiniz.
Temalar CSS dosyaları, fonksiyonlar ve template sayfalarından meydana gelirler. Sayfalar çağrıldıkça, CSS dosyalarında belirtilen kıyafetleri giyerler. Şimdi bu templateler bize neleri veriyor. Bir WordPress tema yapısının içinde hangi temel bölümler var bunlara bakalım. İçeriğin ziyaretçiye gösterilmesi için 4 temel taşıyıcı (container) vardır. Header, Sidebar/Menu, Footer,Content. Bu saydıklarımdan ilk 3’ü genelde sabit bölümlerdir. Değişken olan ise content alanıdır. Şimdilik sadece tanışma aşamasındayız ilerleyen yazılarımızda, üzerlerinde değişiklikler yapacağız. Kısaca bu bölümlerde neler olduğuna göz atalım;
WordPress Tema Alanları
Header (Üst Bölüm) : Bu bölümde genellikle site logosu, sabit sayfa menüleri, hem görsellik anlamında siteye zenginlik katar hemde kullanıcı için pratik erişim linkleri sunar. Aynı zamanda ön plana çıkarmak istediğiniz yazılarınız ya da ürünleriniz varsa tema yapısına göre burada yayınlayabilirsiniz.
Sidebar/Menu (Yan Bölüm): Sidebar/menu alanı yine sitemizin sabit bölümlerindendir. WordPress Tema Yapısı içinde en sık kullanılan alanlardır. Site içinde gezinti çoğu sitede neredeyse bu alandan yapılır.Kategoriler, Etiketler, Reklam alanları, Satışlar, üyelik girişleri vb. gibi kullanıcıya ağırlıklı olarak hitap eden bölümdür. Tabiki bu bir kural değildir. Siz kendi wordpress temanızı hazırlarken dilediğiniz gibi kullanabilirsiniz. Ancak hazır olan temalarda eklemeler genelde buraya yapılır.
Footer (Alt Bölüm): Sayfanın en alt kısmını oluşturur. Bu sabit 3 alan sürekli olarak kullanıcıların gözü önündedir.
Content(Orta Bölüm): Resimde index.php olarak gözüken bölüm content alanıdır. Kullanıcı herhangi bir yazıya ya da sayfaya tıkladığında sayfa içeriği bu bölümde gösterilir. Content bölümü için sabit bir sayfa yoktur. O andaki kullanıma göre WordPress Teması content alanına index.php, single.php, page.php vb. sayfalardan herhangi birini çağırabilir.
Şu ana kadar kodlara boğulmadan genel yapıyı tanımaya çalıştık. Bundan sonraki sayfalarda WordPress Teması üzerinde bulunan bu alanları tek tek inceleyip kodlarını açıklamaya çalışacağım. Kod bölümlerine geçmeden önce XAMPP WordPress kurulumu bölümünü inceleyiniz.
slm arkadaşım wordpress teması diyorsunuz baya gezdim ama bir temaya rastlamadım neden ?
Merhaba, temalara gitmek için tıklayın…
merhaba hakan bey temalar bölümünde sıkıntı var sanrnım önizleme yapamıyorum ama
Merhaba Uğur bey, eğer önizleme çalışmıyorsa o zaman seçtiğiniz temayı etkinleştirin ve sitede temayı inceleyin… saygılarımla
Hakan bey etkinleştirme özeliği yok ama ? yada ben bulamdım temayı seçiyorum sayfa Görüntülenmedi diyor MyProductTheme ben bu temayı istiyorum musadeniz olursa tabi
Merhaba Uğur bey, yüklü temalar menüsüne tıklayınca açılan sayfada yüklü temaları göreceksiniz. Etkinleştir ve önizleme linkleri burada mevcuttur yüklü temanın altında… İstediğiniz temayı mail ile gönderdim… saygılarımla
çok tşk ederim hakan bey :)
“temalar.wpkurs.com konumundaki sunucu bulunamıyor.”
Yardımcı olur musunuz?
Merhaba Semih bey, bu konumda ki yapı kaldırılmıştır. Fakat bağlantıyı günceledim tekrar tıklayarak ilgili temalara gidebilirsiniz… saygılarımla
Teşekkür ederim.
İyi Çalışmalar.
Bu program otel krmak için oluyormu
WordPress ile otel sayfası kolaylıkla yapılabilir. Otellere özel temalar bulabilirsiniz… saygılarımla