Rewolucja na Twitterze – Więcej znaków w 140 znakach
11 kwietnia 2017
Pan Królik i życzenia wielkanocne.
15 kwietnia 2017

Contact Form 7 – Formularz w dwóch kolumnach

Tego, że Contact Form 7 (CF7) jest najpopularniejszą darmową wtyczką do tworzenia formularzy, prawdopodobnie nie muszę nikomu przypominać.

Do tej wtyczki powstaje wiele rozszerzeń i uproszczeń, które posiada np. Gravity Forms w standardzie, ale ostatnio trafiło do mnie pytanie od jednego użytkownika w ramach darmowej pomocy e-mailowej.

Tworzę swoją pierwszą stronę w WordPressie i może nie jest to cud elegancji, ale mimo wszystko mam dużą radość z tworzenia (… url …), jednak mam problem (…) Jak we wtyczce Contact Form stworzyć podział na dwie kolumny, kiedy mam więcej pól niż tylko adres e-mail, imię i wiadomość?. Proszę o pomoc. (…)

Problem – Domyślne pola formularza mają pełną szerokość

Bez dobrej znajomości CSS czy HTML, osoba taka jak Miłosz powyżej może sobie nie poradzić, a jak wiemy CF7 to kombajn, w którym kosztem darmowości jest nieco utrudniona obsługa.

Tworzymy dwie kolumny w formularzu Contact Form 7 

Przechodzimy do zakładki Formularze > Dodaj nowy lub wybierz istniejący formularz i kliknij Edytuj, a następnie użyj poniższego kodu – ważne, aby podczas edycji zachować elementy DIV, Style i nazwy klas.

Kod HTML

Jako zawartość formularza wklej poniższy kod:

Kod CSS

Kod CSS, który sformatuje formularz znajduje się poniżej, najwygodniej dodasz go poprzez motyw potomny do pliku CSS, opcji Custom CSS code Twojego motywu lub w zakładce Wygląd > Personalizacja > Dodatkowy CSS.

I to wszystko 🙂

 

Jakub Jaworowicz
Jakub Jaworowicz
Marketingiem zajmuję się od 15 roku życia, zacząłem od brzydkich stron w kreatorze stron usługi Republika serwisu Onet - obecnie obsługuje ponad 200 klientów i 450 serwisów WWW rocznie, które tworzyłem lub mam je pod swoją opieką (w zakresie wsparcia i utrzymania). Ostatnio etatowo pracowałem jako Specjalista ds Marketingu w największym ogrodniczym sklepie internetowym (SADOWNICZY.PL) oraz jako kierownik działu wsparcia sprzedaży dla tego sklepu.

1 Komentarz

  1. Janunsz Kamiński napisał(a):

    Taki dwukolumnowy formularz bardziej mi pasuje!

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Mam Cie!

Jeżeli udało mi się Ciebie przekonać do kliknięcia tutaj - to znak, że mamy między sobą nić porozumienia - utrzymajmy ją - zapisz się do newslettera, a otrzymasz tylko dobrą, wartościową wiedzę, która pozwoli ci się rozwijać!

Nigdy nie udostępniam danych osób trzecich, otrzymasz maksymalnie 2 wiadomości w miesiącu.

Dziękuję!

Nić porozumienia została poprawnie nawiązana!