エントリービューやメール通知において、コンテンツ、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
これで完了だ!これで、コンテンツを表示しながら、非入力フィールドのラベルを隠すことに成功しました。