Attention !

Cet article contient du code PHP et est destiné aux développeurs. Nous offrons ce code par courtoisie, mais nous ne fournissons pas de support pour les personnalisations de code ou le développement de tierces parties.

Pour plus d'informations, consultez le tutoriel de WPBeginner sur l'ajout de code personnalisé.

Rejeter

Description

Le wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint permet de modifier les points de rupture lors de l'utilisation d'une mise en page multi-colonnes dans le champ Mise en page et répétiteur.

Paramètres

Point de rupture de l'image
(int) Largeur de la fenêtre en pixels.
$form_data
(tableau) Paramètres/données de formulaire traités, préparés pour être utilisés ultérieurement.

Source

wpforms/src/Pro/Forms/Fields/Traits/Layout/Frontend.php

Plus d'informations

Ce filtre s'applique à tous les formulaires et vous permet de définir le point de rupture pour les champs de présentation et de répétition qui utilisent une présentation à plusieurs colonnes.

Le point de rupture par défaut pour les rubriques Disposition et Répétiteur avec une disposition en plusieurs colonnes est de 600 pixels. Toutefois, grâce à ce filtre, vous pourrez personnaliser le point de rupture en fonction de vos besoins spécifiques.

Exemple

Dans l'exemple ci-dessous, le filtre applique un point de rupture de 768 à tous les formulaires de votre site qui utilisent une mise en page multi-colonnes dans le champ Mise en page ou Répétiteur. Cela signifie que sur les écrans inférieurs à 768 pixels, les mises en page multi-colonnes adopteront une seule colonne. Vous pouvez ajuster la valeur dans l'extrait de code ci-dessous en fonction de la taille d'écran que vous souhaitez cibler.

/**
 * Filter the breakpoint (as viewport width in pixels) for the layout and repeater fields.
 *
 * @link   https://wpforms.com/developers/wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint/
 *
 * @param int   $viewport_breakpoint The viewport width in pixels.
 * @param array $form_data   Form data.
 * 
 */

 
add_filter( 'wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint', static function() {
    return 768;
 } );