BU DERSİN BAŞLIKLARI
Tavsiye edilen özellikler, temanızın WordPress.org sitesinde yayınlanması için zorunlu olan özellikler arasında değildir fakat temanızı daha değerli hale getirecek özelliklerdir.
Çekirdek Bileşenleri Kaldırabilme Özelliği
Bileşenlerin sayısı arttıkça, yönetim panelinde, Görünüm->Bileşenler sayfası daha karmaşık hale gelmektedir. Bu karmaşanın önüne geçebilmek için, temanıza, WordPress kurulumu ile birlikte gelen bazı bileşenleri kaldırma özelliği ekleyebilirsiniz.
functions.php
// Çekirdek WP Bileşenlerini Kaldırır
function unregister_default_wp_widgets() {
unregister_widget('WP_Widget_Pages');
unregister_widget('WP_Widget_Calendar');
unregister_widget('WP_Widget_Archives');
unregister_widget('WP_Widget_Links');
unregister_widget('WP_Widget_Meta');
unregister_widget('WP_Widget_Search');
unregister_widget('WP_Widget_Text');
unregister_widget('WP_Widget_Categories');
unregister_widget('WP_Widget_Recent_Posts');
unregister_widget('WP_Widget_Recent_Comments');
unregister_widget('WP_Widget_RSS');
unregister_widget('WP_Widget_Tag_Cloud');
}
add_action('widgets_init', 'unregister_default_wp_widgets', 1);
Yukarıdaki kodu doğrudan kullandığınızda, unregister_default_wp_widgets()
fonksiyonunda belirtilen bütün bileşenler kaldırılacaktır. Bu yüzden, bileşenleri doğrudan değil de, kullanıcı tercihine bırakarak seçmeli bir şekilde kullanmak daha doğru olabilir.
Çekirdek Özellikler
Temanızda aşağıdaki formları, WordPress’in sunduğu özellikleri kullanarak kodlamanız tavsiye edilir.
- Üyelik sistemi ve üye girişi
- Arama formu
Tema Dizaynı
Tema dizaynı ile ilgili aşağıda verdiğimiz tavsiyeleri uygulayarak görmenizi tavsiye ederiz. Temanızda, bahsedeceğimiz tavsiyeleri uygulamada görmek için ise theme_unit_test data ile temanıza geçici içerikler yüklemenizi tavsiye ederiz.
Tipografi
Daha rahat bir okuma deneyimi için temanızın gövde (body) metni, 14px ve üzerinde olmalıdır. Metinlerinizin büyüklüğünü ayarlarken, çok cömert davranmanız da tavsiye edilmez.
Paragraflarınızda, rahat bir okuma deneyimi için line-height
değerinin 1.4 civarında olması tavsiye edilir. Bu değer, başlıklarınız için 1.3-1.4 arası, paragraflarınız için ise 1.4-1.6 arası olarak ayarlanmalıdır.( line-height: 1.4;
)
Yine rahat bir okuma deneyimi için, yazılarınızın her bir satırındaki karakter sayısı 45-75 arası olmalıdır.
Renk
Bir web sayfasında, okunaklı olması için, yazı rengi ile arka plan rengi arasındaki kontrast oranı en az 4.5:1 olmalıdır. 24 pixel yazılarda veya 19 pixel ve kalın yazılmış yazılarda bu oran, 3:1 oranına kadar düşebilir.
Sayfalarınızda kullandığınız ön ve arka plan renkleri arasındaki kontrast oranını görmek için, renkler arası kontrast oranı testi yapabilirsiniz.
İnternet kullanıcılarının yaklaşık %10’u ve özellikle renk körü olanlar, renkleri görmekle ilgili sorunlar yaşamaktadır. Renk körleri, özellikle kırmızı ve yeşil renkleri birbirinden ayırmakta zorluk yaşamaktadır.
Mesela, Protanopia ve Deuteranopia hastaları, neredeyse bütün renkleri sarı ve mavinin tonları olarak görmektedir. Dolayısıyla, sarı ve mavi dışındaki renkler ile oluşturduğumuz tonlama farkları, bu tür hastaların gözünde aynı görünecektir.
Web sayfalarınızın, renk körü hastalarının gözünde nasıl göründüğünü merak ediyorsanız, sayfanızın bir ekran görüntüsünü alıp, bir renk körlüğü simülatörü yardımı ile sayfanıza renk körlerinin gözünden bakabilirsiniz.
Dizayn Detayları
Genel amaçlı ya da çok amaçlı temaların, kullanıcılar tarafından kurulması zor olmaktadır. Bu yüzden, temanızın hizmet edeceği sektörü daha belirgin seçmeniz önerilir.
Temanız mobil uyumlu olmalıdır.
Gölgeler ve gradyanlar gibi detaylar, dikkat dağıtıcı olmamalıdır.
Temanızda svg ya da font ikonlar barındırmanız tavsiye edilir.
Animasyonlar, en önemli içeriklerinize dikkat çekmek amacıyla kullanılmalıdır, dekorafit amaçlı değil.
Tavsiyeler
Tema dizaynı hakkında daha fazla bilgi ve tavsiye için WordCamp.tv yayınlarından sizin seçtiklerimize göz atabilirsiniz (Bağlantılar İngilizcedir):
- Sara Cannon: Designing for the Modern Web
- David Hickox: Designing for Content
- Michael Arestad: Visual Hierarchy
- Michelle Schulp: A Website Is Not A Poster: Designing Successfully For The Web
- Aaron Jorbin: Color Theory for Web Developers
- Sara Cannon: Typography and User Experience
Tema dizaynı hakkında daha fazla bilgi ve tavsiye için aşağıdaki makalelere de göz atabilirsiniz (Bağlantılar İngilizcedir):
- Ellot Jay Stocks: Responsive Web Typography
- Mel Choyce: What Developers Need to Know About Theme Design
- Design.blog
Tema Dokümantasyonu İçin Tavsiyeler
- Tema dizininde bir
readme.txt
dosyası - Temanızın güncelleme ve değişiklik geçmişi için
changelog.txt
dosyası - WordPress’in genel şablonları haricinde bir şablon oluşturduğunuzda, bu şablon için bir dokümantasyon (açıklama) hazırlayın.
- Temanızı, hedeflediğiniz bütün kullanıcı kitlesinin kullanabileceğinden emin olun.
- Temanızda, ayriyeten eklediğiniz her şey için bir dokümantasyon hazırlayın.
- Şablonlarınızda veya stillerinizde yaptığınız bütün değişiklikler için, anlaşılır bir açıklama ekleyin.
- Kullanıcılarınızın, temanız ile ilgili bir yardıma ihtiyaç duyduklarında bu yardıma nasıl ulaşabileceklerini bilmeleri iyi olacaktır.
Üçüncü Parti Stil ve Scriptler
Temanıza ait olmayan üçüncü parti stil ve scriptleri adlandırırken:
- Kelimeleri tire (-) işareti ile ayırın.
- Küçük harfler kullanın.
- Adlandırırken ön ek (
benim-temam
) kullanmayın.
Özel Şablonlar
Kendinize ait şablonlar kullanırken, bu şablonları ne için ürettiğinize dair bir açıklama yapın.
1 yorum: “8.3 Tema Değerlendirme Kuralları – Tavsiye Edilen Özellikler”