Přihlašovací modul (přihlášení) zobrazí a formulář Přihlášení do WordPressu, ve stylu Divi, kdekoli na vaší stránce. Pokud používáte WordPress s členskou oblastí, přidejte a formulář připojení přímo ke stránce může být velmi užitečné (místo přesměrování lidí na formulář Přihlášení WordPress, které používá jiný styl než vaše téma).
Jak přidat přihlašovací modul na vaši stránku
Než budete moci na svou stránku přidat přihlašovací modul, musíte nejprve přejít do Divi Builderu. Jednou Divi téma nainstalované na vašem webu, všimnete si tlačítka Použijte nástroj Divi Builder nad editorem příspěvků, kdykoli vytvoříte novou stránku. Kliknutím na toto tlačítko aktivujete Divi Builder a získáte přístup ke všem modulům Divi Builder. Poté klikněte na tlačítko Použijte Visual Builder pro spuštění generátoru ve vizuálním režimu. Můžete také kliknout na tlačítko Použijte Visual Builder při procházení webu v popředí, pokud jste připojeni k hlavnímu panelu WordPress.
Jakmile zadáte Visual Builder, můžete kliknutím na šedé tlačítko plus přidat nový modul na svou stránku. Nové moduly lze přidávat pouze do řádků. Pokud začínáte novou stránku, nezapomeňte nejprve přidat na stránku řádek.
Vyhledejte přihlašovací modul v seznamu modulů a kliknutím na něj jej přidejte na svou stránku. Seznam modulů lze prohledávat, což znamená, že můžete také napsat slovo „Připojit“ a poté kliknout na „Enter“, abyste automaticky našli a přidali modul připojení! Po přidání modulu vás uvítá seznam možností modulu. Tyto možnosti jsou rozděleny do tří hlavních skupin: Obsah , Design et pokročilý .
Příklad použití: Přidejte vlastní přihlašovací formulář na přihlašovací stránku členské oblasti
Jelikož členské weby vyžadují, aby se uživatel přihlásil k části nebo k celému obsahu, usnadňuje přihlašovací modul přidání přihlašovacího formuláře na vaši vlastní přihlašovací stránku. Můžete také zvolit přesměrování uživatelů do tohoto formuláře namísto výchozí přihlašovací stránky WordPress.
Zde je jednoduchá přihlašovací stránka s přihlašovacím modulem, který vám ukážu, jak vytvořit:
Pomocí Visual Builderu přidejte novou standardní sekci na přihlašovací stránku členství s řádkem s plnou šířkou (1 sloupec). Poté připojte připojovací modul na linku.
Aktualizujte nastavení připojení následujícím způsobem:
Možnosti obsahu
Název: Připojení
Obsah: [zadejte stručný popis kurzu nebo pokyny pro přihlášení]
Přesměrování na aktuální stránku: ANO
Možnosti návrhu
Barva pozadí pole: # f0f0f0 Barva textu: Tmavé písmo záhlaví: 35px Barva záhlaví: # 888888 Velikost písma těla: 16px Okraj: Ano Barva ohraničení: # 0c71c3 Šířka ohraničení: 1px Vlastní polstrování: 50px nahoře, 50px vpravo, 50px dole, 50px vlevo Použijte vlastní styly pro tlačítko: ANO Velikost textu tlačítka: 26px Barva textu tlačítka: #ffffff Barva tlačítka: # 0c71c3 tlačítko: 0px Tlačítko písma: výchozí, velká písmena Ikona tlačítka Přidat: ANO Ikona tlačítka: Zobrazit pouze ikonu při najetí myší na tlačítko: NE
To je vše. Stránka členské oblasti má nyní personalizovaný přihlašovací formulář, kde budou uživatelé přesměrováni, když se budou potřebovat přihlásit do kurzu. Není třeba se spokojit s výchozím přihlašovacím formulářem WordPress.
Možnosti obsahu modulu připojení
Na kartě obsah najdete všechny prvky obsahu modulu, například text, obrázky a ikony. Vše, co ovládá co ve vašem modulu se vždy najde na této kartě.
Titul
Název se zobrazí v přihlašovacím poli nad přihlašovacím formulářem.
Obsah
Obsah se zobrazí v přihlašovacím poli pod nadpisem. Chcete-li přidat další popis, můžete použít pole. V opačném případě ponechte toto pole prázdné.
Přesměrování na aktuální stránku
Zde můžete zvolit, zda má být uživatel přesměrován na aktuální stránku.
Použijte barvu pozadí
Pokud chcete svému přihlašovacímu formuláři dát plnou barvu pozadí, vyberte pro tuto možnost „ano“ a použije se barva pozadí, kterou vyberete v další možnosti.
Barva pozadí
Vyberte barvu pozadí, která se zobrazí jako pozadí vašeho přihlašovacího pole. Pokud jste se v předchozí možnosti rozhodli vypnout barvy pozadí, nebude mít tato barva žádný účinek.
Štítek správce
Tím se změní štítek modulu v konstruktoru pro snadnou identifikaci. Když použijete pohled WireFrame ve Visual Builderu, tyto popisky se zobrazí v bloku modulu rozhraní Divi Builder.
Možnosti stylu modulu přihlášení
Na kartě Návrh najdete všechny možnosti stylingu modulu, například písma, barvy, velikost a mezery. Toto je karta, kterou použijete ke změně vzhledu vašeho modulu. Každý modul Divi má dlouhý seznam nastavení designu, pomocí kterého můžete cokoli změnit.
Barva pozadí pole formuláře
Přihlašovací formulář obsahuje dvě vstupní pole pro uživatelské jméno a heslo. Toto nastavení můžete použít k úpravě barvy pozadí těchto polí.
Barva textu pole formuláře
Přihlašovací formulář obsahuje dvě vstupní pole pro uživatelské jméno a heslo. Toto nastavení můžete použít k úpravě barvy textu těchto polí. Pokud jste upravili barvu pozadí pole formuláře, můžete také upravit barvu textu, abyste zajistili harmonický barevný vztah.
Barva pozadí
Když je vstupní pole zaostřeno myší návštěvníka, barvy se změní tak, aby jasně označovaly, které pole je aktivní. Zde můžete definovat barvu pozadí zaostřených polí.
Barva textu zaostření
Když je vstupní pole zaostřeno myší návštěvníka, barvy se změní tak, aby jasně označovaly, které pole je aktivní. Zde můžete definovat barvu textu zaostřených polí.
Použijte barvu okraje zaostření
Pokud chcete přidat ohraničení do vstupních polí, když jsou aktivní, můžete povolit tuto možnost.
Barva okraje zaostření
Pomocí tohoto nastavení můžete změnit barvu ohraničení, které se objeví na zaostřených vstupních polích.
Barva textu
Zde můžete zvolit, zda má být text světlý nebo tmavý. Pokud pracujete na tmavém pozadí, měl by být váš text světlý. Pokud je pozadí světlé, měl by být text tmavý.
Textová orientace
Zde můžete upravit zarovnání textu.
Písmo záhlaví
Písmo textu záhlaví můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také upravit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.
Velikost písma záhlaví
Zde můžete upravit velikost textu záhlaví. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Barva textu záhlaví
Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu záhlaví, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.
Mezery v záhlaví
Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu záhlaví, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Výška řádku záhlaví
Výška řádku ovlivňuje mezeru mezi každým řádkem textu záhlaví. Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupní pole napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Body font
Písmo těla můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také upravit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.
Velikost písma těla
Zde můžete upravit velikost textu. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Barva textu těla
Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.
Rozestup tělových písmen
Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi jednotlivými písmeny v textu, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Výška linie těla
Výška řádku ovlivňuje mezeru mezi každým řádkem textu v těle Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo do vstupního pole zadejte požadovanou velikost mezery. umístěný napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Použijte okraj
Povolením této možnosti umístíte ohraničení kolem vašeho modulu. Toto ohraničení lze přizpůsobit pomocí následujících podmíněných parametrů.
Barva hranice
Tato možnost ovlivňuje barvu ohraničení. Vyberte vlastní barvu z výběru barev a použijte ji na svůj okraj.
Šířka hranice
Ve výchozím nastavení jsou ohraničení široká 1 pixel. Tuto hodnotu můžete zvýšit přetažením posuvníku rozsahu nebo zadáním vlastní hodnoty do vstupního pole vpravo od posuvníku. Podporovány jsou vlastní měrné jednotky, což znamená, že můžete změnit výchozí jednotku z „px“ na něco jiného, jako em, vh, vw atd.
Styl okraje
Okraje podporují osm různých stylů: plný, tečkovaný, tečkovaný, dvojitý, drážka, hřeben, překrytí a začátek. Vyberte požadovaný styl z rozevírací nabídky a použijte jej na svůj okraj.
Vlastní marže
Okraj je prostor přidaný na vnější stranu modulu, mezi modul a další prvek nahoře, dole nebo nalevo a napravo od něj. Na kteroukoli ze čtyř stran modulu můžete přidat vlastní hodnoty okrajů. Chcete-li odstranit vlastní okraj, odeberte přidanou hodnotu ze vstupního pole. Ve výchozím nastavení se tyto hodnoty měří v pixelech, ale do vstupních polí můžete zadat vlastní měrné jednotky.
Vlastní polstrování
Výplň je prostor přidaný uvnitř vašeho modulu mezi okraj modulu a jeho vnitřní prvky. Na kteroukoli ze čtyř stran modulu můžete přidat vlastní hodnoty výplně. Chcete-li odstranit vlastní okraj, odeberte přidanou hodnotu ze vstupního pole. Ve výchozím nastavení se tyto hodnoty měří v pixelech, ale do vstupních polí můžete zadat vlastní měrné jednotky.
Pro tlačítko použijte vlastní styly
Povolení této možnosti odhalí různá nastavení přizpůsobení tlačítek, která můžete použít ke změně vzhledu tlačítka vašeho modulu.
Velikost textu tlačítka
Toto nastavení lze použít ke zvětšení nebo zmenšení velikosti textu v tlačítku. Tlačítko se přizpůsobuje, jak se zvětšuje a zmenšuje velikost textu.
Barva textu tlačítka
Ve výchozím nastavení přijímají tlačítka barvu zvýraznění motivu, jak je definována v nástroji Customizer Theme. Tato možnost umožňuje přiřadit vlastní barvu textu tlačítku tohoto modulu. Vyberte svou vlastní barvu pomocí nástroje pro výběr barvy a změňte barvu tlačítka.
Barva pozadí tlačítka
Ve výchozím nastavení mají tlačítka průhlednou barvu pozadí. To lze změnit výběrem požadované barvy pozadí z výběru barev.
Tlačítko Šířka hranice
Všechna tlačítka Divi mají ve výchozím nastavení ohraničení 2px. Toto ohraničení lze pomocí tohoto nastavení zvýšit nebo snížit. Okraje lze odstranit zadáním hodnoty 0.
Barva ohraničení tlačítek
Ve výchozím nastavení okraje tlačítek převezmou akcentní barvu motivu, jak je definována v nástroji Customizer Theme. Tato možnost umožňuje přiřadit vlastní barvu ohraničení tlačítku tohoto modulu. Vyberte svou vlastní barvu pomocí nástroje pro výběr barvy a změňte barvu ohraničení tlačítka.
Okraj okraje tlačítka
Poloměr ohraničení ovlivňuje zaoblení rohů vašich tlačítek. Ve výchozím nastavení mají tlačítka v Divi malý poloměr ohraničení, který zaobluje rohy o 3 pixely. Tuto hodnotu můžete snížit na 0, abyste vytvořili čtvercové tlačítko, nebo ji výrazně zvýšit, abyste vytvořili tlačítka s kruhovými okraji.
Rozestup tlačítek
Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu tlačítka, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Button Font
Písmo textu tlačítka můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.
Přidejte ikonu tlačítka
Zakázáno, toto nastavení odstraní ikony z vašeho tlačítka. Ve výchozím nastavení všechna tlačítka Divi zobrazují na ukazateli ikonu šipky.
Ikona tlačítka
Pokud jsou ikony povoleny, můžete pomocí tohoto nastavení vybrat, která ikona se ve vašem tlačítku použije. Divi má na výběr různé ikony.
Tlačítko barevné ikony
Úpravou tohoto nastavení změníte barvu ikony, která se zobrazí na vašem tlačítku. Ve výchozím nastavení je barva ikony stejná jako barva textu tlačítka, ale toto nastavení vám umožňuje upravit barvu nezávisle.
Tlačítko pro umístění ikony
Můžete zvolit zobrazení ikony tlačítka vlevo nebo vpravo od tlačítka.
Zobrazit pouze ikonu při najetí myší na tlačítko
Ve výchozím nastavení se ikony tlačítek zobrazují pouze při najetí myší. Pokud chcete, aby se ikona vždy zobrazovala, vypněte toto nastavení.
Tlačítko Barva textu na ukazatel myši
Když na tlačítko najedete myší návštěvníka, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.
Podržte tlačítko barvy pozadí
Když na tlačítko najedete myší návštěvníka, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.
Tlačítko hranice Hover Border
Když na tlačítko najedete myší návštěvníka, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.
Tlačítko Hover Border Radius
Když na tlačítko najedete myší návštěvníka, použije se tato hodnota. Hodnota se změní od základní hodnoty definované v předchozím nastavení.
Tlačítko pro oddálení poznámek
Když na tlačítko najedete myší návštěvníka, použije se tato hodnota. Hodnota se změní od základní hodnoty definované v předchozím nastavení.
Pokročilé možnosti modulu Přihlášení
Na kartě Upřesnit najdete možnosti, které by zkušenější weboví designéři mohli považovat za užitečné, například vlastní atributy CSS a HTML. Zde můžete použít vlastní CSS na kterýkoli z mnoha prvků modulu. Na modul můžete také použít vlastní třídy a ID CSS, které lze použít k přizpůsobení modulu v souboru style.css vašeho podřízeného motivu.
CSS ID
Zadejte volitelné ID CSS, které chcete použít pro tento modul. ID lze použít k vytvoření vlastního stylu CSS nebo k propojení s konkrétními částmi vaší stránky.
CSS třídy
Zadejte volitelné třídy CSS pro tento modul. Třídu CSS lze použít k vytvoření vlastního stylu CSS. Můžete přidat více tříd oddělených mezerou. Tyto třídy lze použít ve vašem podřízeném motivu Divi nebo ve vlastní šabloně stylů CSS, kterou přidáte na svou stránku nebo na svůj web pomocí možností motivu Divi nebo nastavení na stránce Divi Builder.
Vlastní CSS
Vlastní CSS lze také použít na modul a na libovolné interní součásti modulu. V sekci Vlastní CSS najdete textové pole, kde můžete přidat vlastní šablony stylů CSS přímo ke každému prvku. Položky CSS v tomto nastavení jsou již zabaleny do značek stylů. Stačí tedy zadat pravidla CSS oddělená středníky.
viditelnost
Tato možnost umožňuje ovládat zařízení, na kterých se váš modul zobrazuje. Můžete se rozhodnout deaktivovat svůj modul na tabletech, chytrých telefonech nebo stolních počítačích jednotlivě. To je užitečné, pokud chcete použít různé mody na různých zařízeních, nebo pokud chcete zjednodušit mobilní design odstraněním určitých prvků ze stránky.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]STÁHNOUT TÉMA DIVI [/vcex_button][/vc_column=][vc_column /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]STAŽTE SI TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Ostatní výukové programy Divi
- 5 webové stránky pro použití v hotelu Divi téma
- Jak přidat text na produkt Divi WooCommerce
- Jak změnit barvu nabídky mezi stránkami Divi
- Jak přizpůsobit mřížky blogu s Divi
- Jak používat role Divi editor na WordPress
- Jak vytvořit posuvník Divi na celé obrazovce
- Jak změnit barvu nabídek mezi stránkami Divi
- Funkce, které pravděpodobně nevíte o Divi
- Jak používat Divi Builder na WordPress
- Jak používat modul posunu videa Divi
- Jak používat modul Divi Builder Flip
- Jak přidat zkušební modul na Divi Builder
- Jak používat textový modul Divi
- Jak vytvořit posuvník na Divi
- Jak upravit roli uživatele Divi
- Jak používat modul Divi Social Media
- Jak používat modul obchodu na téma WordPress Divi
- Jak používat modul bočního panelu Divi
- Jak používat modul tabulky ceny Divi
- Jak používat titulní modul publikací Divi
- Jak přidat video modul Divi
- Jak používat navigační modul článku
- Jak používat vyhledávací modul Divi
- Jak používat modul peněženky Divi
- Jak používat modul osob na nástroji Divi Builder
- Jak používat modul peněz s filtrem Divi
- Jak používat posuvný modul s plnou šířkou
- Jak používat modul obrazu Divi Builder
- Jak používat navigační modul plné šířky nástroje Divi Builder
- Jak používat modul galerie obrázků
- Jak používat modul karty Divi Builder Full-Width Card
- Jak používat portálový modul Divi s plnou šířkou
- Jak používat modul záhlaví Divi s plnou šířkou
- Jak používat počítací modul Divi
- Jak používat posuvník článků v Divi Builderu
- Jak používat modul Divi Email Optin
Dobré ráno.
Výborný článek.
Nicméně na mém přihlašovacím formuláři mám problém jako na vašem obrázku vidím: „Uživatelské jméno“ a rád bych toto pole přizpůsobil, protože jsem zjistil, že to všechno ničí. Jak mohu udělat ?
děkuji
Ahoj Joey,
Omlouváme se za pozdní odpověď. Můžete jen opravit překlad divi.