Comment masquer les étiquettes des champs dans les vues d'entrée et les notifications ?

Vous souhaitez masquer les étiquettes des champs non saisis, tels que les champs Contenu, HTML, Saut de page et Séparateur de section, dans les vues de saisie et les notifications par courrier électronique ? Dans ce tutoriel, nous allons vous montrer comment utiliser un simple extrait de code avec la fonction wpforms_html_field_name filtre permettant de masquer les étiquettes des champs dans les vues d'entrée et les notifications par courrier électronique.

Ajout de l'extrait de code

Pour masquer les étiquettes des champs, vous devez ajouter un extrait de code personnalisé à votre site. Si vous avez besoin d'aide pour ajouter un code personnalisé, veuillez consulter notre tutoriel sur l'ajout d'extraits de code.

L'extrait de code ci-dessous masque l'étiquette des champs Contenu dans la vue d'impression d'une seule entrée :

/*
 * Hide Field Labels in Entry Views and Notifications.
 *
 * @link https://wpforms.com/developers/how-to-hide-field-labels-in-entry-views-and-notifications
 *
 */
function wpf_hide_field_label( $field_label, $field, $form_data, $context ) {

	if ( $context !== 'single-print' ) { 
		return $field_label;
	}

	$field_type = ! empty( $field['type'] ) ? $field['type'] : '';

	if ( $field_type === 'content' ) {
		$field_label = ''; // Leave this empty to hide the label value
	}

	return $field_label;
}

add_filter( 'wpforms_html_field_name', 'wpf_hide_field_label', 10, 4 );

Personnalisation de l'extrait

Vous pouvez modifier cet extrait pour l'adapter à vos besoins spécifiques :

1. Pour appliquer les modifications à une autre zone, modifiez le paramètre $context valeur. Les options disponibles sont les suivantes :

  • single-print: Vue de l'impression d'une seule entrée
  • single-entry: Vue à entrée unique
  • email-html: Notifications par courrier électronique

2. Pour cibler différents types de champs, modifiez le champ field_type valeur. Les options disponibles sont les suivantes :

  • content
  • html
  • divider
  • pagebreak

Et c'est tout ! Vous avez maintenant réussi à masquer les étiquettes des champs sans entrée tout en affichant le contenu.