Jak bez znalosti CSS a HTML upravit vzhled stránky pro přihlášení

Úprava stránky pro přihlášení

Chcete si přizpůsobit vzhled stránky pro přihlášení? V tomto článku si ukážeme postup, jak u WordPressu přizpůsobit přihlašovací stránku a to bez nutnosti znát cokoliv z HTML nebo CSS.

K úpravě stránky použijeme plugin Custom Login Page Customizer. Plugin nainstalujte a aktivujte. Poté stačí jít do Vzhled -> Login Customizer a kliknout na tlačítko Start Customizing. Případně můžete jít do Vzhled -> Přizpůsobit a z nabídky vybrat Login Customizer.

Dostanete se do rozhraní pro editaci stránky pro přihlášení. Můžete zde upravovat:

  • logo
  • background (pozadí)
  • form background (pozadí formuláře)
  • form styling (styly formuláře)
  • fields styling (styly polí formuláře)
  • button styling (styly tlačítka)
  • other (další) – obsahuje barvu odkazů pod formulářem
Úprava stránky pro přihlášení

Úprava stránky pro přihlášení

Jakmile začnete s přizpůsobováním, bude se ihned generovat náhled. Stejně jak je tomu při přizpůsobení šablony.

S pluginem se pracuje opravdu snadno a rychle. Během chvilky jsem vytvořil dva vzorové způsoby, jak by mohla přihlašovací stránka vypadat.

1. Změnil jsem logo a upravil barvy pozadí a formuláře.

Upravená stránka pro přihlášení

Upravená stránka pro přihlášení

2. Použil jsem obrázek na pozadí.

Obrázek na pozadí

Obrázek na pozadí

Jakmile úpravy dokončíte klikněte v levém horním rohu na tlačítko Uložit a Publikovat úpravy.

Zkusili jste plugin? Pochlubte se v komentářích.

O autorovi

Tomáš Cirkl

WordPress specialista · 12 let praxe · 300+ webů ve správě

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

12 Komentáře

  1. Tonda

    Zdravim. To je bezva návod. Můžu se zeptat? Když dám Start Cust… tak se mi zobrazuje pouze bílá stránka. Co dělám blbě?

    Odpovědět
    • Tomáš Cirkl

      Ahoj,

      patrně nedojde k přesměrování editoru na stránku s přihlášením.

      Zkus to udělat přes Vzhled – > Přizpůsobení a URL změnit na:

      http://www.tvujweb.cz/wp-admin/customize.php?url=http://www.tvujweb.cz/urlkprihlaseni

      Tvuj web a urlkprihlaseni si uprav.

      Odpovědět
  2. Janka

    Veľmi dobrý návod, avšak chcela by som sa ešte opýtať či to nejakým spôsobom môže spomaliť načítavanie môjho webu ?

    Odpovědět
    • Tomáš Cirkl

      Tak samozřejmě, že načítání dané stránky pro přihlášení je pomalejší, protože jsou tam extra styly a případně obrázky. Můžete použít nějaký nástroj na testování rychlosti stránek a podle toho se rozhodnou, ale řekl bych, že když bude rychlost načítání <2s tak je to OK.

      Odpovědět
  3. Standa

    Použil jsem plugin a nyní místo přihlašovací obrazovky dostávám jen hlášku, že je třeba autorizace. Chci se zeptat které soubory přihlášení mohou být poškozeny a jak je nahradit.

    Authorization Required

    This server could not verify that you are authorized to access the document requested. Either you supplied the wrong credentials (e.g., bad password), or your browser doesn’t understand how to supply the credentials required.

    Odpovědět
    • Standa

      Nahradil jsem soubor wp-login originálním a znovu funguje. Nicméně plugin mě odradil.

      Odpovědět
      • Standa

        Tak jsem dal pluginu ještě jednu šanci, uprostřed úprav se opět zasekl, vyskakuje znovu výše zmíněná hláška, tentokrát ovšem nepomáhá ani nahradit soubor wp-login původním. Momentálně řeším jak znovu zprovoznit stránku s přihlašováním.

        Odpovědět
        • Tomáš Cirkl

          Zkuste pomocí FTP přejmenovat složku pluginu v wp-content/plugins/. Takto se plugin deaktivuje.

          Odpovědět
  4. Time to Style

    Ahoj, tak jsem si zvolila opravdu nádherné pozadí!
    Se stromkem, na kterém je sníh. Je to úžasný!
    Děkuju za návod 🙂

    Odpovědět

Odeslat Komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Pojďme se seznámit

30 minut video callu, podívám se na tvůj web a řeknu, co by se dalo zlepšit. Nic neslibuju, ale obvykle odcházíš se seznamem priorit.