'Black-Dios Farkıyla Wordpress Tema Anatomisi / Wordpress Tema Programlamaya Giriş

'Black-Dios

Uzman üye
21 Ara 2013
1,136
0
İzmir
[FONT=&quot]WORDPRESS TEMA ANATOMİSİ

[/FONT]

[FONT=&quot]Wordpress [/FONT][FONT=&quot]tema dosyaları, wp-content içindeki themes klasöründe barınmaktadır. Oluşturduğumuz tema projeleri bu klasör içinde konumlandırıldığında, Wordpress tarafından anlamlı bir şekilde yorumlanabilir. Aksi taktirde hiçbir anlam ifade etmeyecektir. Bir Wordpress teması farklı birçok dosya türünü içinde barındırır. Bu başlık altında son sürüm ile beraber gelen, belli amaçlar için özelleştirilmiş, kullanıcıya kolaylık sağlayan teme dosyalarını inceleyeceğiz. Güncel dosya türlerini incelemek için şöyle bir yöntem izleyebiliriz. Bilindiği üzere Wordpress kurulum paketi resmi web sayfasından indirildiğinde dahili olarak içinde 3 adet tema gelmektedir. Bunlar twentyfourteen, tweentythirtenn, tweentytwelve temalarıdır. Güncellenen her sürüm ile beraber; gelen dosya türleri, üretilen yeni fonksiyonlar bu temalar içinde kullanılmaya özen gösterilir. Böylelikle geliştiricilerin esinlenebileceği güzel bir kaynak ortaya çıkmaktadır.[/FONT]

[FONT=&quot]STYLE.CSS[/FONT]

[FONT=&quot]Sitil dosyası, wordpress temaların içinde barındırması zorunlu olan dosya türlerinden biridir. Oluşturduğumuz tema dosyalarının içinde sitil dosyası bulunmadığı sürece, o dosyalar Wordpress tarafından tema olarak yorumlanamazlar. Genellikle de geliştiriciyi bir beyaz pencere yada bir hata mesajı karşılar. Sitil dosyaları, geliştirici tarafından tanımlanan bazı parametreler sayesinde, Temanın geliştiricisi, adı, lisansı hakkında Wordpress yorumlayıcısını bilgilendirir. Bu parametreler Style.css dosyası içinde /* Parametreler */ şeklinde açıklama satırı olarak tanımlanır. Örnek olarak, Wordpress kurulum dosyaları ile beraber gelen Twenty Thirteen temasının sitil dosyasını inceleyebilirsiniz.[/FONT]
Kod:
[COLOR=DarkOliveGreen]  [FONT=&quot]/*[/FONT]
[COLOR=White]  [B][FONT=&quot]Theme Name[/FONT][/B][/COLOR][FONT=&quot][COLOR=White] :[/COLOR] Tema adı.[/FONT]
  [COLOR=White][B][FONT=&quot]Theme URL[/FONT][/B][/COLOR][FONT=&quot][COLOR=White] :[/COLOR] Temanın dağıtıldığı adres (Örn. [URL]http://wordpress.org[/URL])[/FONT]
  [COLOR=White][B][FONT=&quot]Author [/FONT][/B][/COLOR][FONT=&quot][COLOR=White]:[/COLOR] Tema Geliştiricinin Adı.[/FONT]
  [COLOR=White][B][FONT=&quot]Author URL[/FONT][/B][/COLOR][FONT=&quot][COLOR=White] :[/COLOR] Geliştiriciye ait Web Sayfası.[/FONT]
  [COLOR=White][B][FONT=&quot]Description [/FONT][/B][/COLOR][FONT=&quot][COLOR=White]:[/COLOR] Temayı, yapısını ve kullanım alanları ile ilgili ufak bir bilgilendirme metni buraya yazılmalıdır.[/FONT]
  [COLOR=White][B][FONT=&quot]Version [/FONT][/B][/COLOR][FONT=&quot][COLOR=White]:[/COLOR] Gelecek diğer sürümler için, karışıklığı önlemek adına 1.0 gibi versiyon tanımlaması yapılmalıdır.[/FONT]
  [FONT=&quot]*/[/FONT][/COLOR]
