Wenn Sie das Formular WC Vendors Signup verwenden und es an das Branding Ihrer Website anpassen oder einfach polierter aussehen lassen möchten, können Sie dies ganz einfach mit benutzerdefiniertem CSS tun.
In diesem Leitfaden zeigen wir Ihnen, wie Sie Ihr Anbieterregistrierungsformular gestalten, einschließlich der Änderung von Schriftarten, Farben, Schaltflächenstilen und Formularlayouts, ohne dabei Kerndateien des Plugins zu berühren.
Wo benutzerdefiniertes CSS hinzugefügt werden kann
Sie können Ihr benutzerdefiniertes CSS auf eine der folgenden Arten 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
Hier ist ein Beispiel-CSS-Snippet, das Ihrem WC Vendors Registrierungsformular einen sauberen, modernen Look mit einem Zwei-Spalten-Layout und gestalteten Eingabefeldern verleiht:
So sieht das Anbieter-Anmeldeformular nach benutzerdefinierter Gestaltung aus
Mit diesem benutzerdefinierten CSS wird Ihr Anbieterregistrierungsformular sauberer, moderner und einfacher zu bedienen aussehen. Hier ist genau, was diese Änderungen bewirken:
- Teilen Sie das Formular in zwei Spalten auf für bessere Lesbarkeit auf dem Desktop.
- Gestalten Sie Labels und Felder sauberer und konsistenter mit der Verdana-Schriftart und dezenten Hintergrundfarben.
- Gestalten Sie die Absenden-Schaltfläche mit einem professionellen grünen Farbschema, das sich beim Überfahren leicht ändert.
- Bleiben Sie mobilfreundlich und wechseln Sie auf kleineren Bildschirmen zu einem Ein-Spalten-Layout.
Weitere Möglichkeiten zur Anpassung Ihres Anbieter-Anmeldeformulars
- Ändern Sie die Farbcodes (
#00008B,#012b09usw.), um die einzigartige Farbpalette Ihrer Marke anzupassen. - Ersetzen Sie die Schriftfamilie (z. B. Verdana) durch Ihre eigene Marken-Schriftart, um eine konsistente Typografie auf Ihrer gesamten Website beizubehalten.
- Passen Sie den Layout-Abstand an, indem Sie die Werte für
column-gap,marginoderfont-sizeanpassen, um ein kompakteres oder geräumigeres Formular-Design zu erstellen. - Fügen Sie Ihr Logo oder ein benutzerdefiniertes Anbieter-Anmeldebanner über dem Formular hinzu, indem Sie einen Bildblock im WordPress-Editor verwenden, um die Seite visuell ansprechend zu gestalten.
- Fügen Sie benutzerdefinierten Text mit einem Textblock hinzu, um Ihr Anbieterprogramm vorzustellen. Sie können Ihre Markengeschichte hervorheben, den Anmeldeprozess skizzieren oder die wichtigsten Vorteile einer Teilnahme an Ihrem Marktplatz aufzeigen.
- Verwenden Sie Überschriften oder Trennlinien, um den Seiteninhalt zu strukturieren und die Lesbarkeit zu verbessern, insbesondere wenn Sie zusätzliche Anbieterinformationen oder FAQs teilen möchten.
Vorschau Vorher und Nachher
Um Ihnen die Änderungen zu visualisieren, sehen Sie hier, wie das WC Vendors Signup Formular vor und nach Anwendung des benutzerdefinierten CSS-Stylings aussieht:
Durch die Anwendung dieser CSS-Anpassungen wird Ihr WC Vendors Signup Form nicht nur professioneller aussehen, sondern auch die Werte Ihrer Marke kommunizieren und einen starken ersten Eindruck bei potenziellen Anbietern hinterlassen.