名前フィールドのサブラベルを変更する方法

はじめに

フォームの名前フィールドのサブラベルを変更しますか？簡単なPHPスニペットを使用すると、これは非常に簡単に行えます。

WPFormsでは、名前フィールドは3つの形式で表示できます。

• シンプル（単一フィールドを表示するため、サブラベルはありません）
• 名姓
• 名ミドル名姓

このチュートリアルでは、PHPコードスニペットを使用してサブラベルを変更する方法の基本を説明します。

フォームの作成

まず、フォームを作成し、名前フィールドを含むフィールドを追加します。

フォームの作成方法については、こちらのドキュメントをご覧ください。

スニペットの追加

住所フィールドのサブラベルを変更するには、このスニペットをサイトに追加する必要があります。

スニペットをサイトに追加する方法と場所についてサポートが必要な場合は、このチュートリアルを確認してください。

/**
 * Customize name field properties.
 *
 * @link   https://wpforms.com/developers/how-to-change-sublabels-for-the-name-field/
 */

function wpf_dev_name_field_properties( $properties, $field, $form_data ) {
	
	// Change sublabel values
	$properties[ 'inputs' ][ 'first' ][ 'sublabel' ][ 'value' ]  = __( 'First Name', 'plugin-domain' );
	$properties[ 'inputs' ][ 'middle' ][ 'sublabel' ][ 'value' ] = __( 'Middle Initial', 'plugin-domain' );
	$properties[ 'inputs' ][ 'last' ][ 'sublabel' ][ 'value' ]   = __( 'Last Name', 'plugin-domain' );

	return $properties;
}

add_filter( 'wpforms_field_properties_name' , 'wpf_dev_name_field_properties', 10, 3 );

このスニペットは、すべてのフォームのすべてのサブラベルを変更します。

これで、名前フィールドのサブラベルを正常に変更できました！必須フィールドの必須フィールド記号を変更しますか？必須フィールドインジケーターの変更方法の記事をご覧ください。

関連

フィルターリファレンス: wpforms_field_properties

よくある質問

Q: これらを1つのフォームのみで変更できますか？

A: もちろんです。特定のフォームのみでこれらのサブラベルを変更したい場合は、代わりにこのスニペットを使用し、フォームID123を自分のフォームIDに合わせて更新することを忘れないでください。フォームIDの見つけ方がわからない場合は、こちらの役立つガイドをご覧ください。

/**
 * Customize name field properties.
 *
 * @link   https://wpforms.com/developers/how-to-change-sublabels-for-the-name-field/
 */
 
function wpf_dev_name_field_properties( $properties, $field, $form_data ) {
	
	// Only process this snippet on the form ID 123
    if ( absint( $form_data[ 'id' ] ) !== 123 ) {

        return $properties;
    } 
	
	// Change sublabel values
	$properties[ 'inputs' ][ 'first' ][ 'sublabel' ][ 'value' ]  = __( 'First Name', 'plugin-domain' );
	$properties[ 'inputs' ][ 'middle' ][ 'sublabel' ][ 'value' ] = __( 'Middle Initial', 'plugin-domain' );
	$properties[ 'inputs' ][ 'last' ][ 'sublabel' ][ 'value' ]   = __( 'Last Name', 'plugin-domain' );

	return $properties;
}

add_filter( 'wpforms_field_properties_name' , 'wpf_dev_name_field_properties', 10, 3 );

スニペットに示すように、フォームIDのチェックを追加するだけで済みます。if ( absint( $form_data[ 'id' ] ) !== 123 ) { return $properties; } 。スニペットの残りの部分は、すべてのフォームの例とまったく同じです。