[FONT=&quot]Yukarıdaki açıklamış olduğum parametlere ek olarak lisans, lisans adresi gibi tanımlamalar yapılabilir. Gerekli tanımlamalarımızı yaptığımızda Wordpresstarafından temanız Resim 1.2’ deki gibi yorumlanır ve kullanıcıya tanıtılır.[/FONT]


LYQdp1.png


[FONT=&quot]Resimdeki bölümde Wordpress panelden Görünüm/Temalar patikasını izleyerek ulaşabilirsiniz.[/FONT]


[FONT=&quot]INDEX.PHP[/FONT]

[FONT=&quot]Bir temanın wordpress teması olarak yorumlanabilmesi için minimum 2 adet dosya türünü içinde barındırmalıdır.Bunlardan birincisi tema bilgilerini tutan Style.css dosyası, bir diğeri ise temanın kullanıcılar ile buluştuğu ilk yer olan index.php dosyasıdır. İndex.php dosyası, ilerleyen satırlarda açıklayacağımız sidebar, header, footer vb. alanları kontrol eden dosya türlerini, fonksiyonlar yardımıyla içine çağıran ve kullanıcıya sunan bir dosya türüdür. Bu sebeple büyük önem arz etmektedir. Ayrıca ana sayfada listelenen içeriklere ait fonksiyonlar ve html/css kodları index.php içinde tanımlanır. Sidebar, header, footer gibi alanları biraz açıklamak gerekirse, Resim 1.3’ teki gibi bir görselden yardım almak yanlış olmaz. [/FONT]



l0EB7k.jpg


[FONT=&quot]Temaları resimde görüldüğü gibi alanlara bölmek geliştiriciler için büyük bir avantajdır. Bu alanlar içlerinde belli özel fonksiyonları, tasarıma ait html/css kodlarını içinde barındırır. Bütün alanlar index.phpiçinde çağrılır ve kullanıcıya sunulur. Konum olarak birbirlerinden bağımsız olmalarına rağmen işleyiş olarak tümleşik çalışırlar. Konum olarak bağımsız olmaları sayesinde birden çok yerde çağrılabilirler. Bu da, geliştiricileri aynı kod öbeklerini tekrar tekrar yazmaktan kurtarır. İşte index.php bütün bu alanları içinde barındıran dosya türüdür.[/FONT]

[FONT=&quot]HEADER.PHP[/FONT]
[FONT=&quot]Header[/FONT][FONT=&quot]bölümüne ait fonksiyonları ve html/css kodlarını içinde tutan dosya türüdür. Sitil dosyaları, Javascript fonksiyonları bu bölüm içinde sayfaya çağrılır. Genellikle logo, dinamik menü, sayfa içi içerik arama formu bu bölümde bulunmaktadır. Fonksiyon yardımı ile index.php içine çağrılır. Bu bölümde meydana gelen ufak bir hata tema arayüzünde kaymalara sebep olur.[/FONT]

[FONT=&quot]SIDEBAR.PHP[/FONT]

[FONT=&quot]Genellikle temaların sağ tarafında kullanılırlar. İhtiyaca göre sol tarafta da bulunabilir. Bu tamamen ara yüz tasarımcısının tercihine kalmıştır. Bazı temalar 3 kolonlu olup 2 adet sidebar alanına sahip olabilir. Genellikle sidebariçinde popüler yazılar, son yorumlar, reklam alanları gibi kullanıcı trafiğini arttırmaya yönelik görsel bağlantılar tanımlanır. Ayrıca kullanıcı tabanlı web sayfaları için oluşturulan login formları bu bölümde tanımlanmaktadır.[/FONT]

[FONT=&quot]FOOTER.PHP[/FONT]

