Chcete pridať tmavý režim do svojho webové stránky WordPress?
Mnoho zariadení teraz prichádza s podporou natívneho tmavého režimu. Pridanie tohto režimu do vášho webové stránky Automaticky prispôsobí váš dizajn preferenciám prehliadača vašich používateľov. Môžete dokonca pridať prepínač webové stránky prepnúť naň.
V tomto článku vám ukážeme, ako ľahko pridať tmavý režim na webovú stránku WordPress na klientskom rozhraní aj v oblasti správy.
Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu
Potom späť k tomu, prečo sme tu.
Čo je tmavý režim a prečo ho pridať na svoj web?
Tmavý režim sa používa v mobilných zariadeniach a počítačoch na zníženie množstva bieleho svetla na obrazovke.
Niektoré zariadenia prichádzajú s nočným režimom, ktorý namiesto toho skutočne používa teplejšie farebné tóny. Tmavý režim má odlišný prístup pridaním tmavých farieb k pozadiu.
Ak máte zariadenie iPhone alebo Android, tmavý režim bude možné prepnúť iba pomocou prepínača.
Prípadne môžete v počítači prehliadať webové stránky v tmavom režime pomocou rozšírenia pre Chrome, ako je napríklad Night Eye. Takto vyzerá blogová časť BlogPasCher pomocou tohto rozšírenia:
Pridanie tmavého režimu na vaše webové stránky dáva používateľom možnosť zapnúť a vypnúť tmavý režim pri prezeraní vášho webu. Poskytuje tiež lepšiu kontrolu nad tým, ako sa váš web zobrazuje v tmavom režime.
Populárne webové stránky ako YouTube tiež ponúkajú tmavú farebnú schému. To umožňuje používateľom sledovať videá neskoro večer s pohodlnejším zážitkom.
Okrem pridania tmavého režimu do rozhrania vášho webu môžete dokonca pridať tmavý režim do oblasti správy WordPress. To môže byť užitočné, ak na svojich webových stránkach pracujete večer alebo v noci.
Najprv sa pozrime na pridanie tmavého režimu na váš web WordPress. Ďalej sa budeme zaoberať pridaním tmavého režimu na váš hlavný panel WordPress.
Rada: Prajete si webovú stránku s tmavou farebnou schémou, aj keď je zariadenie používateľa v normálnom alebo dennom režime? Prezrite si teda náš zoznam najlepšie temné témy pre WordPress.
Pridanie tmavého režimu na váš web WordPress
Najprv musíte nainštalovať a aktivovať doplnok Tmavý režim WP. Viac podrobností nájdete v našom podrobnom sprievodcovi ako nainštalovať doplnok WordPress.
Po aktivácii prejdite na stránku Nastavenia »WP Tmavý režim na hlavnom paneli WordPress a kliknite na kartu všeobecné nastavenia. Mali by ste tam byť presmerovaní automaticky.
Tu je parameter „Povoliť tmavý režim s vedomím OS' bol pre vás aktivovaný. To znamená, že Návštevníci automaticky uvidí verziu vášho webu v tmavom režime, keď je ich zariadenie nastavené na tmavý režim.
Parameter „Zobraziť plávajúci spínač'bol tiež aktivovaný. To znamená, že používatelia môžu svoje webové stránky kedykoľvek prepnúť do tmavého režimu, a to aj vtedy, keď na svojom zariadení nepovolili možnosť tmavého režimu.
Stačí navštíviť váš web a v pravom dolnom rohu uvidíte prepínač. Kliknutím na ňu okamžite prepnete webovú stránku do tmavého režimu zariadenia:
Na stránke je k dispozícii viac možností prispôsobenia Nastavenia »WP Tmavý režim. Tie sú však pri bezplatnej verzii dosť obmedzené.
Napríklad stačí kliknúť na kartu Nastavenie displeja zmeniť štýl plávajúceho spínača:
Farby tmavého režimu môžete tiež prispôsobiť pomocou karty Nastavenie štýlov :
Určite kliknite na tlačidlo Uložiť nastavenia po vykonaní zmien nastavenie uložíte.
Poznámka: S bezplatnou verziou tohto doplnku získate iba prvé 2 štýly plávajúceho prepínača a prvé 2 farebné predvoľby.
Pro verzia ponúka oveľa viac možností návrhu, okrem možnosti povoliť tmavý režim v konkrétnych časoch a možnosti pridať vlastný kód CSS.
Pridanie tmavého režimu na informačný panel WordPress
WordPress sa dodáva s farebnými schémami pre oblasť správy, ale žiadna z predvolených farebných schém neznižuje biele svetlo prichádzajúce z vašej obrazovky. Tento modul našťastie tento problém rieši.
Poďme sa pozrieť na to, ako ľahko pridať tmavý režim do vašej administrátorskej oblasti WordPress pre užívateľskú skúsenosť krajšie počas neskorých hodín.
Musíte len prejsť na stránku Nastavenia »WP Tmavý režim a kliknite na kartu všeobecné nastavenia. Potom prepnite prepínač “Povoliť backendový tmavý režim". Nezabudnite kliknúť na tlačidlo Uložiť nastavenia na konci stránky:
Teraz uvidíte nový prepínač na hornom paneli vašej oblasti správy:
Jednoduchým kliknutím na tento prepínač okamžite prepnete oblasť správy do tmavého režimu.
Rada: Ak ich má váš web niekoľko Používatelia WordPress, každý môže prepnúť do tmavého režimu podľa svojich preferencií.
Od 'Temný režim„nie je administrátorská farebná schéma, môžete ju ľahko použiť s existujúcou administračnou farebnou schémou WordPress. Ak to chcete definovať, choďte na Používatelia »Profil a kliknite na niektorú z možností pod správou Farebná schéma.
Upozorňujeme, že ak chcete vidieť možnosti farebnej schémy správcu, budete musieť vypnúť tmavý režim:
Pri písaní príspevku v Editor blokov WordPress, môžete tiež prepnúť do tmavého režimu. Kliknite na malú farebnú ikonu vľavo hore a potom vyberte režim, ktorý chcete použiť:
Teraz môžete pohodlne v noci písať a pracovať na svojom webe bez toho, aby ste namáhali oči.
Ďalšie odporúčané zdroje
Pozývame vás tiež na konzultáciu zdroje nižšie, aby ste sa dostali hlbšie do začiatkov a ovládania vašich webových stránok a blogu.
- Ako vkladať videá do svojich blogových príspevkov na WordPress
- Ako pridať posuvník na pláž do formulára WordPress?
- 7 WordPress pluginy vytvoriť oznámeniami bar
- 8 WordPress pluginy pre pridanie cenových grafov do vášho blogu
záver
Tu je! To je pre túto príručku všetko. Dúfame, že vám tento článok pomohol naučiť sa, ako pridať tmavý režim na váš web WordPress. Môžete si tiež prečítať náš článok o 9 WordPress pluginy prispôsobiť svoje palubnej doske.
Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Ak máte priateľa alebo komentár, nechajte ich prosím v tejto časti komentár. Väčšinou zdieľajte tento článok na rôznych sociálnych sieťach.
...
