So positionieren Sie die Feldbeschreibung über dem Formularfeld

Übersicht

Möchten Sie die Feldbeschreibung über Ihren Formularfeldern platzieren? Das ist ganz einfach mit einem kleinen PHP-Snippet auf Ihrer Website möglich. Dieses Tutorial zeigt Ihnen, wie Sie die Feldbeschreibung über Ihren Formularfeldern platzieren können.

Standardmäßig platziert WPForms alle Feldbeschreibungen direkt unter der Eingabe des Formularfeldes.

Standardmäßig steht die Feldbeschreibung unterhalb des Formularfeldes

Einrichtung

Um diese Beschreibungen oberhalb des Formularfeldes zu platzieren, müssen Sie zunächst dieses Snippet auf Ihre Website kopieren. Wenn Sie Hilfe benötigen, wie und wo Sie Snippets zu Ihrer Website hinzufügen können, sehen Sie sich dieses Tutorial an.

/**
 * 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 );

Der oben gezeigte Code wird die Beschreibungen über die Formularfelder verschieben, aber nur, wenn die Formular-ID225. Denken Sie nur daran, die Formular-ID von 225 um Ihre eigene Formular-ID zu finden. Wenn Sie Hilfe bei der Suche nach Ihrer Formular-ID benötigen, Bitte lesen Sie diese Anleitung.

Sobald Sie dieses Codeschnipsel hinzugefügt haben, werden Sie sehen, dass die Beschreibungen nun über den Formularfeldern erscheinen.

Die Position der Feldbeschreibung ist jetzt oben mit dem PHP-Snippet

Und das war's! Sie haben nun erfolgreich die Feldbeschreibungen in Ihrem Formular über die Formularfelder verschoben. Möchten Sie auch erfahren, wie Sie die Anzahl der Zeichen für das Textfeld Ihres Formulars begrenzen können? Schauen Sie sich unseren Artikel How to Limit the Number of Characters for a Text Field an.

Filter-Referenz: wpforms_field_properties

FAQ

F: Ich habe das Snippet hinzugefügt, aber es funktioniert immer noch nicht bei mir?

A: Wenn Sie das Snippet hinzugefügt haben, aber die Änderung nicht sehen können, löschen Sie bitte den Website-Cache und stellen Sie sicher, dass Sie das Snippet oben aktualisiert haben, damit es die Formular-ID auf Ihrem Formular wiedergibt.

F: Wie kann ich dies für alle meine Formulare tun und nicht nur für eines?

A: Wenn Sie diese Funktionalität für alle Formulare wünschen, entfernen Sie einfach den Aufruf für die Formular-ID. Im Folgenden finden Sie ein Beispiel für dieses Snippet.

/**
 * 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 );