apply_filters( 'wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint', int $viewport_breakpoint, array $forms )

説明

wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint は、レイアウトフィールドおよびリピーターフィールドでマルチカラムレイアウトを使用する際のブレークポイントを変更できるようにします。

パラメーター

$viewport_breakpoint

(int) ピクセル単位のビューポート幅。

$form_data

(配列)  後で使用するために処理および準備されたフォーム設定/データ。

ソース

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

詳細情報

このフィルターはすべてのフォームに適用され、マルチカラムレイアウトを使用するレイアウトフィールドおよびリピーターフィールドのブレークポイントを設定できます。

マルチカラムレイアウトのレイアウトフィールドおよびリピーターフィールドのデフォルトのブレークポイントは600ピクセルです。ただし、このフィルターを使用すると、特定のニーズに合わせてブレークポイントをカスタマイズできます。

例

以下の例では、このフィルターは、サイト上のマルチカラムレイアウトをレイアウトフィールドまたはリピーターフィールドで使用するすべてのフォームにブレークポイント値768を適用します。これは、768ピクセル未満の画面では、マルチカラムレイアウトがシングルカラムを採用することを意味します。ターゲットとする画面サイズに合わせて、下のコードスニペットの値を調整できます。

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