O scurtă notă, doar pentru a menționa aici că astăzi a fost adăugat modul întunecat personalizat, cu un selector de temă în partea dreaptă a meniului superior.
Implementarea automată (prefers-color-scheme) a fost înlocuită cu o gestionare bazată pe selectorul [data-theme="dark"], care permitea afișarea temei întunecate atunci când utilizatorul o selecta în browserul său. Unele browsere, precum Opera, dispun de o opțiune de„forțare a modului întunecat” care afișează o versiune întunecată destul de decentă, dar cu câteva erori, cum ar fi inversarea imaginilor, afișându-le în negativ, și faptul că nu permite configurarea niciunui parametru.
Am ales să folosesc HTML și JS încorporat cu elemente din GeneratePress și CSS într-un fragment de cod lung, care conține toate adnotările, pentru a avea o listă completă a modificărilor efectuate, în cazul în care voi dori să îmbunătățesc sau să modific site-ul într-o zi, pe lângă faptul că am un control total asupra încărcării stilurilor și o coerență vizuală absolută pe întregul site.
Iată principalele îmbunătățiri față de versiunea automată:
- Optimizarea redării: Eliminarea efectelor de pâlpâire și a conflictelor prin intermediul unei ierarhii unificate de stiluri CSS, care asigură încărcarea imediată a temei întunecate.
- Coerență vizuală: Reglarea precisă a culorilor și a filtrelor în elementele dinamice (GenerateBlocks, Query Loops, file și acordeoane) pentru a evita problemele de lizibilitate (culori gri pe fundal alb).
- Controlul elementelor dinamice: Corectarea filtrelor de amestecare (
mix-blend-mode) șia opacităților din imagini și meniuri, asigurându-se că elemente precum pictograma Polylang sau fișele de pe pagina de documentare își păstrează contrastul corect în orice condiții. - Optimizare tehnică: Eliminarea selectorilor redundanți și unificarea regulilor CSS pentru a facilita operațiunile viitoare de întreținere, fără a afecta performanța sau CLS.
Deși acest lucru se poate realiza și cu ajutorul unui plugin, cu limitările logice pe care le implică, am decis să îl implementez prin cod, nu doar pentru a evita utilizarea unui plugin, ci și pentru a avea un control detaliat și ajustări precise pentru orice mic detaliu și pentru a putea interveni asupra impactului pe care l-ar putea avea asupra vitezei de încărcare.
Dacă cineva este interesat de cod – care, oricum, nu e nimic extraordinar –, să-mi dea de știre și îl voi publica aici. Dacă ești genul de persoană căreia îi place să exploreze în întuneric și găsești ceva ce ar putea fi îmbunătățit, nu ezita să lași un comentariu sau să apeși cu putere pe butonul galben „Raportează eroare” pe care îl vei găsi la sfârșitul oricărei postări.
Profit de ocazie să-ți reamintesc că mă ocup de optimizarea site-urilor WordPress și, ocazional, de migrări și adaptări la șabloanele GeneratePress cu blocuri GenerateBlocks.