[FONT=&quot]Web sayfalarının en alt kısmını oluşturan alana footer adı verilir. Bu alanda siteye ait telifi belirten yazılar, site sahibi, reklam alanları, sosyal medya bağlantıları ve tasarımı tamamlayıcı html/css kodları tanımlanır.[/FONT]

[FONT=&quot]PAGE.PHP[/FONT]

[FONT=&quot]Wordpress[/FONT][FONT=&quot]içerik yönetim sisteminde iki adet içerik türü bulunmaktadır. Bunlar Yazılar ve Sayfalardır. Yazılar daha çok ilan, günlük makaleler için kullanılır. Sayfalar ise zamanla pek değişkenlik göstermeyen içerik türleridir. Menü yardımıyla kullanıcıların her daim görmesi için belli bir yere konuşlandırılır. Site hakkında, referanslar, faaliyetler, iletişim gibi içerik oluşturmak için tercih edilen içerik türü sayfalardır. Page.php sayfalara ait içerikleri kullanıcıya sunmak için özelleştirilmiş dosya türüdür. Yapı olarak yazılardan bir farkı yoktur. Her iki içerik türü de veritabanında aynı tablo içinde tutulur. Bu yüzden fonksiyonlarında da değişiklik yoktur. Kullanılan fonksiyonlar ve döngüler yazılar ve sayfalar için aynıdır.[/FONT]

[FONT=&quot]SINGLE.PHP[/FONT]

[FONT=&quot]Diğer bir içerik türü olan yazıları görüntülemek için kullanılan dosya türüdür. Yazılara ait içeriğin tamının ve yazılara ait yorumların listelendiği bölümdür.[/FONT]

[FONT=&quot]SEARCH.PHP[/FONT]

[FONT=&quot]Wordpress[/FONT][FONT=&quot]tabanlı sitelerde içerik sayısının artmasıyla beraber kullanıcılara, ihtiyaç duydukları içeriklere ulaşımda kolaylık sağlamak adına arama formları oluşturulur. Search.php arama formlarından gelen sorguyu yorumlayan ve bir döngü yardımıyla alakalı içerikleri listeleyen dosya türüdür.[/FONT]

[FONT=&quot]CATEGORY.PHP[/FONT]

[FONT=&quot]Yayınlamış olduğumuz içerikleri kategorileri kullanarak gruplandırabiliriz. Böylece aynı amaç doğrultusunda yayınlanmış içerikleri ziyaretçilere sunmak daha da kolaylaşır. Category.php, belirttiğimiz ihtiyaçları karşılamak adına oluşturulmuştur. Genel olarak tüm kategorilere hitap eder. Fakat isteğe bağlı olarak her kategori için farklı category.php dosyası oluşturabilirsiniz. Bu işlem, her kategori için farklı tasarımlarda ve farklı döngü koşullarında içerik listeleme imkanı sunar.[/FONT]


[FONT=&quot]FUNCTİONS.PHP[/FONT]

[FONT=&quot]Functions[/FONT][FONT=&quot]dosyası, adından da anlaşılacağı üzere tanımlamış olduğumuz fonksiyonları içinde tutan dosya türüdür. Bu dosya türü temalarımızda; sidebar, dinamik menüler, öne çıkarılmış görsel, özelleştirilmiş içerikler gibi birçok modern yapıyı aktif etmemizi sağlar.Functions.php temel olarak bir eklenti gibi davranır. Sayfa açıldığında otomatik olarak yüklenir. Ayrıca ihtiyaçlarımız doğrultusunda oluşturduğumuz fonksiyonları da burada rahatlıkla barındırabiliriz.[/FONT]

[FONT=&quot]ARCHIVE.PHP[/FONT]

[FONT=&quot]Wordpress[/FONT][FONT=&quot]ile yayımlanmış yazılarınız sistem tarafından otomatik olarak tarihlendirilir. İçeriklerinizi belli tarih aralıklarında sınıflandırmak için arşiv sayfalarını kullanabilirsiniz. Bu dosya türü sınıflandırmaya ait koşulları ve tasarımda istediğiniz değişiklikleri gerçekleştirmenize imkan sunar. Ayrıca category.php dosyası bulunmayan temalarda, kategori sayfası olarak kullanılabilir. Bu işlem için ekstra bir ayar gerekmez. Sistem bunu doğrudan algılar.[/FONT]

