So positionieren Sie die Feld-Beschreibung über dem Formularfeld

Übersicht

Möchten Sie die Feld-Beschreibung über Ihren Formularfeldern positionieren? Dies kann mit einem kleinen PHP-Snippet, das Sie auf Ihrer Website hinzufügen, einfach erreicht werden. Dieses Tutorial zeigt Ihnen, wie Sie die Beschreibung Ihrer Felder über den Formularfeldern anzeigen lassen können.

Standardmäßig platziert WPForms alle Feld-Beschreibungen direkt unter der Eingabe des Formularfeldes.

Einrichtung

Um diese Beschreibungen über das Formularfeld zu verschieben, müssen Sie zuerst diesen Snippet auf Ihrer Website kopieren. Wenn Sie Hilfe benötigen, wie und wo Sie Snippets auf 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 verschiebt die Beschreibungen über die Formularfelder, aber nur, wenn die Formular-ID 225 ist. Denken Sie daran, die Formular-ID von 225 zu ändern, damit sie Ihrer eigenen Formular-ID entspricht. Wenn Sie Hilfe beim Finden Ihrer Formular-ID benötigen, lesen Sie bitte dieses Tutorial.

Sobald Sie diesen Code-Snippet hinzugefügt haben, werden Sie sehen, dass die Beschreibungen nun über den Formularfeldern angezeigt werden.

Und das ist alles! Sie haben nun erfolgreich die Feld-Beschreibungen in Ihrem Formular über die Formularfelder verschoben. Möchten Sie auch lernen, wie Sie die Anzahl der Zeichen für das Textfeld Ihres Formulars begrenzen können? Werfen Sie einen Blick auf unseren Artikel Zeichenanzahl für ein Textfeld begrenzen.

Verwandt

Filterreferenz: wpforms_field_properties

FAQ

F: Ich habe den Snippet hinzugefügt, aber es funktioniert immer noch nicht für mich?

A: Wenn Sie den Snippet hinzugefügt haben, aber die Änderung nicht sehen, leeren Sie bitte den gesamten Website-Cache und bestätigen Sie außerdem, dass Sie den obigen Snippet aktualisiert haben, um die Formular-ID in Ihrem Formular widerzuspiegeln.

F: Wie kann ich das für alle meine Formulare tun, anstatt 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. Unten sehen Sie ein Beispiel für diesen 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 );