1.0 WordPress Tema Yapımı Hakkında Herşey – Giriş


wordpress tema yapımı

Hoş geldiniz. Eğer kodlayarak, WordPress tema yapımı için hazır olduğunuzu düşünüyorsanız, doğru yere geldiniz demektir. Bu ders serisi, WordPress tema yapımı ile ilgili Türkçe dilindeki en kapsamlı seridir. Bu seriyi anladıktan sonra, tamamen kendinize ait bir WordPress teması yapabileceksiniz.

Kodlayarak WordPress teması yapımını öğreteceğimiz bu seri, aynı zamanda WordPress ekibinin, tema yapımı ile ilgili olarak hazırladığı el kitabının kapsamlı bir tercümesidir. Tercümede, anlaşılırlığı ve akıcılığı arttırmak için, gerekli görülen yerlerde, eklemeler yapılmıştır. Bu amaçla, bir çok yerde kapsamlı araştırmalar yapılmış ve bir çok kural mantığı ile birlikte açıklanmıştır.

Verilen örnek kodların hemen hemen tamamının sağlaması yapılmış ve o şekilde verilmiştir.

Bu Yazı Dizisini Kimler Okumalıdır?

Bu yazı dizisi, bir WordPress teması yapmak isteyenler için yeterli bir rehber olacaktır. Eğer amacınız şunlardan biriyse, bu yazı dizisini okumalısınız:

  • Bir yavru tema (child theme) oluşturmak, yani bir ana tema (parent theme) ile çalışmak istiyorsanız
  • Hazır bir temayı, ihtiyacınıza göre değiştirebilmek istiyorsanız
  • Bir WordPress temasının, arkaplanda, nasıl çalıştığını anlamak, gerektiğinde, hangi tema dosyasına müdahale etmeniz gerektiğini (şablon hiyerarşisi) öğrenmek istiyorsanız
  • Sadece sizin hayal gücünüz ile sınırlı bir tema oluşturmak istiyorsanız

WordPress Tema Yapımı Yazı Dizisinin Bölümleri

Bu yazı dizisi 8 bölümden oluşmaktadır. Bu bölümler ve kısa tanıtımları şöyledir:

1. Bölüm: Başlamdan Önce

Bu bölüm, serinin ilk bölümüdür ve şu an okduğunuz ders ile başlamaktadır. Bu bölümde, tema yapımına başlamadan önce gerekli hazırlıklar yapılmış, bir WordPress sözlüğü ile temel kavramlar açıklanmış, bilgisayarınızda bir tema kodlama ortamı oluşturulmuştur.

Başlamadan Önce bölümde şu dersler yer almaktadır:

  1. WordPress Tema Yapımı – Giriş
  2. WordPress Sözlüğü
  3. WordPress Teması Nedir?
  4. WordPress ve Lisans Koşulları – GPL
  5. Bir Tema Geliştirme Ortamı Oluşturma
  6. WordPress Teması Kodlama Örnekleri

2. Bölüm: Bir WordPress Temasının Ana Parçaları

Bu bölümde, bir WordPress temasının hangi parçalardan/dosyalardan oluştuğu açıklanmış, bu dosylarda kullanılan genel fonksiyonlar ve kod yapısı hakkında bilgi verilmiştir. Ayrıca, WordPress içeriklerinin çeşitleri ve temadaki kullanım şekilleri açıklanmıştır. WordPress temalarının temel mantığı ve işleyişi verilmiştir.

Bir WordPress Temasının Ana Parçaları bölümünde şu dersler yer almaktadır:

  1. İkinci Bölümün Tanıtımı
  2. Şablon (Template) Dosyaları
  3. Temel Stil Dosyası (style.css)
  4. İçerik Tipleri (Post Types)
  5. Tema Dosyalarının Düzeni
  6. Şablon Hiyerarşisi
  7. Şablon Fonksiyonları (Template Tags)
  8. WordPress Döngüsü (Loop)
  9. WordPress Döngüsü Örnekleri
  10. WordPress Döngüsünün Tekrar Kullanımı
  11. Tema Fonksiyonları
  12. Tema Dosyalarına Bağlantı Verme (Çağırma)
  13. CSS ve JavaScript Dosyalarını Ekleme
  14. Koşullu İfadeler
  15. Koşullu İfade Örnekleri
  16. Kategoriler – Etiketler – Özel Sınıflandırmalar

3. Bölüm: Örneklerle Şablon Dosyaları

Bu bölümde, WordPress temasının görünen yüzünü veya frontend kısmını oluşturan şablon dosyları açıklanmıştır.

Örneklerle Şablon Dosyaları bölümünde şu dersler yer almaktadır:

  1. Üçüncü Bölümün Tanıtımı
  2. Yazılar İçin Şablon Dosyaları
  3. Sayfa Şablonları
  4. Ortam Dosyaları (Attachment) İçin Şablonlar
  5. Özel Yazı Tipleri İçin Şablon Dosyaları
  6. Şablon Parçaları ve Çeşitli Şablon Dosyaları
  7. Yorum Sistemi Şablonu
  8. Arşiv Sayfası (Taxonomy) Şablonları
  9. 404 (Sayfa Bulunamadı) Sayfası Şablonu

4. Bölüm: Daha İşlevsel Bir Tema İçin

Bu bölüm yazı dizisinin en uzun ve eğlenceli bölümüdür. Bu bölümde, WordPress temasına bazı fonksiyonel özellikler ve yönetim paneli kontrolleri ekleyebilmek için bilinmesi gerekenler açıklanmaktadır.

