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）ピ ク セル単位のビ ュ ーポー ト 幅。

フォームデータ

(配列) 処理済みのフォーム設定/データ。

ソース

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

詳細情報

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

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

例

下の例では、レイアウトまたはリピータフィールドでマルチカラムレイアウトを使用しているサイトのすべてのフォームに、ブレークポイント値768を適用します。つまり、768ピクセル以下の画面では、マルチカラムレイアウトは1カラムになります。以下のコード・スニペットで、ターゲットとする画面サイズに合わせて値を調整できます。

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