Kullanım tekniği Xenforo Child Style Kullanımı: Ana Temayı Bozmadan Profesyonel Özelleştirme Rehberi

XenForo Child Style Kullanımı
Ana temayı bozmadan güvenli ve sürdürülebilir özelleştirme rehberi

Bu rehber XenForo 2.3.10 sürümüne göre hazırlanmıştır. XenForo’da tema düzenlerken en sağlıklı yöntemlerden biri, ana stil üzerinde doğrudan çalışmak yerine child style oluşturmaktır.

Child style, ana stilin üzerine kurulan alt stildir. Ana stildeki tasarım, şablon ve stil özelliklerini miras alır; siz yalnızca değiştirmek istediğiniz alanları düzenlersiniz.

• Güncelleme dostudur: Ana tema güncellendiğinde değişikliklerinizi ayrı katmanda tuttuğunuz için takip daha kolay olur.
• Daha kontrollüdür: Hangi düzenlemeyi sizin yaptığınız daha net görünür.
• Geri dönüşü kolaydır: Sorun yaşarsanız child style üzerindeki değişikliği kapatabilir veya geri alabilirsiniz.
• Deneme için idealdir: Canlı temaya dokunmadan yeni tasarım kararlarını test edebilirsiniz.

Not: Child style, özellikle görsel düzenlemeler için uygundur. Eklenti gibi dağıtılacak davranış değişikliklerinde ise Template Modification veya add-on yapısı daha doğru olabilir.

Admin panelinde şu yolu izleyebilirsiniz:

Admin Paneli > Görünüm ve Diller > Stiller

Buradan mevcut ana stilin altında yeni bir alt stil oluşturabilirsiniz. Oluştururken ana stil olarak düzenlemek istediğiniz temayı seçmeniz gerekir.

• Renk, boşluk, yazı tipi ve buton görünümü gibi stil değişiklikleri.
• extra.less üzerinden yazılacak küçük CSS/LESS düzenlemeleri.
• Sadece bu stile özel şablon düzenlemeleri.
• Logo, header, footer veya blok görünümü gibi tema odaklı düzenlemeler.

Child style: Bir temanın alt katmanı olarak çalışır. Görsel özelleştirmeler için uygundur.

extra.less: Child style içinde küçük CSS/LESS dokunuşları yapmak için idealdir.

Template Modification: Bir şablonun belirli bölümüne otomatik müdahale etmek için kullanılır. Daha çok eklenti geliştirme tarafında tercih edilir.

Doğrudan ana şablon düzenleme: Mecbur kalmadıkça tercih edilmemelidir. Güncellemelerde bakım yükü çıkarabilir.

1. Ana temayı olduğu gibi bırakın.
2. Yeni bir child style oluşturun.
3. Küçük CSS değişikliklerini child style içindeki extra.less dosyasına yazın.
4. Şablon değişikliği gerekiyorsa önce child style’da test edin.
5. Değişiklikleri mobil ve masaüstü görünümde kontrol edin.
6. Tema güncellemesinden sonra outdated template ekranını mutlaka inceleyin.

Aşağıdaki örnek, child style içinde forum liste başlıklarını biraz daha belirgin hale getirir:


Daha hedefli bir kullanım için kendi tema sınıflarınızı ve XenForo’nun mevcut sınıflarını inceleyerek ilerleyin.

• Ana stili düzenlemek: Güncelleme ve bakım sürecini zorlaştırır.
• Her şeye !important yazmak: Kısa vadede çözer gibi görünür ama uzun vadede CSS yönetimini bozar.
• Çok geniş selector kullanmak: Bir alanı düzeltirken başka alanları istemeden etkileyebilir.
• Mobil görünümü test etmemek: Masaüstünde düzgün görünen düzen mobilde taşabilir.

• Değişiklik child style üzerinde mi yapıldı?
• Ana tema dokunulmadan kaldı mı?
• extra.less gereksiz karmaşaya dönüşmedi mi?
• Mobil görünüm kontrol edildi mi?
• Tema güncellemesi sonrası outdated template kontrolü yapıldı mı?

---

Özet: Child style kullanmak, XenForo’da tema düzenlemenin en güvenli yollarından biridir. Ana temayı temiz tutar, güncelleme sonrası kontrolü kolaylaştırır ve tasarım çalışmalarınızı daha profesyonel hale getirir.