Ihre Anbieter-Anmeldeseite ist oft einer der ersten Berührungspunkte für Ihre Marktplatzpartner. Es ist sehr wichtig, dass sie poliert und konsistent mit Ihrer Marke aussieht. Mit dem WC Vendors Signup Plugin müssen Sie keine Plugin-Dateien bearbeiten oder komplizierten Code schreiben, um ein professionelles Design zu erzielen.
Mit ein paar Zeilen CSS können Sie das Standard-WC Vendors Login-Formular in eine schlanke, benutzerfreundliche Oberfläche verwandeln, die perfekt zum visuellen Stil Ihrer Website passt.
Wo benutzerdefiniertes CSS hinzugefügt werden kann
Sie können den unten stehenden Styling-Code sicher mit einer der folgenden Methoden hinzufügen:
1. Über den WordPress Customizer (Empfohlen)
- Navigieren Sie in Ihrem Dashboard zu Darstellung → Anpassen → Zusätzliches CSS.
- Fügen Sie den Code ein und klicken Sie auf Veröffentlichen, um Ihre Änderungen sofort zu sehen.
2. In einem Child-Theme
- Wenn Sie ein Child-Theme verwenden, öffnen Sie die Datei
style.css. - Fügen Sie den CSS-Schnipsel dort ein, um sicherzustellen, dass Ihre Anpassungen auch nach Theme-Updates erhalten bleiben.
3. Verwendung eines Custom CSS Plugins
- Plugins wie WPCode Lite ermöglichen es Ihnen, Schnipsel sicher einzufügen, ohne Theme-Dateien zu bearbeiten.
- Fügen Sie den Code einfach in Ihr bevorzugtes Code-Snippet-Plugin ein und speichern Sie ihn.
Benutzerdefiniertes CSS für das WC Vendors Signup-Formular
Verwenden Sie das folgende CSS, um das Erscheinungsbild Ihres WC Vendors Login-Formulars zu modernisieren. Es stylt die Eingabefelder, Schaltflächen und Links, um ein kohärentes, professionelles Design zu schaffen.
Wie diese Stile Ihr Anbieter-Login-Formular verändern
Nach der Anwendung verleiht dieses CSS Ihrer Anmeldeseite ein saubereres, kohärenteres Aussehen. Hier ist, was sich geändert hat:
- Verfeinerte Eingabefelder: Glatte Kanten, neutrale Töne und klarer Text für gute Lesbarkeit.
- Modernes Schaltflächen-Design: Ein tiefgrüner Hintergrund mit weichgelbem Text und sanfter Hover-Übergang.
- Lesbare Links: Klarer Kontrast zwischen Hintergrund und Text, wodurch Passwort- und Registrierungslinks hervorstechen.
- Konsistente Typografie: Die Schriftart Verdana hält das Design einfach und browserübergreifend zugänglich.
Ihre Anmeldeseite wird polierter und einladender wirken. Dieses verbesserte Design hilft Anbietern, sich mit Zuversicht anzumelden.
Passen Sie das Anbieter-Login-Formular an Ihr Branding an
Lassen Sie Ihre Anbieter-Anmeldeseite wie einen Teil Ihrer Marke wirken, indem Sie das CSS anpassen:
- Farben: Aktualisieren Sie Farbcodes (z. B.
#00008B,#012b09), um sie an Ihre Markenpalette anzupassen. - Schriftarten: Ersetzen Sie die Standard-Schriftfamilie (z. B. Verdana) durch die Schriftart Ihrer Marke, um eine konsistente Typografie beizubehalten.
- Layout & Abstände: Passen Sie Spaltenabstände, Ränder oder Schriftgrößen an, um ein kompakteres oder geräumigeres Formular zu erstellen.
- Schaltflächen & Hover-Effekte: Gestalten Sie Schaltflächen passend zu Ihren Markenfarben und Hover-Übergängen.
Diese Änderungen stellen sicher, dass das Anmeldeformular optisch zu Ihrem Marktplatz passt und sich professionell und kohärent anfühlt.
Verbessern Sie Ihre Anbieter-Anmeldeseite mit Gutenberg-Blöcken
Wir empfehlen die Verwendung des Gutenberg-Seiten-Editors, um Ihrer Anbieter-Anmeldeseite Inhalte und Struktur über einfaches Styling hinaus hinzuzufügen:
- Bild: Verwenden Sie einen Bild-Block über dem Anmeldeformular, um Ihr Marktplatzlogo oder ein benutzerdefiniertes Banner zu präsentieren.
- Willkommensnachricht: Fügen Sie einen Überschriften- oder Absatz-Block hinzu, um Anbieter zu begrüßen und Ihre Markenstimme vorzustellen.
- Hilfreiche Links: Verwenden Sie einen Listen-Block, um Links zu Ihrem Hilfe-Center, Support-Kontaktinformationen oder Passwort-Tipps einzufügen.
- Struktur & Lesbarkeit: Fügen Sie Abstands- oder Trennlinien-Blöcke hinzu, um Abschnitte zu organisieren und die Lesbarkeit zu verbessern.
- Handlungsaufforderung: Fügen Sie einen Button- oder Handlungsaufforderungs-Block hinzu, der auf Ihre Anbieter-Registrierungsseite verlinkt und mit Ihren Markenfarben gestaltet ist.
Änderungen in der Vorschau anzeigen
Sehen Sie, welchen Unterschied diese Anpassungen an Ihrem Anbieter-Anmeldeformular machen können
Durch das Styling Ihres Anmeldeformulars mit CSS können Sie ein professionelles, markenkonformes Erlebnis schaffen, das die Identität Ihres Marktplatzes sofort widerspiegelt und Anbietern Vertrauen und ein Gefühl der Willkommenheit vermittelt.