Jak ve WordPressu vložit přihlašovací formulář do stránky

Máte na svém webu puštěné registrace a chcete přidat formulář pro přihlášení do stránky? Využívání výchozího formuláře, nacházejícího se na adrese www.vase-domena.cz/wp-admin nebo www.vase-domena.cz/wp-login.php není vhodné řešení, protože se poté obvykle uživatel přesměruje do administrace WordPressu. Nevýhody tohoto žešení jsou, že to může být pro uživatele matoucí, grafika formuláře nezapadá do designu šablony a pro vás to znamená bezpečnostní riziko.

V tomto článku si ukážeme jak vložit přihlašovací formulář, registrační formulář a formulář pro obnovu hesla přímo na stránky webu.

Kdy a proč je vhodné využít přihlášení uživatele vložené do stránky?

Ve výchozím nastavení jsou uživatelé WordPressu přesměrování do administrace WordPressu na stránku úpravy svého profilu. Pokud tito uživatelé nemají žádná další práva (například psaní příspěvku) je naprosto zbytečné je do administrace posílat.

Umožněním přihlášení uživatele přímo ze stránek (anglicky frond-end) vylepšíte uživatelský zážitek na webu, protože pak bude uživatel moci pokračovat v tom, co chtěl udělat a nebude přesměrován do administrace.

Návod jak vložit přihlašovací formulář do stránky

Nejprve si nainstalujte a aktivujte plugin Theme My Login. Plugin se nachází v oficiálním repozitáři a můžete jej nainstalovat přímo z administrace WordPressu.

Jakmile plugin nainstalujete vytvoří vám pět nových stránek. Běžte tedy do sekce Stránky a nově vytvořené stránky přejmenujte do češtiny.

• Log In – Přihlášení
• Log Out – Odhlášení
• Lost Password – Ztracené heslo
• Register – Registrace
• Reset Password – Reset hesla

Doporučuji upravit u URL adresu stránek.

Stránku si můžete i zobrazit a ihned vidíte, co se na ní nachází a jak vše funguje.

TIP: pro tento plugin jsem připravil i češtinu, stáhnout si ji můžete zde nebo na stránce Čeština.

Plugin Theme My Login funguje i bez jakéhokoliv nutného nastavení, nicméně pokud budete chtít, nastavení najdete v administraci WordPressu v sekci TML.

Nastavení Theme My Login

General (Obecné)

• Stylesheet – Enable „theme-my-login.css“ – povolí načtení stylů ze souboru theme-my-login.css
• Login Type
  • Username only – přihlášení pomocí pouze uživatelského jména.
  • Email only – přihlášení pomocí pouze emailu.
  • Username or Email – přihlášení pomocí emailu i uživatelského jména.

Modules (Moduly)

Plugin My Themes Login také obsahuje několik modulů, které můžete v případě potřeby aktivovat.

Při aktivaci modulu se v nabídce TML přidá podsekce, kde můžete daný modul nastavit.

1. Enable Custom E-mail (Povolit vlastní email)

Umožní odesílání vlastních emailů při dokončení registrace. Můžete vytvořit vlastní email pro registrovaného uživatele i pro administrátora. Emaily můžete nastavit na stránce TML -> E-mail.

2. Enable Custom Passwords (Povolit vlastní hesla)

Po aktivaci se do registračního formuláře přidají políčka Heslo a Potvrďte heslo. Deaktivuje se tedy možnost, kdy WordPress po registraci pošle na email vygenerované heslo. Tento modul nemá žádné vlastní nastavení.

3. Enable Custom Redirection (Povolit vlastní přesměrování)

Ve výchozím nastavení WordPressu bude uživatel po přihlášení přesměrován do administrace na stránku svého profilu. Pomocí tohoto modulu můžete přesměrování ovlivnit.

Na stránce TML -> Redirection můžete poté nastavit URL adresy, kam bude daný uživatel přesměrován po přihlášení a odhlášení. Můžete nastavit různé nastavení pro každou uživatelskou roli.

Na výběr máte vždy ze tří možností:

