Ändern von Unteretiketten für das Feld Name

Einführung

Möchten Sie die Sublabels für das Feld Name in Ihren Formularen ändern? Mit einem kleinen PHP-Snippet ist dies ganz einfach möglich.

In WPForms kann das Feld Name in drei Formaten angezeigt werden:

  • Einfach (zeigt ein einziges Feld an, also keine Unteretiketten)
  • Erste Letzte
  • Vorname Mitte Nachname

In diesem Tutorial zeigen wir Ihnen die Grundlagen, wie Sie die Sublabels mit einem PHP-Codefragment ändern können.

Erstellen des Formulars

Wir beginnen mit der Erstellung unseres Formulars und dem Hinzufügen des Feldes, das das Feld Name enthalten wird.

Wenn Sie Hilfe bei der Erstellung Ihres Formulars benötigen, sehen Sie sich bitte diese Dokumentation an.

Format für das Feld Name in WPForms auswählen

Hinzufügen des Snippets

Um die Unteretiketten im Adressfeld zu ändern, müssen wir dieses Snippet zu unserer Website hinzufügen.

Wenn Sie Hilfe benötigen, wie und wo Sie Snippets zu Ihrer Website hinzufügen können, lesen Sie bitte diese Anleitung.

/**
 * Customize name field properties.
 *
 * @link   https://wpforms.com/developers/how-to-change-sublabels-for-the-name-field/
 */

function wpf_dev_name_field_properties( $properties, $field, $form_data ) {
	
	// Change sublabel values
	$properties[ 'inputs' ][ 'first' ][ 'sublabel' ][ 'value' ]  = __( 'First Name', 'plugin-domain' );
	$properties[ 'inputs' ][ 'middle' ][ 'sublabel' ][ 'value' ] = __( 'Middle Initial', 'plugin-domain' );
	$properties[ 'inputs' ][ 'last' ][ 'sublabel' ][ 'value' ]   = __( 'Last Name', 'plugin-domain' );

	return $properties;
}

add_filter( 'wpforms_field_properties_name' , 'wpf_dev_name_field_properties', 10, 3 );

Dieses Snippet ändert alle Unteretiketten für alle Formulare.

Mit diesem Schnipsel können Sie nun die Unteretiketten des Namensfeldes ändern

Und das war's! Sie haben die Unteretiketten für das Feld Name erfolgreich geändert! Möchten Sie das Pflichtfeldsymbol für die Pflichtfelder ändern? Schauen Sie sich unseren Artikel über das Ändern des Pflichtfeldsymbols an.

Filter-Referenz: wpforms_field_properties

FAQ

F: Kann ich diese nur für ein Formular ändern?

A: Natürlich, wenn Sie diese Unteretiketten nur für ein bestimmtes Formular ändern möchten, verwenden Sie stattdessen dieses Snippet und denken Sie daran, die Formular-ID 123 zu aktualisieren, damit sie Ihrer eigenen Formular-ID entspricht. Wenn Sie Hilfe bei der Suche nach Ihrer Formular-ID benötigen, lesen Sie bitte diese hilfreiche Anleitung.


/**
 * Customize name field properties.
 *
 * @link   https://wpforms.com/developers/how-to-change-sublabels-for-the-name-field/
 */
 
function wpf_dev_name_field_properties( $properties, $field, $form_data ) {
	
	// Only process this snippet on the form ID 123
    if ( absint( $form_data[ 'id' ] ) !== 123 ) {

        return $properties;
    } 
	
	// Change sublabel values
	$properties[ 'inputs' ][ 'first' ][ 'sublabel' ][ 'value' ]  = __( 'First Name', 'plugin-domain' );
	$properties[ 'inputs' ][ 'middle' ][ 'sublabel' ][ 'value' ] = __( 'Middle Initial', 'plugin-domain' );
	$properties[ 'inputs' ][ 'last' ][ 'sublabel' ][ 'value' ]   = __( 'Last Name', 'plugin-domain' );

	return $properties;
}

add_filter( 'wpforms_field_properties_name' , 'wpf_dev_name_field_properties', 10, 3 );

Wie Sie in dem Schnipsel sehen können, müssen wir nur noch die Prüfung der Formular-ID mit if ( absint( $form_data[ 'id' ] ) !== 123 ) { return $properties; } Der Rest des Schnipsels bleibt genau so wie im Beispiel mit allen Formularen.