Bir forumun görünümünü kişiselleştirmek birkaç rengi değiştirmekle başlayabilir. Bir süre sonra başlık, menü, konu kartı ve mobil düzen de değişir. Bu noktada asıl ihtiyaç, hangi kararın nerede tutulduğunu kolayca anlayabileceğiniz bir çalışma düzenidir.

Önce stil ağacını sadeleştirin

Kullandığınız hazır temayı temel kabul edip siteye özel düzenlemeler için onun altında bir alt stil oluşturmayı değerlendirin. XenForo'da alt stil, kendisinde değiştirilmemiş değerleri üstünden devralır. Böylece aynı başlık görünümünü farklı renk seçeneklerinde yeniden kurmanız gerekmez.

Ağacı gereksiz yere derinleştirmeyin. Her katmanın tek cümleyle açıklanabilen bir amacı olsun: temel tema, ortak site düzeni ve gerekiyorsa görsel varyasyon. Bir değeri neden değiştirdiğinizi kısa bir notla kaydedin. Bu not, birkaç ay sonra tekrar açtığınız ayarın karşısında zaman kazandırır.

Görsel kararı doğru yere koyun

Bir boşluk, yazı boyutu veya renk için önce ilgili stil özelliğini inceleyin. Özellik mevcutsa aynı sonucu farklı seçicilerle tekrar tanımlamak yerine onu kullanmak yönetimi kolaylaştırır. Paletten beslenen renkler, açık ve koyu görünüm arasındaki tutarlılığa da yardımcı olur.

Özel bir bileşenin davranışını değiştiriyorsanız ilgili HTML veya LESS şablonunu bulun. Bu yazıdaki çalışma önerisi, düzenlemeyi önce ait olduğu bileşende çözmek; uygun yer bulunamadığında extra.less kullanmaktır. Bu bir XenForo zorunluluğu değildir. Amaç, bütün tasarımın tek dosyada birbirini ezen kurallara dönüşmesini önlemektir.

Şablon değişikliğini dar tutun

Bir düğmenin yanına küçük bir açıklama eklemek için bütün sayfa şablonunu yeniden yazmanız gerekmez. Değişmesi gereken parçayı belirleyin ve çevresindeki davranışı koruyun. Tekrarlanan bir bilgi için farklı sayfalara ayrı ayrı kopyalar eklemek yerine ortak kullanım olanağını araştırın.

Örneğin konu listesindeki rozet üzerinde çalışırken yalnızca ilk sıradaki uzun başlığa bakmayın. Kısa başlık, cevapsız konu, farklı üye grubu ve dar ekran da aynı parçayı kullanabilir. Metin taşması veya görünmez bağlantı gibi sorunlar çoğu zaman bu çeşitlilikte ortaya çıkar.

Güncellemeyi karşılaştırarak tamamlayın

Tema veya forum güncellemesinden önce stilinizi dışa aktarın ve değiştirdiğiniz alanların listesini saklayın. Güncellemeden sonra eski şablonu olduğu gibi geri koymak yerine değişen bölümleri karşılaştırın. Üst şablona gelen yeni davranışın, alt stildeki eski bir özelleştirme tarafından örtülüp örtülmediğine bakın.

Kontrolü yaptığınız işle sınırlı tutun: menüyü değiştirdiyseniz masaüstü ve mobil menüyü, konu görünümünü değiştirdiyseniz örnek bir konuyu açın. Böyle bir düzen hem gereksiz tekrarı azaltır hem de hatanın hangi değişiklikten geldiğini bulmayı kolaylaştırır.

Kısa kontrol listesi

  • Alt stilin amacı ve üst stili belli mi?
  • Aynı değer birden fazla yerde değiştiriliyor mu?
  • Açık ve koyu görünüm okunaklı mı?
  • Güncellenen şablonla farklar karşılaştırıldı mı?

Resmî başvuru kaynakları

Stiller ve kalıtım, stil özellikleri ve şablonlar bölümleri bu çalışma düzeninin teknik dayanaklarını açıklar.