Bugün üst menünün sağına bir tema seçici ile özel bir karanlık mod eklediğimizi bildirmek için kısa bir not.
Otomatik uygulamanın(prefers-color-scheme) yerini [data-theme="dark"] seçicisine dayanan ve kullanıcı tarayıcısında koyu temayı seçtiğinde görüntülenmesine izin veren bir yönetim almıştır. Opera gibi bazılarında, oldukça iyi bir karanlık sürüm çizen, ancak görüntüleri ters çevirmek, negatif olarak göstermek ve hiçbir şeyi yapılandırmaya izin vermemek gibi bazı hatalar içeren bir"karanlık modu zorla" seçeneği vardır.
GeneratePress öğeleri ve CSS ile eklenen HTML ve JS'yi, bir gün geliştirmek veya değiştirmek istemem durumunda neyin ayarlandığının tam bir listesine sahip olmak için tüm ek açıklamalarla birlikte uzun bir snippet 'te kullanmayı seçtim, ayrıca stillerin yüklenmesi üzerinde tam kontrole ve web sitesi genelinde mutlak bir görsel tutarlılığa sahip oldum.
Bunlar otomatik versiyona kıyasla ana iyileştirmelerdir:
- Görüntüoluşturma optimizasyonu: Koyu temanın anında yüklenmesini sağlayan birleşik bir CSS stil hiyerarşisi sayesinde titreme ve çakışmalar ortadan kaldırılmıştır.
- Görsel tutarlılık: Okunabilirlik sorunlarını (beyaz arka plan üzerinde gri renkler) önlemek için dinamik öğelerdeki (GenerateBlocks, Query Loops, sekmeler ve akordeonlar) renklerin ve filtrelerin hassas bir şekilde ayarlanması.
- Dinamik öğelerin kontrolü: Görüntülerdeki ve menülerdeki karıştırma filtrelerinin
(mix-blend-mode) ve opaklıkların düzeltilmesi, Polylang simgesi veya belgesel sayfasındaki kartlar gibi öğelerin her koşulda doğru kontrastlarını korumasını sağlar. - Teknik temizlik: Performans ve CLS üzerinde etkisi olmadan gelecekteki bakımı kolaylaştırmak için gereksiz seçicilerin hata ayıklanması ve CSS kurallarının birleştirilmesi.
Bir eklenti ile de yapılabilen bu işlemi, mantıksal sınırlamalarla birlikte, sadece kendime bir eklenti kazandırmak için değil, aynı zamanda herhangi bir küçük ayrıntı için granüler kontrol ve ince ayar yapabilmek ve yükleme hızı üzerindeki olası etkisine göre hareket edebilmek için kodla yapmaya karar verdim.
Kodla ilgilenen varsa, ki bu da önemli bir şey değil, sadece ıslık çalın ve ben de burada yayınlayayım. Karanlık web'de gezinmekten hoşlananlardan biriyseniz ve geliştirilebilecek bir şey bulursanız, yorum bırakmaktan çekinmeyin veya herhangi bir gönderinin altındaki sarı "Hata bildir" düğmesine sertçe tıklayın.
Ayrıca WordPress optimizasyon çalışmaları ve zaman zaman GenerateBlocks blokları ile GeneratePress şablonlarına geçişler ve uyarlamalar yaptığımı da hatırlatmak isterim.
