Vue d'ensemble
Vous souhaitez positionner la description des champs au-dessus des champs de votre formulaire ? Cela peut être facilement réalisé avec un petit snippet PHP ajouté à votre site. Ce tutoriel vous montrera comment vous pouvez modifier la description de votre champ pour qu'elle se trouve au-dessus des champs de votre formulaire.
Par défaut, WPForms placera toutes les descriptions de champs directement sous le champ d'entrée du formulaire.
Mise en place
Pour déplacer ces descriptions au-dessus du champ du formulaire, vous devez d'abord copier cet extrait sur votre site. Si vous avez besoin d'aide pour savoir comment et où ajouter des extraits à votre site, consultez ce tutoriel.
/** * Move the field description above the form field. * * @link https://wpforms.com/developers/how-to-position-the-field-description-above-the-form-field/ */ function wpf_dev_field_properties( $properties, $field, $form_data ) { // Only process this snippet on form ID 225 if ( absint( $form_data[ 'id' ] ) !== 225 ) { return $properties; } { // Position the field description above the form field $properties[ 'description' ][ 'position' ] = 'before'; } return $properties; } add_filter( 'wpforms_field_properties', 'wpf_dev_field_properties', 10, 3 );
Le code ci-dessus va déplacer les descriptions au-dessus des champs du formulaire, mais seulement si l'identifiant du formulaire est225
. N'oubliez pas de changer l'ID du formulaire de 225
pour qu'il corresponde à votre propre identifiant de formulaire. Si vous avez besoin d'aide pour trouver votre numéro de formulaire, veuillez consulter ce tutoriel.
Une fois que vous avez ajouté cet extrait de code, vous verrez que les descriptions apparaissent désormais au-dessus des champs du formulaire.
Et c'est tout ! Vous avez maintenant réussi à déplacer les descriptions des champs de votre formulaire pour les placer au-dessus des champs du formulaire. Vous souhaitez également savoir comment limiter le nombre de caractères pour le champ de texte de votre formulaire ? Consultez notre article sur Comment limiter le nombre de caractères d'un champ de texte.
En rapport
Référence du filtre : wpforms_field_properties
FAQ
Q : J'ai ajouté le snippet mais cela ne fonctionne toujours pas pour moi ?
R : Si vous avez ajouté l'extrait mais que vous ne voyez pas le changement, veuillez vider la mémoire cache de votre site et confirmer que vous avez mis à jour l'extrait ci-dessus pour refléter l'identifiant de votre formulaire.
Q : Comment puis-je faire cela pour tous mes formulaires au lieu d'un seul ?
R : Si vous souhaitez que cette fonctionnalité s'applique à tous les formulaires, il vous suffit de supprimer l'appel à l'ID du formulaire. Vous trouverez ci-dessous un exemple de cet extrait.
/** * Move the field description above the form field. * * @link https://wpforms.com/developers/how-to-position-the-field-description-above-the-form-field/ */ function wpf_dev_field_properties( $properties, $field, $form_data ) { // Position the field description above the form field $properties[ 'description' ][ 'position' ] = 'before'; return $properties; } add_filter( 'wpforms_field_properties', 'wpf_dev_field_properties', 10, 3 );