Twoja strona logowania dla sprzedawców jest często jednym z pierwszych punktów kontaktu dla partnerów Twojego rynku. Jest bardzo ważne, aby wyglądała profesjonalnie i była spójna z Twoją marką. Dzięki wtyczce WC Vendors Signup nie musisz edytować plików wtyczki ani pisać skomplikowanego kodu, aby uzyskać profesjonalny wygląd.
Za pomocą kilku linii kodu CSS możesz przekształcić domyślny formularz logowania WC Vendors w elegancki, przyjazny dla użytkownika interfejs, który idealnie pasuje do stylu wizualnego Twojej witryny.
Gdzie dodać niestandardowy CSS
Bezpiecznie dodaj poniższy kod stylów, korzystając z jednej z poniższych metod:
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
Użyj poniższego kodu CSS, aby unowocześnić wygląd swojego formularza logowania WC Vendors. Stylizuje on pola wprowadzania danych, przyciski i linki, tworząc spójny, profesjonalny projekt.
Jak te style transformują Twój formularz logowania dla sprzedawców
Po zastosowaniu ten kod CSS nadaje Twojej stronie logowania czystszy, bardziej spójny wygląd. Oto co się zmieniło:
- Dopracowane pola wprowadzania danych: Gładkie krawędzie, neutralne odcienie i wyraźny tekst dla łatwej czytelności.
- Nowoczesny wygląd przycisku: Głębokie zielone tło z jasnożółtym tekstem i płynnym przejściem po najechaniu.
- Czytelne linki: Wyraźny kontrast między tłem a tekstem, dzięki czemu linki do hasła i rejestracji wyróżniają się.
- Spójna typografia: Czcionka Verdana utrzymuje prosty i dostępny projekt w różnych przeglądarkach.
Twoja strona logowania będzie wyglądać bardziej profesjonalnie i zachęcająco. Ten ulepszony projekt pomaga sprzedawcom logować się z pewnością siebie.
Dostosuj formularz logowania dla sprzedawców, aby pasował do Twojej marki
Spraw, aby Twoja strona logowania dla sprzedawców była częścią Twojej marki, dostosowując kod CSS:
- Kolory: Zaktualizuj kody kolorów (np.
#00008B,#012b09), aby pasowały do palety Twojej marki. - Czcionki: Zastąp domyślną rodzinę czcionek (np. Verdana) czcionką Twojej marki, aby zachować spójną typografię.
- Układ i odstępy: Dostosuj odstępy między kolumnami, marginesy lub rozmiary czcionek, aby uzyskać bardziej kompaktowy lub przestronny formularz.
- Przyciski i efekty najechania: Stylizuj przyciski, aby pasowały do kolorów Twojej marki i przejść po najechaniu.
Te zmiany zapewniają, że formularz logowania jest wizualnie spójny z Twoim rynkiem, dzięki czemu wygląda profesjonalnie i jednolicie.
Ulepsz swoją stronę logowania dla sprzedawców za pomocą bloków Gutenberga
Zalecamy użycie edytora stron Gutenberga do dodania treści i struktury do Twojej strony logowania dla sprzedawców, wykraczającej poza proste stylizacje:
- Obraz: Użyj bloku Obraz powyżej formularza logowania, aby zaprezentować logo Twojego rynku lub niestandardowy baner.
- Wiadomość powitalna: Dodaj blok Nagłówek lub Akapit, aby powitać sprzedawców i przedstawić głos Twojej marki.
- Przydatne linki: Użyj bloku Lista, aby dodać linki do Centrum pomocy, informacji kontaktowych wsparcia lub wskazówek dotyczących haseł.
- Struktura i czytelność: Dodaj bloki Wypełnienie lub Separator, aby uporządkować sekcje i poprawić czytelność.
- Wezwanie do działania: Dodaj blok przycisku lub wezwania do działania, który będzie linkował do strony rejestracji Twojego dostawcy, stylizowany zgodnie z kolorami Twojej marki.
Podgląd Twoich zmian
Zobacz, jaką różnicę mogą zrobić te dostosowania w Twoim formularzu logowania dostawcy
Stylizując formularz logowania za pomocą CSS, możesz stworzyć profesjonalne, zgodne z marką doświadczenie, które natychmiast odzwierciedla tożsamość Twojego rynku i sprawia, że dostawcy czują się pewnie i mile widziani.