Wechseln Sie in Wordpress zwischen einem normalen "hellen" Farbschema und einem dunklen Nachtmodus-Thema?

Question

Ich wurde gebeten, auf der von mir gepflegten Seite einen Tag/Nacht-Modus zu implementieren. Die Idee ist, dass das Standardthema ein helles Thema mit hellem Hintergrund und dunkleren Schriftarten ist und eine Taste gedrückt wird, um in den Nachtmodus und zurück zu schalten.

In einer handgemachten Website sieht dies einfacher aus, indem Sie nur zwischen 2. CSS-Dateien wechseln oder Farben bei Bedarf mit einer anderen überschreiben, zumindest denke ich, dass ich es tun würde.

Aber in Wordpress weiß ich nicht, was wäre der beste Weg, dies zu erreichen. Ich suchte nach einem Plugin, das dies tut und invertiert meine Stile Farben in irgendeiner Weise, um einen dunklen Modus zu erstellen, konnte aber nichts dergleichen finden. Wie ich sehe, muss ich es manuell machen, was wäre der bessere logische Weg, dies zu erreichen?

Frage nur nach dem Verfahren und welche Dateien soll ich ändern oder berühren. Sollte ich eine andere style.css erstellen und ändern? Würde es sich nur auf den Benutzer auswirken, der die Änderung in seinem Browser und nicht global durchführt?

Answer 1

Fügen Sie eine night-mode Klasse Ihrem Körperelement hinzu, wenn "Nachtmodus" aktiviert ist (script.js).

$('#night-toggle').click(function(e) { 
    e.preventDefault(); 
    $('body').addClass('night-mode'); 
}); 

dann einige CSS (style.css) hinzufügen:

body.night-mode #somediv { 
    //night mode styles go here 
} 

body.night-mode #someotherdiv { 
    //night mode styles go here 
} 

body.night-mode #someotherdiv a { 
    //night mode styles go here 
} 
// etc etc etc for each style you need to change 

Nun, dies ist eine sehr schlechte Umsetzung (und nicht sehr aussagekräftig), weil man nicht wirklich keine Beispiele für den Code zur Verfügung gestellt hat Sie arbeiten mit, also muss ich davon ausgehen, dass Sie nur sehr eingeschränkten Zugriff auf Code für Ihre Website/Thema haben.