<html lang="ja-jp" dir="ltr"><head></head><body>### [メール通知で電話番号をリンクにする方法](https://wpforms.com/developers/how-to-make-phone-numbers-a-link-in-email-notifications/)

**公開日:** 2021年4月6日
**著者:** エディトリアルチーム

**抜粋:** このチュートリアルでは、フォームの電話番号をメール通知内のクリック可能なリンクにする方法を説明します。

**コンテンツ:**

## はじめに

フォームで収集した電話番号を、メール通知内でリンクにしたいと思いませんか？ デフォルトでは、メール通知に表示される電話番号はクリックして電話をかけることができませんが、簡単なPHPスニペットを使用することで、これを簡単に変更できます。このチュートリアルでは、これらの番号にクリックして電話をかける機能を持たせるためのフォームと通知の設定方法を説明します。

このスニペットは、選択したメールテンプレートが**プレーンテキスト**の場合、機能しないことに注意してください。現在使用しているメールテンプレートを確認するには、左側のWordPressメニューから**WPForms設定 » メール**タブに移動してください。

## フォームの作成

このチュートリアルの目的のために、**名前**、**メールアドレス**、**電話番号**、および**段落テキスト**のフォームフィールドを持つフォームを作成します。

フォームの作成にヘルプが必要な場合は、[こちらのドキュメント](https://wpforms.com/docs/creating-first-form/ "最初のフォームの作成")をご覧ください。

![フォームを作成し、電話番号フィールドを追加する](https://wpforms.com/wp-content/uploads/2021/04/wpforms-phone-form.jpg)

## 電話番号をリンクにするコードの追加

次に、メール通知を表示したときに**電話番号**フィールドをリンクに変換するコードスニペットを追加します。

サイトにスニペットを追加する支援については、[こちらのチュートリアル](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "WPForms用のカスタムPHPまたはJavaScriptの追加方法")を参照してください。

```

/**
 * メール通知内で電話番号をリンクにする
 *
 * @link https://wpforms.com/developers/how-to-make-phone-numbers-a-link-in-email-notifications/
 */

function wpf_dev_html_field_value( $value, $field, $form_data, $context = '' ) {

    // このカスタマイズを電話フィールドに限定する。
    if ( ! empty( $field[ 'value' ] ) &amp;&amp; 'phone' === $field[ 'type' ] ) {

        $phone_number = sanitize_text_field( $field[ 'value' ] );

        // 電話番号フィールドを通知内でリンクにする
        if ( ! empty( $phone_number ) ) {

            return '' . $phone_number . '';
        }

    }

    return $value;

}
add_filter( 'wpforms_html_field_value', 'wpf_dev_html_field_value', 10, 4 );
```

このスニペットを見てみましょう。スニペットの最初の部分は、**電話番号**フォームフィールドのみを探します。これにより、スニペットがすべてのフィールドで実行される必要がなくなります。

スニペットの2番目の部分は、**電話番号**フィールドが見つかると、フォームに入力された番号を取得し、通知内でクリック可能なリンクに変換します。

これで、フォームが完了すると、電話番号がメール通知にリンクとして表示されます。

![フォームが完了すると、電話番号がメール通知にリンクとして表示されます](https://wpforms.com/wp-content/uploads/2021/04/wpforms-phone-number-link.jpg)

このフィールドにさらに検証を追加したいですか？ [電話フィールドに追加の検証を提供する方法](https://wpforms.com/developers/how-to-provide-additional-phone-field-validation/ "電話フィールドに追加の検証を提供する方法")に関するチュートリアルをご覧ください。

## 関連

フィルターリファレンス: [wpforms\_html\_field\_value](https://wpforms.com/developers/wpforms_html_field_value/ "wpforms_html_field_valueフィルターの使用")

**カテゴリー:** チュートリアル

**タグ:** PHP

---</body></html>