エントリービューと通知でフィールドラベルを非表示にする方法

エントリービューやメール通知において、コンテンツ、HTML、改ページ、セクションディバイダーなどの非入力フィールドのフィールドラベルを非表示にしたいですか?このチュートリアルでは、シンプルなコード・スニペットと wpforms_html_field_name フィルタを使用して、エントリービューと電子メール通知のフィールドラベルを非表示にできます。

コード・スニペットの追加

フィールドラベルを非表示にするには、サイトにカスタムコードスニペットを追加する必要があります。カスタム・コードの追加にヘルプが必要な場合は、コード・スニペットの追加に関するチュートリアルをご覧ください。

以下に示すコード・スニペットは、単一エントリーの印刷ビューでコンテンツ・フィールドのラベルを非表示にします:

/*
 * Hide Field Labels in Entry Views and Notifications.
 *
 * @link https://wpforms.com/developers/how-to-hide-field-labels-in-entry-views-and-notifications
 *
 */
function wpf_hide_field_label( $field_label, $field, $form_data, $context ) {

	if ( $context !== 'single-print' ) { 
		return $field_label;
	}

	$field_type = ! empty( $field['type'] ) ? $field['type'] : '';

	if ( $field_type === 'content' ) {
		$field_label = ''; // Leave this empty to hide the label value
	}

	return $field_label;
}

add_filter( 'wpforms_html_field_name', 'wpf_hide_field_label', 10, 4 );

スニペットのカスタマイズ

このスニペットは、あなたの特定のニーズに合わせて変更することができます:

1.変更を別のエリアに適用するには $context 値を指定します。利用可能なオプションは以下の通り:

  • single-print:単一エントリーの印刷表示
  • single-entry:シングルエントリービュー
  • email-html:メール通知

2.異なるフィールド・タイプをターゲットにするには field_type 値を指定します。利用可能なオプションは以下の通り:

  • content
  • html
  • divider
  • pagebreak

これで完了だ!これで、コンテンツを表示しながら、非入力フィールドのラベルを隠すことに成功しました。