Chcete upravit kontaktní formulář 7 pomocí pluginu Elementor's Essential Addons?
Kontaktní formulář 7 je jedním z WordPress pluginy z nejpopulárnějších tvůrců formulářů. Je zcela zdarma a můžete jej použít k vytvoření a kontaktní formulář na vašem webu WordPress.
Můžete také vytvořit mnoho typů formulářů, jako je rezervační formulář nebo formulář pro nahrání souboru. Nabízí 14 typů polí, která můžete použít při vytváření formuláře.
Viz také: Jak používat widgety/šablony Elementor jako Gutenbergovy bloky
Jedním z běžných problémů s pluginem pro kontaktní formulář 7 je jeho proces přizpůsobení. Kontaktní formulář 7 používá výchozí styl vašeho WordPress téma aktivum. Můžete použít jiný styl, ale budou vyžadovány dovednosti CSS. Pokud nemáte žádné CSS dovednosti, můžete modul použít Základní doplňky stylizovat svou formu.
Essential Addons je doplněk Elementor, který vylepšuje proces přizpůsobení formulářů Kontaktního formuláře 7 pomocí Elementor. Elementor a Essential Addons jsou freemium pluginy. Ke stylování formulářů Kontaktního formuláře 7 můžete použít bezplatné verze obou.
Jak vytvořit styl kontaktního formuláře 7 pomocí základních doplňků
Než začnete upravovat své formuláře, ujistěte se, že jste nainstalovali Elementor et Základní doplňky. Po instalaci a aktivaci vytvořte novou stránku (Stránky – > Přidat) a upravte jej pomocí Elementor.
Před zahájením procesu přizpůsobení nastavte rozvržení stránky kliknutím na ikonu ozubeného kola v levém dolním rohu. Nastavte rozvržení z rozbalovací nabídky.
Přidejte novou sekci kliknutím na ikonu plus v poli úprav a přetažením widgetu Kontaktní formulář EA 7 z levého panelu v editoru.
Přejděte do levého panelu a vyberte formulář, jehož styl chcete přizpůsobit.
Po výběru formuláře přejděte na kartu Styl. Jak vidíte, můžete nastavit několik možností stylu. Zde jsou běžné možnosti stylu, které můžete nastavit.
- Šířka formuláře, zarovnání a pozadí
Pod blokem FormContainer, klikněte v části na výběr barvy Typ pozadí a nastavte požadovanou barvu pozadí formuláře. Jako pozadí můžete použít buď plnou barvu, nebo barvu přechodu.
Čtěte také: Elementor: Jak importovat nebo exportovat šablony
Chcete-li nastavit zarovnání formuláře, jednoduše v části vyberte preferovanou možnost zarovnání Zarovnání formuláře.
Chcete-li nastavit šířku formuláře, nastavte v poli hodnotu Maximální šířka formuláře Maximální šířka formuláře.
- Pole pozadí, šířka a poloměr okraje
Chcete-li definovat pozadí polí, šířku a poloměr ohraničení, můžete sekci otevřít Vstup a textová oblast. Klikněte na výběr barvy pole Barva pozadí pro nastavení pozadí.
Kliknutím na záložku můžete také nastavit barvu pozadí polí v režimu ladění FOCUS.
Chcete-li definovat šířku polí, můžete definovat hodnotu v polích Vstupní šířka. V této sekci můžete také nastavit šířku textového pole Šířka textové oblasti.
Chcete-li nastavit poloměr okraje, stačí upravit pole Hraniční poloměr a nastavte požadovanou hodnotu ohraničení. Můžete také nastavit typografii (rodinu písma, velikost písma, styl písma) kliknutím na ikonu tužky v poli typografie.
- Štítky
Essential Addons vám také umožňuje přizpůsobit styl štítků formulářů. Můžete nastavit barvu textu i typografii. Chcete-li to provést, otevřete možnost Štítky. Nastavte barvu textu kliknutím na výběr barvy v poli Barva textu.
Chcete-li nastavit typografii, klikněte na ikonu tužky v poli Typografie.
- Tlačítko Odeslat
Chcete-li upravit styl tlačítka Odeslat, otevřete blok Vložení tlačítko. Zde můžete nastavit zarovnání tlačítka, šířku, barvu pozadí, barvu textu, poloměr ohraničení a také typografii.
- Chybové hlášení
Chcete-li upravit styl chybové zprávy, můžete blok otevřít chyby. Můžete nastavit barvu textu chybové zprávy, typografii, barvu pozadí chyby ověření, barvu textu chyby ověření atd….
Můžete nastavit několik dalších možností stylu. S levým panelem si můžete hrát, dokud nebudete spokojeni se stylem své formy.
Na svou stránku můžete přidat několik dalších prvků pomocí dostupných widgetů nabízených Elementor a Essential Addons. Až budete hotovi, klikněte na tlačítko VYDAVATEL v dolní části levého panelu publikujte svou stránku.
Integrace formuláře do běžné stránky
Po kliknutí na tlačítko VYDAVATEL, vaše kontaktní stránka byla v podstatě zveřejněna. Samotná stránka je poháněna Elementorem. Pokud chcete přidat svůj kontaktní formulář 7 na běžnou stránku (stránku vytvořenou pomocí Gutenberg, výchozího editoru WordPress), můžete nainstalovat plugin Bloky elementů pro Gutenberga. Tento plugin převede šablonu Elementor na Gutenbergův blok.
Chcete-li zaregistrovat svůj kontaktní formulář 7 jako šablonu Elementor klepněte na tlačítko se šipkou vedle tlačítka ZVEŘEJNIT / AKTUALIZOVAT na levém panelu a vyberte Uložit jako šablonu.
Zadejte název šablony a klikněte na tlačítko REGISTRÁTOR.
Vytvořte novou stránku (Stránky – > Přidat) a pojmenujte jej jako „kontaktujte nás“, „kontakt“ nebo jakékoli jiné jméno, které se vám líbí.
Přidejte nový blok a vyberte Knihovna Elementor a vyberte šablonu formuláře kontaktního formuláře, kterou jste právě vytvořili.
A nyní jste si přizpůsobili svůj formulář Kontaktního formuláře 7.
Získejte Elementor Pro nyní!!!
Proč investovat do čističky vzduchu?
Tady ! To je vše pro tento článek, který vám ukáže, jak přizpůsobit formulář kontaktního formuláře 7 pomocí Essential Addons. Pokud máte nějaké obavy, jak se tam dostat, dejte jim vědět v commentaires.
Můžete však také konzultovat naše zdroje, 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.
Mezitím sdílejte tento článek na různých sociálních sítích.
...
