Chceli by ste prispôsobiť formulár kontaktného formulára 7 pomocou doplnku Elementor's Essential Addons?
Kontaktný formulár 7 je jedným z WordPress pluginy z najpopulárnejších staviteľov formulárov. Je úplne zadarmo a môžete ho použiť na vytvorenie a Kontaktný formulár na svojej webovej stránke WordPress.
Môžete tiež vytvoriť mnoho typov formulárov, ako napríklad rezervačný formulár alebo formulár na nahranie súboru. Ponúka 14 typov polí, ktoré môžete použiť pri vytváraní formulára.
Pozri tiež: Ako používať widgety/šablóny Elementor ako Gutenbergove bloky
Jedným z bežných problémov s doplnkom kontaktného formulára 7 je jeho proces prispôsobenia. Kontaktný formulár 7 používa váš predvolený štýl WordPress tému aktíva. Môžete použiť iný štýl, ale budú potrebné zručnosti CSS. Ak nemáte žiadne CSS zručnosti, môžete modul použiť Základné doplnky upraviť si formu.
Essential Addons je doplnok Elementor, ktorý zlepšuje proces prispôsobovania formulárov Kontaktného formulára 7 pomocou Elementor. Elementor a Essential Addons sú freemium pluginy. Na úpravu formulárov Kontaktného formulára 7 môžete použiť bezplatné verzie oboch.
Ako upraviť formulár kontaktného formulára 7 so základnými doplnkami
Skôr ako začnete upravovať svoje formuláre, uistite sa, že ste nainštalovali Elementor et Základné doplnky. Po nainštalovaní a aktivácii vytvorte novú stránku (Stránky – > Pridať) a upravte ho pomocou Elementor.
Pred začatím procesu prispôsobenia nastavte rozloženie stránky kliknutím na ikonu ozubeného kolieska v ľavom dolnom rohu. Nastavte rozloženie z rozbaľovacej ponuky.
Pridajte novú sekciu kliknutím na ikonu plus v poli úprav a potiahnutím miniaplikácie Kontaktný formulár EA 7 z ľavého panela v editore.
Prejdite na ľavý panel a vyberte formulár, ktorého štýl chcete prispôsobiť.
Po výbere formulára prejdite na kartu Štýl. Ako vidíte, môžete nastaviť niekoľko možností štýlu. Tu sú bežné možnosti štýlu, ktoré môžete nastaviť.
- Šírka formulára, zarovnanie a pozadie
Pod blokom FormContainer, kliknite na výber farby v sekcii Typ pozadia a nastavte požadovanú farbu pozadia formulára. Ako pozadie môžete použiť plnú farbu alebo farbu s prechodom.
Čítajte tiež: Elementor: Ako importovať alebo exportovať šablóny
Ak chcete nastaviť zarovnanie formulára, jednoducho vyberte v sekcii preferovanú možnosť zarovnania Zarovnanie formulára.
Ak chcete nastaviť šírku formulára, nastavte v poli hodnotu Maximálna šírka formulára Maximálna šírka formulára.
- Pole pozadia, šírka a polomer okraja
Ak chcete definovať pozadie polí, šírku a polomer okraja, môžete sekciu otvoriť Vstup a textová oblasť. Kliknite na výber farby poľa Farba pozadia na nastavenie pozadia.
Môžete tiež nastaviť farbu pozadia polí v režime ladenia kliknutím na kartu FOCUS.
Ak chcete definovať šírku polí, môžete definovať hodnotu v poliach Vstupná šírka. V tejto časti môžete tiež nastaviť šírku textového poľa Šírka textovej oblasti.
Ak chcete nastaviť polomer okraja, stačí upraviť pole Hraničný polomer a nastavte požadovanú hodnotu okraja. Môžete tiež nastaviť typografiu (rodinu písma, veľkosť písma, štýl písma) kliknutím na ikonu ceruzky v poli typografie.
- etikety
Essential Addons vám tiež umožňuje prispôsobiť štýl štítkov formulárov. Môžete nastaviť farbu textu aj typografiu. Ak to chcete urobiť, otvorte možnosť etikety. Nastavte farbu textu kliknutím na výber farby v poli Farba textu.
Ak chcete nastaviť typografiu, kliknite na ikonu ceruzky v poli Typografia.
- tlačidlo Odoslať
Ak chcete prispôsobiť štýl tlačidla odoslania, otvorte blok Vloženie tlačidlo. Tu môžete nastaviť zarovnanie tlačidla, šírku, farbu pozadia, farbu textu, polomer okraja a tiež typografiu.
- Chybná správa
Ak chcete prispôsobiť štýl chybového hlásenia, môžete blok otvoriť chyby. Môžete nastaviť farbu textu chybovej správy, typografiu, farbu pozadia chyby overenia, farbu textu chyby overenia atď….
Môžete nastaviť niekoľko ďalších možností štýlu. Môžete sa hrať s ľavým panelom, kým nebudete spokojní so štýlom vašej formy.
Na svoju stránku môžete pridať niekoľko ďalších prvkov pomocou dostupných miniaplikácií, ktoré ponúka Elementor a Essential Addons. Keď skončíte, kliknite na tlačidlo PUBLISH v dolnej časti ľavého panela zverejníte svoju stránku.
Integrácia formulára do bežnej stránky
Po kliknutí na tlačidlo PUBLISH, vaša kontaktná stránka bola v podstate zverejnená. Samotnú stránku poháňa Elementor. Ak chcete pridať svoj Kontaktný formulár 7 na bežnú stránku (stránka vytvorená pomocou Gutenberg, predvolený editor WordPress), môžete si nainštalovať doplnok Bloky elementov pre Gutenberga. Tento doplnok prevedie šablónu Elementor na blok Gutenberg.
Ak chcete zaregistrovať svoj Kontaktný formulár 7 ako šablónu Elementor kliknite na tlačidlo so šípkou vedľa tlačidla ZVEREJNIŤ / AKTUALIZOVAŤ na ľavom paneli a vyberte Uložiť ako šablónu.
Zadajte názov šablóny a kliknite na tlačidlo REGISTRÁTOR.
Vytvorte novú stránku (Stránky – > Pridať) a pomenujte ho ako „kontaktujte nás“, „kontakt“ alebo akékoľvek iné meno, ktoré sa vám páči.
Pridajte nový blok a vyberte Knižnica Elementor a vyberte šablónu formulára kontaktného formulára, ktorú ste práve vytvorili.
A teraz ste si práve personalizovali svoj formulár Kontaktného formulára 7.
Získajte Elementor Pro teraz!!!
záver
Tu ! To je všetko pre tento článok, ktorý vám ukáže, ako prispôsobiť formulár kontaktného formulára 7 pomocou Essential Addons. Ak máte nejaké obavy, ako sa tam dostať, dajte im vedieť v Komentáre.
Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.
...