[FONT=&quot]AUTHOR.PHP[/FONT]

[FONT=&quot]Kullanıcı etkileşimli web sayfalarında üyeler de içerik girişi yapabilir. Wordpress altyapısında bu kullanıcılar yazar olarak adlandırılır. Yazarların yayınlamış olduğu içerikleri, yapmış olduğu yorumları listelemek için author.php dosyası kullanılır. Bu dosya türü sayesinde yazara ait kişisel bilgileri de paylaşabilirsiniz.[/FONT]

[FONT=&quot]TAG.PHP[/FONT]

[FONT=&quot]Tag[/FONT][FONT=&quot], Türkçe de etiket manasına gelmektedir. İçerikleri arama motorlarına daha iyi tanıtmak adına etiketlerden faydalanırız. Etiketleri daha fonksiyonel kullanmak adına tag.php sayfasından faydalanabiliriz.[/FONT]

[FONT=&quot]404.PHP[/FONT]

[FONT=&quot]Ziyaretçiler, web sayfalarında aramış olduğu anahtar kelimede herhangi bir içerik bulamadığında varsayılan olarak bir uyarı mesajı ile karşılaşır. 404.php bu uyarı sayfasını isteğiniz doğrultusunda düzenlenemenizi sağlayan bir dosya türüdür. Yapılan değişiklikler doğrultusunda ziyaretçilerin sayfayı ziyaret süresini arttırabilir yada alakalı başka bir içeriğe yönlendirebilirsiniz.

[/FONT]
[FONT=&quot]Not[FONT=&quot] : Arkadaşlar şu[FONT=&quot] andan iti[FONT=&quot]baren sürekli olarak [FONT=&quot]Vip ve [FONT=&quot]Özel kolay bulunmayan konular paylaş[FONT=&quot]acağım hem foruma hemde kendimizi gelişt[FONT=&quot]irmemiz açısından fa[FONT=&quot]ydası olacağı[FONT=&quot]ndan e[FONT=&quot]minim. Bir sonraki konum " W[FONT=&quot]ordpress Nasıl Çal[FONT=&quot]ışır ? " adlı konum olarak bu konuda hiçbir[FONT=&quot] yerde görmediğiniz [FONT=&quot]bilgiler olacak beklemde kalın :)

[FONT=&quot][FONT=&quot]'Black-Dios [FONT=&quot]sundu..[/FONT][/FONT][/FONT]
[/FONT][/FONT][/FONT][/FONT][/FONT][/FONT][/FONT][/FONT][/FONT][/FONT][/FONT][/FONT][/FONT][/FONT][/FONT]​
 
Moderatör tarafında düzenlendi:

duman05

Adanmış Üye
9 Eyl 2012
6,326
2
Ellerine sağlık çok yararlı bir paylaşım :) Sadece yeşil'e beyaz renk uymamış :)
 

2nokta

Yaşayan Forum Efsanesi
28 Şub 2013
16,689
16
aralarında bilmedikermde var :D pek anlamam wordpressten :D ama takip edicem konyu :D
yeni konu açarsan link atmayı untma
 

By Ghost

Katılımcı Üye
11 Tem 2013
941
2
C:\Linux
1 ay öncesine kadar wp tema yapma fikri vardı ama altyapı yoktu ertelemiştim şimdi sayende az da olsa bi alt yapım oldu. Ellerine sağlık

Birde bu konuları takip ederek profesyonel bi tasarım yapabilir miyim yoksa orta seviye bişi mi olur ? Sadece bu bilgiler ile.
 

'Black-Dios

Uzman üye
21 Ara 2013
1,136
0
İzmir
Konularimi takip edersen neyin nasıl yapıldığını görürsün acemiliği profesyonelliği sana kalmış birşey :)
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.