Yeni WordPress Temam Honeywind: Tailwind CSS ve Minimalizm
Yazan Evren BalYayın tarihi Güncellendi · 2 dk okuma
Sayfayı kopyala
!NOTETarihsel not (2026): Honeywind artık aktif değil. Blogun ön yüzü daha sonra Next.js tabanlı headless yapıya taşındı. Bu yazı, kişisel ihtiyaçlarıma göre geliştirdiğim tema denemesinin kaydı olarak duruyor.
Honeywind Tema Özellikleri ve Teknolojileri
| Özellik | Kullanılan Teknoloji / Kütüphane | Avantajı |
|---|---|---|
| CSS Altyapısı | Tailwind CSS | Hızlı geliştirme, küçük CSS dosya boyutu |
| Izgara Düzeni (Masonry) | Bricks.js | Harici ağır kütüphanelere kıyasla hafiflik ve yüksek performans |
| Karanlık Mod (Dark Mode) | CSS Variables + JavaScript | Eklenti yükü olmadan native gece modu seçeneği |
| Sonsuz Kaydırma | Jetpack Infinite Scroll desteği | Kullanıcı deneyimini artıran dinamik içerik yükleme |
| Geliştirici | Evren Bal | %100 özelleştirilebilir, temiz kaynak kod |
Honeywind'i neden geliştirdim?
Blogum 21.07.2021 itibarıyla Honeywind adlı yeni bir WordPress temasına geçti. Temayı, WordPress üzerinde Tailwind CSS kullanarak kendi ihtiyaçlarıma göre geliştirdim. Uzun bir aradan sonra sıfırdan tema kurmak, WordPress tema geliştirme pratiğimi de tazelememi sağladı.
Honeywind'de neler vardı?
- Masonry düzeni: Yazılar ana sayfa, kategori ve arşiv sayfalarında masonry ızgara düzeninde gösteriliyordu. Bunun için daha hafif bulduğum
bricks.jskütüphanesini kullandım. - Karanlık Mod (Dark Mode): Temayı hem açık hem de koyu renk olarak tasarladım. Sayfanın sağ üst köşesine eklediğim tema değiştirme düğmesi, klasik bir
checkboxelemanına biraz CSS ve JavaScript eklenerek bu işlevi kazandı. - Yerleşik Beğeni (Like) Özelliği: Yazıların altında ve kart görünümlerinde yer alan beğeni özelliği tamamen temayla bütünleşik çalışıyor; harici bir eklenti yüküne ihtiyaç duymuyor.
- Sonsuz Kaydırma (Infinite Scroll): Sayfalar Jetpack'in sonsuz kaydırma özelliğine uyumlu şekilde tasarlandı. Jetpack etkin olmadığında ise sistem otomatik olarak klasik önceki-sonraki sayfa bağlantılarını gösteriyor.
- Yapışkan Başlık (Sticky Header): Yapışkan başlık bölümü temanın içine gömülü, ayrıca ek bir eklenti gerektirmiyor.
Açık kaynak durumu ve emeklilik
Temanın kaynak kodlarını açık kaynak olarak yayınlamayı planlamıştım. Ancak yapı bu blogun ihtiyaçlarına ve kişisel içerik düzenime o kadar bağlıydı ki başka projelerde doğrudan kullanılabilir değildi. Bu nedenle yayınlamadım.
Sitenin Next.js tabanlı headless mimarisine taşınmasıyla Honeywind'i emekliye ayırdım.
Hazır tema kullanmak yerine tüm ayrıntılarını bildiğim bir temayla çalışmak benim için iyi bir denemeydi. Bu yazı da o dönemin kısa kaydı.
Bu yazıyı faydalı bulduysanız
Web sitenizde ilgili bir içerikten bu yazıya bağlantı vermeniz ya da sosyal medyada paylaşmanız, daha fazla kişiye ulaşmasına gerçekten yardımcı olur. Desteğiniz için teşekkür ederim.
Bağlantı ve marka kullanım rehberi →