Chcete do svého nastavení přidat tmavý režim webové stránky WordPress?

Mnoho zařízení nyní přichází s nativní podporou tmavého režimu. Přidání tohoto režimu do vašeho Webové stránky Automaticky přizpůsobí váš design preferencím prohlížeče vašich uživatelů. Můžete dokonce přidat přepínač do svého webové stránky přepnout na něj.

V tomto článku vám ukážeme, jak snadno přidat tmavý režim na váš web WordPress na frontendu i v administrátorské oblasti.

Ale dříve, pokud jste nikdy nenainstalovali WordPress objevit Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Co je temný režim a proč jej přidat na svůj web?

Tmavý režim se používá na mobilních zařízeních a počítačích ke snížení množství bílého světla na obrazovce.

Některá zařízení přicházejí s nočním režimem, který místo toho ve skutečnosti používá teplejší barevné tóny. Tmavý režim má odlišný přístup přidáním tmavých barev do pozadí.

Pokud máte zařízení iPhone nebo Android, můžete přepnout do tmavého režimu pouze pomocí přepínače.

Alternativně můžete v počítači prohlížet weby v tmavém režimu pomocí rozšíření pro Chrome, jako je Night Eye. Takto vypadá část blogu BlogPasCher pomocí tohoto rozšíření:

Tmavý režim Blogpascher

Přidání tmavého režimu na váš web dává uživatelům možnost zapnout a vypnout tmavý režim při prohlížení vašeho webu. Také vám dává větší kontrolu nad tím, jak se váš web zobrazuje v tmavém režimu.

Populární webové stránky jako Youtube také nabízejí tmavé barevné schéma. To umožňuje uživatelům sledovat videa pozdě v noci s pohodlnějším zážitkem.

Tmavý režim YouTube

Kromě přidání tmavého režimu do rozhraní webových stránek můžete dokonce přidat tmavý režim do oblasti správy WordPress. To může být užitečné, pokud na svých webových stránkách pracujete večer nebo v noci.

Nejprve se podívejme na přidání tmavého režimu na váš web WordPress. Dále se budeme zabývat přidáním tmavého režimu na váš řídicí panel WordPress.

Rada: Chcete web s tmavým barevným schématem, i když je zařízení uživatele v normálním nebo denním režimu? Podívejte se tedy na náš seznam nejlepší temná témata pro WordPress.

Přidání temného režimu na váš web WordPress

Nejprve musíte nainstalovat a aktivovat plugin Tmavý režim WP. Další podrobnosti naleznete v našem podrobném průvodci jak nainstalovat plugin WordPress.

Po aktivaci přejděte na stránku Nastavení »WP Dark Mode z panelu WordPress a klikněte na kartu Obecná nastavení. Měli byste tam být přesměrováni automaticky.

Zde je parametr 'Povolte temný režim s vědomím OS' byl pro vás aktivován. To znamená, že Návštěvníci automaticky uvidí verzi vašeho webu v tmavém režimu, když je jejich zařízení nastaveno na tmavý režim.

Parametr 'Zobrazit plovoucí přepínač'byl také aktivován. To znamená, že uživatelé mohou své webové stránky kdykoli přepnout do tmavého režimu, i když na svém zařízení neaktivovali možnost tmavého režimu.

Plugin Wordpress wp dark mode

Stačí navštívit váš web a v pravém dolním rohu uvidíte přepínač. Kliknutím na něj okamžitě přepnete web do tmavého režimu v zařízení:

Náhled webu v tmavém režimu

Na stránce je k dispozici více možností přizpůsobení Nastavení »WP Dark Mode. U bezplatné verze jsou však poměrně omezené.

Stačí například kliknout na kartu Nastavení displeje změnit styl plovoucího přepínače:

Přizpůsobení vzhledu přepíná tmavý režim

Barvy tmavého režimu můžete také upravit pomocí záložky Nastavení stylu :

Přizpůsobení vzhledu přepínání tmavého režimu 1

Nezapomeňte kliknout na tlačítko Uložit nastavení uložit nastavení po provedení změn.

Poznámka: S bezplatnou verzí tohoto pluginu získáte pouze první 2 styly plovoucího přepínače a první 2 předvolby barev.

Verze pro nabízí mnohem více možností designu, kromě možnosti povolit temný režim v určitých časech a možnosti přidat vlastní kód CSS.

Přidání tmavého režimu na řídicí panel WordPress

WordPress je dodáván s barevnými schématy pro oblast správce, ale žádné z výchozích barevných schémat nesnižuje bílé světlo přicházející z obrazovky. Naštěstí tento plugin tento problém řeší.

Pojďme se podívat na to, jak snadno přidat temný režim do vaší administrátorské oblasti WordPress pro uživatelské prostředí hezčí během pozdních hodin.

Stačí jít na stránku Nastavení »WP Dark Mode a klikněte na kartu Obecná nastavení. Pak přepněte spínač 'Povolit Backend Darkmode'. Nezapomeňte kliknout na tlačítko Uložit nastavení na konci stránky:

Přizpůsobte vzhled řídicího panelu v tmavém režimu

Nyní uvidíte nový přepínač v horní liště vaší administrátorské oblasti:

Jednoduše klikněte na tento přepínač a okamžitě přepněte oblast administrátora do tmavého režimu.

Přizpůsobení vzhledu řídicího panelu v tmavém režimu 1

Rada: Pokud má váš web několik Uživatelé WordPress, každý může přepnout do tmavého režimu podle svých preferencí.

Od té doby 'Tmavý režim„není administrátorské barevné schéma, můžete jej snadno použít s existujícím administrátorským barevným schématem WordPress. Chcete-li to definovat, přejděte na  Uživatelé »Profil a klikněte na možnost v nabídce Admin Color Scheme.

Chcete-li zobrazit možnosti barevného schématu správce, budete muset vypnout tmavý režim:

Přizpůsobení vzhledu řídicího panelu v tmavém režimu 2

Při psaní příspěvku Editor bloků WordPress, můžete také přepnout do tmavého režimu. Klikněte na malou barevnou ikonu vlevo nahoře a poté vyberte režim, který chcete použít:

Editor bloků tmavého režimu

Nyní můžete pohodlně psát a pracovat na svém webu v noci, aniž byste namáhali oči.

Další doporučené zdroje

Zveme vás také ke konzultaci ressources níže, abyste získali větší vlastnictví a kontrolu nad svými webovými stránkami a blogem.

Proč investovat do čističky vzduchu?

Tady je ! To je pro tuto příručku vše. Doufáme, že vám tento článek pomohl naučit se, jak přidat tmavý režim na váš web WordPress. Můžete si také přečíst náš článek na 9 WordPress pluginy přizpůsobit své palubní desce.

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Pokud máte přítele nebo komentář, nechte to prosím v sekci komentář. Většinou sdílejte tento článek na různých sociálních sítích.

...