Si vous utilisez le formulaire Inscription WC Vendors et que vous souhaitez qu'il corresponde à la marque de votre site ou qu'il soit simplement plus soigné, vous pouvez facilement le faire en utilisant du CSS personnalisé.
Dans ce guide, nous vous montrerons comment styliser votre formulaire d'inscription de vendeur, y compris la modification des polices, des couleurs, des styles de boutons et de la mise en page du formulaire, le tout sans toucher aux fichiers principaux du plugin.
Où ajouter du CSS personnalisé
Vous pouvez ajouter votre CSS personnalisé de l'une des manières suivantes :
1. Via le personnaliseur WordPress (Recommandé)
- Accédez à Apparence → Personnaliser → CSS additionnel dans votre tableau de bord.
- Collez le code et cliquez sur Publier pour voir vos modifications instantanément.
2. Dans un thème enfant
- Si vous utilisez un thème enfant, ouvrez le fichier
style.css. - Ajoutez l'extrait de CSS ici pour vous assurer que vos personnalisations restent intactes même après les mises à jour du thème.
3. Utilisation d'un plugin CSS personnalisé
- Des plugins tels que WPCode Lite vous permettent d'insérer en toute sécurité des extraits sans modifier les fichiers du thème.
- Collez simplement le code dans votre plugin d'extraits de code préféré et enregistrez.
CSS personnalisé pour le formulaire d'inscription WC Vendors
Voici un exemple d'extrait CSS qui donnera à votre formulaire d'inscription WC Vendors un aspect épuré et moderne avec une mise en page à deux colonnes et des champs de saisie stylisés :
Comment le formulaire d'inscription du vendeur apparaît après une personnalisation
Avec ce CSS personnalisé appliqué, votre formulaire d'inscription de vendeur sera plus épuré, plus moderne et plus facile à utiliser. Voici exactement ce que ces modifications feront :
- Diviser le formulaire en deux colonnes pour une meilleure lisibilité sur ordinateur.
- Rendre les étiquettes et les champs plus épurés et plus cohérents en utilisant la police Verdana et des couleurs de fond douces.
- Styliser le bouton de soumission avec un schéma de couleurs vertes professionnelles qui change légèrement au survol.
- Rester adapté aux mobiles, en revenant à une mise en page à colonne unique sur les petits écrans.
Plus de façons de personnaliser votre formulaire d'inscription de vendeur
- Modifier les codes couleur (
#00008B,#012b09, etc.) pour correspondre à la palette de couleurs unique de votre marque. - Remplacer la famille de polices (par exemple, Verdana) par la police de votre marque pour maintenir une typographie cohérente sur votre site.
- Ajuster l'espacement de la mise en page en modifiant les valeurs
column-gap,marginoufont-sizepour créer une conception de formulaire plus compacte ou plus aérée. - Ajouter votre logo ou une bannière d'inscription de vendeur personnalisée au-dessus du formulaire à l'aide d'un bloc d'image dans l'éditeur WordPress pour rendre la page visuellement attrayante.
- Inclure du texte personnalisé avec un bloc de texte pour présenter votre programme de vendeurs. Vous pouvez mettre en avant l'histoire de votre marque, décrire le processus d'inscription ou présenter les principaux avantages de rejoindre votre marketplace.
- Utilisez des titres ou des séparateurs pour structurer le contenu de la page et améliorer la lisibilité, surtout si vous souhaitez partager des informations supplémentaires sur les fournisseurs ou des FAQ.
Aperçu avant et après
Pour vous aider à visualiser les changements, voici à quoi ressemble le formulaire d'inscription WC Vendors avant et après l'application du style CSS personnalisé :
En appliquant ces ajustements CSS, votre formulaire d'inscription WC Vendors aura non seulement un aspect plus professionnel, mais communiquera également les valeurs de votre marque et fera une forte première impression sur les fournisseurs potentiels.