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

Jak bez znalosti CSS a HTML upravit vzhled 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.

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte email, ať o nic nepřijdete!

Nespamujeme! Další informace naleznete v našich zásadách ochrany osobních údajů.

Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními.

Více informací

12 názorů na “Jak bez znalosti CSS a HTML upravit vzhled stránky pro přihlášení”

  1. 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ě?

    1. 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.

        1. Tomáš Cirkl

          A není pomocí nějakého pluginu (například iThemes) změněna URL pro přihlášení?

  2. 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 ?

    1. 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.

  3. 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.

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

      1. 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.

        1. Tomáš Cirkl

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

Diskuze

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

Nákupní košík
Přejít nahoru