AI要約
WPForms のエントリープレビューで空のフィールドを非表示にしますか？これにより、データが含まれるフィールドのみが表示され、よりクリーンで焦点を絞ったプレビューを作成できます。
このチュートリアルでは、カスタムコードスニペットを使用して WPForms のエントリープレビューから空のフィールドを削除する方法を説明します。
コードスニペットの追加
エントリープレビューから空のフィールドを非表示にするには、サイトにカスタムコードスニペットを追加する必要があります。カスタムコードの追加方法がわからない場合は、コードスニペットの追加に関するチュートリアルを参照してください。
次のPHPコードスニペットをサイトに追加してください：
/**
* Filter the entry preview fields to hide empty fields.
*
* @link https://wpforms.com/developers/hiding-empty-fields-in-wpforms-entry-preview
*
*
* @param array $fields The entry preview fields.
* @param array $form_data Form data and settings.
*
* @return array The filtered entry preview fields.
*/
function wpf_hide_empty_entry_preview_fields( $fields, $form_data ) {
foreach ( $fields as $field_id => $field ) {
if ( empty( $field['value'] ) ) {
unset($fields[$field_id]);
}
}
return $fields;
}
// Add the filter to apply the custom function.
add_filter( 'wpforms_entry_preview_fields', 'wpf_hide_empty_entry_preview_fields', 10, 2 );
このスニペットは、wpforms_entry_preview_fields フィルターを使用して、エントリープレビューに表示されるフィールドを変更します。コードは、エントリープレビュー内のすべてのフィールドをループし、各フィールドについて、'value' が空かどうかを確認します。フィールドの値が空の場合は、そのフィールドを配列から削除（アンセット）します。ループが完了した後、値を持つフィールドのみを含む、変更されたフィールドの配列を返します。
これで完了です！WPForms のエントリープレビューから空のフィールドを非表示にしました。これにより、データが含まれるフィールドのみを表示する、よりクリーンで焦点を絞ったプレビューが作成されます。
WPForms のエントリープレビューのカスタマイズについて、さらに詳しく知りたいですか？WPForms でのエントリープレビューフィールドの表示に関するチュートリアルをご覧ください。