• Default (Výchozí) – ponechá výchozí nastavení WordPressu
• Referer – vrátí uživatele na stránku, na které se nacházel před přihlášením / odhlášením.
• Poslední možnost je zadání vlastní URL adresy, kam bude uživatel přesměrován.

4. Enable Custom User Links (Povolit vlastní uživatelské odkazy)

Tento modul přidá možnost přiřazení vlastních odkazů pro uživatele. Tyto odkazy se poté zobrazí při použití widgetu My Theme Login. Opět si zde můžete nastavit různé odkazy pro dané uživatelské role. Nastavení najdete v TML -> User Links.

Ve výchozím nastavení jsou zde odkazy vedoucí do administrace a na úpravu profilu uživatele.

5. Enable reCAPTCHA (Povolit reCAPTCHA)

Už z názvu je jasné, že tento modul povoluje integraci reCAPTCHA v registračním formuláři. Pro konfiguraci tohoto modulu běžte do TML -> reCAPTCHA. Je třeba zde zadat Site Key (Klíč stránky) a Secret Key (Tajný klíč). Tyto klíče si můžete vygenerovat na stránce reCAPTCHA.

6. Enable Security (Povolit bezpečnostní modul)

Modul Bezpečnost umožní tři dodatečné bezpečnostní nastavení pro vaši stránku. Můžete si zde vynutit, že uživatel musí být přihlášen pro procházení stránky (možnost Private Site), deaktivovat wp-login.php (možnost Private Login) a nastavit maximální počet pokusů pro přihlášení a délku zabanovaní při překročení (možnost  Login Attempts).

Toto nastavení provedete v administraci WordPressu v sekci TML -> Security.

7. Enable Themed Profiles (Povolit úpravu profilu na stránce)

Tento modul umožní úpravu uživatelského účtu přímo na webu. Na stránce TML -> Themed Profiles pak můžete vybrat u kterých uživatelských rolí to půjde.

• Themed Profiles – zaškrtnutím dané uživatelské role umožníte úpravu uživatelského nastavení přímo na stránce.
• Restrict Admin Access (Omezit přístup do administrace) – zaškrtnutím dané uživatelské role jí zakážete přístup do WordPress administrace.

8. Enable User Moderation (Povolit moderování uživatele)

Otevření registrací na webu spustí také vlnu spam registrací. Aktivováním tohoto modulu můžete vynutit další možnosti pro dokončení registrace.

Můžete zde vybrat z následujících možností dokončení registrace:

• None – výchozí nastavení, nic se nezmění.
• E-mail Conformation (Potvrzení emailem) – zaškrtnutím této možnosti bude po registraci zaslán email, který bude obsahovat odkaz a skrze něj se registrace dokončí.
• Admin Approval (Schválení administrátorem) – registraci bude muset dokončit admin a to tak, že uživatele schválí.

Tento blok můžete nastavit v administraci TML -> Moderation.

Přidání přihlašovacího formuláře do sidebaru

Kromě všeho výše popsaného obsahuje plugin také speciální widget, pomocí kterého můžete přidat přihlašovací formulář do sidebaru. Po aktivaci pluginu najdete widget mezi ostatními v administraci Vzhled -> Widgety.

Widget stačí pouze přetáhnout na místo, kde se má zobrazovat a nastavit jeho funkcionalitu.

Widget obsahuje následující nastavení:

• Default Action (Výchozí akce) – přihlášení, registrace, reset hesla.
• Show When Logged In (Zobrazit přihlášenému uživateli)
• Show When Logged Out (Zobrazit odhlášenému uživateli)
• Show Title (Zobrazit titulek widgetu)
• Show Login Link (Zobrazit odkaz pro přihlášení)
• Show Register Link (Zobrazit odkaz pro registraci)
• Show Lost Password Link (Zobrazit odkaz pro stránku ztracené heslo)
• Show Gravatar (Zobrazit Gravatar) – zobrazí avatar uživatele
• Gravatar Size (Velikost Gravataru) – v pixelech můžete nastavit velikost avataru

To je asi vše co potřebujete pro použíti pluginu Theme My Login vědět.