Daha İşlevsel Bir Tema İçin bölümünde şu dersler yer almaktadır:

  1. Dördüncü Bölümün Tanıtımı
  2. Yönetim Panelinde Tema Ayarları İçin Menü Oluşturmak
  3. Sayfalara Üst Kısım Görseli Ekleme – Resim
  4. Sayfalara Üst Kısım Görseli Ekleme – Video
  5. Temaya Logo Ekleme
  6. Öne Çıkan Görsel Özelliği Ekleme
  7. Yazı Biçimleri-Formatları (Post Formats)
  8. Blogun En Üstüne Sabitlenmiş Yazılar (Sticky Posts)
  9. Sidebar (Sayfa Yanı)
  10. WordPress Bileşenleri (Widgets)
  11. Menüler (Navigation Menus)
  12. Sayfalama (Pagination)
  13. Ortam (Medya) Dosyaları
  14. Ortam Dosyaları – Ses (Audio)
  15. Ortam Dosyaları – Resim (Image)
  16. Ortam Dosyaları – Galeriler
  17. Ortam Dosyaları – Video
  18. Temayı Tercümeye Hazırlama (Internationalization)
  19. Temayı Tercüme Etme (Localization)
  20. Erişilebilirlik-Ulaşılabilirlik (Accessibility)

5. Bölüm: Customizer API – Temayı Özelleştirme

Cusotmizer API, WordPress temalarının yönetim panellerinden gidilen Görünüm -> Özelleştir sayfalarına yeni özellikler katmak için kullanılır. Bu bölümde Customizer API, bütün yönleri ve örnek kodlar ile birlikte açıklanmıştır.

Customizer API – Temayı Özelleştirme bölümünde şu dersler yer almaktadır:

  1. Beşinci Bölümün Tanıtımı
  2. Customizer API Alanları (Customizer Objects)
  3. Customizer API’nin İşimizi Kolaylaştıran Araçları
  4. Customizer JavaScript API
  5. Underscore.js ve Kendimize Özel Customizer API Kontrol Alanı Şablonları
  6. Temayı Özelleştirme Yetkisi Verme ve Kullanıcı Rolleri – Yetenekleri

6. Bölüm: Gizlilik Politikası Ve Çerez Bildirimi

Çerez politikası hakkında ziyaretçilerimizi bilgilendirmek, bazı ülkelerde yasal bir zorunluluk haline gelmiştir. Bu bölüm, bir WordPress teması yaparken, çerez politikaları ile ilgili bilmemiz gerekenleri açıklamaktadır.

Gizlilik Politikası Ve Çerez Bildirimi bölümünde şu dersler yer almaktadır:

  1. Altıncı Bölümün Tanıtımı
  2. Gizlilik Politikası ve Çerez (Cookie) Bildirimi

7. Bölüm: Tema Yapımı İle İlgili İleri Düzey Konular

Bundan önceki 6 bölüm, WordPress tema yapımı ile ilgili temel becerileri kazandırmıştır. Temel becerileri kazandıktan sonra, 7. bölüm ile yavru tema kullanımı veya kodlama standartları gibi ileri düzey konular açıklanmıştır.

Tema Yapımı İle İlgili İleri Düzey Konular bölümünde şu dersler yer almaktadır:

  1. Yedinci Bölümün Tanıtımıdır
  2. Yavru Temalar (Child Themes)
  3. En İyi UI (Kullanıcı Arayüzü) Pratikleri
  4. JavaScript Kodlama Standartları ve En İyi JavaScript Pratikleri
  5. WordPress Temasını Test Etme
  6. WordPress Temasını Onaylatma (Validating)
  7. Eklenti Uygulamaları İçin Kancalar (Plugin API Hooks)

8. Bölüm: Tema’yı WordPress.org’un Tema Arşivinde Yayınlama

Bu bölüm, herşeyi ile yayına hazır hale gelen WordPress temasını, bütün WordPress Dünyası ile paylaşmak için yapılması gerekenleri açıklamaktadır.

Tema’yı WordPress.org’un Tema Arşivinde Yayınlama bölümünde şu dersler yer almaktadır:

  1. Sekizinci Bölümün Tanıtımı
  2. WordPress Temasını İncelenmeye Göndermeden Önce Yapılması Gerekenler
  3. Tema Değerlendirme Kuralları – Zorunlu Özellikler
  4. Tema Değerlendirme Kuralları – Tavsiye Edilen Özellikler
  5. Temayı WordPress.org Adresine Gönderme

WordPress Tema Yapımı İçin Neleri Bilmelisiniz?

Burada anlatılanları anlamak için; HTML, CSS ve PHP dilleri hakkında bilginiz olmalıdır. Aynı zamanda, WordPress ile bir websitesinin nasıl kurulduğunu ve WordPress yönetim panelini kullanmayı biliyor olmanız gerekmektedir.

MySQL veritabanının nasıl çalıştığını ve genel olarak sunucu teknolojilerini, SQL dil yapısını bilmek faydalı olacaktır, fakat, bir WordPress teması geliştirmek için zorunlu değildir. Bunun gibi, JavaScript bilgisi de faydalı olacaktır fakat zorunlu değildir.

Sevgili okuyucum, iyi bir tema demek hızlı, şık, SEO uyumlu, amaca hizmet eden ve karmaşık olmayan bir tema demektir. Bu yazı dizisi, tema kodlamanın daha çok PHP ve HTML kısmı ile ilgilidir. Fakat şunları da belirtmek gerekir ki; bir WordPress teması inşa etmek için şart olmasa da; iyi bir JavaScript bilgisi, yapacağınız temayı bir kaç level üste taşıyabilir. Aynı şekilde, iyi bir CSS ustasının elinde, en kötü HTML sayfası bile hayranlık uyandıracak bir hale gelebilir.

Yorumlarını bekliyorum…




DERSİN SONU

Yorum yaparak bize destek olabilirsiniz.