Jak stylizować formularz rejestracji WC Vendors

Jeśli używasz formularza Rejestracja WC Vendors i chcesz, aby pasował do brandingu Twojej witryny lub po prostu wyglądał bardziej dopracowany, możesz to łatwo zrobić za pomocą niestandardowego CSS.

W tym przewodniku pokażemy Ci, jak dostosować formularz rejestracji sprzedawcy, w tym jak zmieniać czcionki, kolory, style przycisków i układ formularza, a wszystko to bez dotykania plików rdzenia wtyczki.

Gdzie dodać niestandardowy CSS

Możesz dodać swój niestandardowy CSS w jeden z następujących sposobów:

1. Poprzez narzędzie Dostosuj WordPress (zalecane)

• Przejdź do Wygląd → Dostosuj → Dodatkowy CSS w swoim panelu.
• Wklej kod i kliknij Opublikuj, aby natychmiast zobaczyć swoje zmiany.

2. W motywie potomnym

• Jeśli używasz motywu potomnego, otwórz plik style.css.
• Dodaj tam fragment kodu CSS, aby Twoje dostosowania pozostały nienaruszone nawet po aktualizacjach motywu.

3. Korzystanie z wtyczki niestandardowego CSS

• Wtyczki takie jak WPCode Lite pozwalają bezpiecznie wstawiać fragmenty kodu bez edycji plików motywu.
• Po prostu wklej kod do swojej ulubionej wtyczki do fragmentów kodu i zapisz.

Niestandardowy CSS dla formularza rejestracji WC Vendors

Oto przykładowy fragment kodu CSS, który nada Twojemu formularzowi rejestracji WC Vendors czysty, nowoczesny wygląd z dwukolumnowym układem i stylizowanymi polami wprowadzania:

Jak formularz rejestracji sprzedawcy wygląda po niestandardowym stylizowaniu

Dzięki zastosowaniu tego niestandardowego CSS, Twój formularz rejestracji sprzedawcy będzie wyglądał czyściej, nowocześniej i będzie łatwiejszy w użyciu. Oto, co dokładnie zrobią te zmiany:

• Podziel formularz na dwie kolumny dla lepszej czytelności na komputerach.
• Spraw, aby etykiety i pola były czystsze i bardziej spójne, używając czcionki Verdana i łagodnych kolorów tła.
• Stylizuj przycisk wysyłania profesjonalnym zielonym schematem kolorów, który nieznacznie zmienia się po najechaniu.
• Pozostań przyjazny dla urządzeń mobilnych, wracając do układu jednokolumnowego na mniejszych ekranach.

Więcej sposobów na dostosowanie formularza rejestracji sprzedawcy

• Zmień kody kolorów (#00008B, #012b09 itp.), aby pasowały do unikalnej palety kolorów Twojej marki.
• Zastąp rodzinę czcionek (np. Verdana) własną czcionką marki, aby zachować spójną typografię w całej witrynie.
• Dostosuj odstępy w układzie, modyfikując wartości column-gap, margin lub font-size, aby stworzyć bardziej kompaktowy lub przestronny projekt formularza.
• Dodaj swoje logo lub niestandardowy baner rejestracji sprzedawcy nad formularzem, używając bloku obrazu w edytorze WordPress, aby strona była atrakcyjna wizualnie.
• Dodaj niestandardowy tekst za pomocą bloku tekstowego, aby wprowadzić swój program sprzedawcy. Możesz podkreślić historię swojej marki, przedstawić proces rejestracji lub zaprezentować kluczowe korzyści z dołączenia do Twojego rynku.
• Używaj nagłówków lub separatorów, aby uporządkować treść strony i poprawić czytelność, zwłaszcza jeśli chcesz udostępnić dodatkowe informacje o dostawcach lub FAQ.

Podgląd przed i po

Aby pomóc Ci zwizualizować zmiany, oto jak formularz rejestracyjny WC Vendors wygląda przed i po zastosowaniu niestandardowego stylu CSS:

Dzięki zastosowaniu tych poprawek CSS, Twój Formularz rejestracyjny WC Vendors będzie nie tylko wyglądał bardziej profesjonalnie, ale także komunikował wartości Twojej marki i robił silne pierwsze wrażenie na potencjalnych dostawcach.