WordPress sitesine gece modu (karanlık mod) nasıl eklenir?
Kısaca: WordPress'e gece modunu iki yoldan eklersin: sayfanın renklerini sonradan tersine çeviren bir eklentiyle ya da koyu renk paleti olan bir temayla. Tema yolu daha temiz sonuç verir, çünkü koyu renkleri tasarımcı seçmiştir ve logo, kategori renkleri ve reklam alanları bozulmaz. Wiozen Theme'in beş tarzının hepsinde koyu palet ve üst bilgide hazır bir gece modu düğmesi var; düğme varsayılan olarak açık gelir ve okurun seçimi kendi tarayıcısında saklanır.
Eklentiyle mi temayla mı?
Gece modu eklentilerinin çoğu sayfadaki renkleri hesaplayarak koyulaştırır. Kurulumu kolaydır, ama tasarımı bilmediği için bazı yerleri ıskalar: açık zeminli bir logo koyu sayfada kutu gibi kalır, kategori etiketleri okunmaz hâle gelir, bir bölümün arka planı beyaz kalır. Eklenti ayrıca her sayfaya kendi betiğini ve stilini ekler.
Temanın kendi gece modunda koyu renkler tasarımın parçasıdır. Tema yalnız renk değişkenlerini değiştirir; düzen, yazı tipi ve görseller aynı kalır. Temanda gece modu varsa eklentiye gerek yok, ikisini birlikte kullanmak da çakışma yaratır.
Wiozen Theme'de gece modu nasıl açılır?
Haber, Teknoloji, Finans, Yemek ve Rehber tarzlarının her birinin kendi koyu paleti var. Gece modu düğmesi ilk dördünde üç üst bilgi düzeninin (Klasik, Ortalı, Kompakt) hepsinde, Rehber'de üst bilgideki araçlar bölümünde hazır durur.
- Görünüm › Wiozen Theme › Ayarlar sekmesini aç.
- Üst bilgi kartında "Gece modu düğmesi" anahtarının açık olduğunu kontrol et. Varsayılan olarak açıktır.
- Siteyi aç ve üst bilgideki ay simgesine bas. Sayfa koyu palete geçer, simge güneşe döner.
Düğme varsayılan olarak açık geldiği için temayı hesaba bağlamadan da kullanılır; bağlanmamış sitede tema Haber tarzında çalışır ve gece modu orada da vardır. Düğmeyi kapatmak ya da tarz değiştirmek için panel gerekir; panel, toplamda en az $5 yüklenmiş bir Wiozen hesabına bağlı sitede açılır.
Okurun tercihi nerede saklanır?
Okur düğmeye bastığında seçimi tarayıcısının yerel depolamasına (localStorage) yazılır. Aynı tarayıcıyla siteye tekrar geldiğinde sayfa koyu açılır. Tercih bir hesaba ya da çereze bağlı değildir; telefonda ve bilgisayarda ayrı ayrı seçilir, tarayıcı verileri silinince açık temaya döner.
Site her ziyaretçiye önce açık renkle açılır. Tema cihazın sistem ayarındaki koyu tercihine bakıp kendiliğinden geçmez; geçişi okur yapar.
Koyu temayı seçmiş bir okur sayfa açarken beyaz bir an görmez. Tema <head> içine tek satırlık küçük bir betik koyar; bu betik sayfa çizilmeden önce kaydedilmiş seçimi okur ve koyu paleti uygular. Düğmenin kendisi aria-pressed ile açık mı kapalı mı olduğunu ekran okuyuculara da söyler.
Kategori renkleri koyu zeminde neden soluk görünmüyor?
Açık zeminde iyi duran koyu yeşil ya da lacivert bir kategori rengi, koyu zeminde neredeyse kaybolur. Wiozen Theme bunun için her kategori rengini koyu zemine karşı ölçer. Kontrast 4.5:1'in altındaysa rengi 12 adıma kadar, en çok yüzde 72 oranında beyaza doğru açar ve 4.5:1'e ulaştığı ilk tonda durur. 4.5:1, WCAG'nin normal metin için istediği en düşük orandır.
Bu yüzden kategori rengini kendin değiştirsen de gece modunda okunur bir ton çıkar. Finans tarzındaki yükseliş yeşili ve düşüş kırmızısı gibi palet renklerinin de koyu palette ayrı, daha açık karşılıkları var.
Gece modunda kendin kontrol etmen gerekenler
Tema kendi renklerini yönetir; senin yüklediklerini değiştirmez. Yayına almadan önce koyu modda şunlara bak:
- Logo. Saydam zeminli siyah bir logo koyu üst bilgide görünmez olur. Ya iki rengin de üstünde okunan bir logo kullan ya da logoya ince bir açık zemin ver.
- Yazı içinde elle renk verdiğin metinler ve arka planlar. Düzenleyicide özel bir renk kodu seçtiysen o renk gece modunda değişmez; paletteki renkleri seçersen koyu karşılıkları kullanılır.
- Ekran görüntüleri ve beyaz zeminli grafikler. Bunlar koyu sayfada parlak kutular olarak görünür; çok sık kullanıyorsan çevresine çerçeve koymak gözü yormaz.
- Eklenti blokları. Form, tablo ya da yorum eklentileri kendi sabit renklerini getirebilir.
Gece modu düğmesini başka bir yere koymak ya da kapatmak
Site Düzenleyicisi'nde blok ekleyicide "Gece modu düğmesi" adlı bir blok var. Onu alt bilgiye, yan sütuna ya da menünün yanına ekleyebilirsin; sayfadaki bütün düğmeler birlikte çalışır. Etkin tarzın koyu paleti yoksa blok, düzenleyicide bunu söyleyen bir not gösterir.
Ayarlar'da düğmeyi kapattığında gece modu tamamen kalkar: düğme gizlenir, daha önce koyu modu seçmiş okurlar da site açık renkle görür. Koyu renkleri değiştirmek isteyen geliştiriciler wiozen_design_dark_palette süzgecini bir alt temadan kullanabilir. Süzgeç dizisinde base, contrast, muted, line, tint ve accent renklerinin hepsi olmalı; biri eksikse tema gece modunu kapatır.
Sık sorulanlar
Gece modu SEO'yu ya da sayfa hızını etkiler mi?
Arama motorları sayfayı açık hâliyle okur, gece modu içeriği değiştirmez. Hız etkisi de küçük: <head> içinde tek satırlık bir betik ve koyu renkleri tanımlayan kısa bir stil bloğu eklenir.
Site, ziyaretçinin telefonu karanlık moddaysa kendiliğinden koyu açılır mı?
Hayır. Site her ziyaretçiye açık renkle açılır ve okur düğmeyle koyuya geçer. Seçim o tarayıcıda hatırlanır.
Hangi Wiozen Theme tarzlarında gece modu var?
Beşinde de: Haber, Teknoloji, Finans, Yemek ve Rehber. Her birinin kendi koyu paleti var.
Bir eklentiyle Wiozen Theme'in gece modunu birlikte kullanabilir miyim?
Önermem. İki sistem aynı renkleri değiştirmeye çalışır ve sayfada iki ayrı düğme olur. Temanın düğmesini kullan, eklentiyi kaldır.
Gece modunu kendi sitende görmek için Wiozen Theme'i ücretsiz indir; ekonomi sitesi kuruyorsan Finans tarzı rehberine de bak.