Atenção!

Este artigo contém código PHP e destina-se a desenvolvedores. Oferecemos este código como uma cortesia, mas não fornecemos suporte para personalizações de código ou desenvolvimento de terceiros.

Para orientação extra, consulte o tutorial do WPBeginner sobre como adicionar código personalizado.

Dispensar

Descrição

O wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint permite alterar os pontos de interrupção ao usar um layout de várias colunas no campo Layout e Repetidor.

Parâmetros

$viewport_breakpoint
(int) Largura da viewport em pixels.
$form_data
(array) Configurações/dados do formulário processados, preparados para uso posterior.

Fonte

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

Mais Informações

Este filtro é aplicado a todos os formulários e permite definir o ponto de interrupção para os campos Layout e Repetidor que usam um layout de várias colunas.

O ponto de interrupção padrão para os campos Layout e Repetidor com layout de várias colunas é de 600 pixels. No entanto, com este filtro, você poderá personalizar o ponto de interrupção para atender às suas necessidades específicas.

Exemplo

No exemplo abaixo, o filtro aplicará um valor de ponto de interrupção de 768 a todos os formulários em seu site que usam um layout de várias colunas no campo Layout ou Repetidor. Isso significa que em telas com menos de 768 pixels, os layouts de várias colunas adotarão uma única coluna. Você pode ajustar o valor no trecho de código abaixo para qualquer tamanho de tela que desejar segmentar.

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