WordPressのプラグイン「Contact Form 7」で画像を送ってもらう

WordPressのお問合せフォームとして、いつも使わせていただいている「Contact Form 7ですが、今回設置するフォームに「画像を添付して送ってもらう機能が欲しい」と、依頼がありましたので設定してみました。

1.フォームボタンから項目を追加

まずはいつものように、Contact Form 7をプラグインの追加から、追加した後にフォームの項目設定を行います。
既に「ファイル」というボタンが用意されているのでこちらをクリック。

Contact Form 7で画像を送信

2.ファイルサイズの上限やファイル形式を選択

先ほどの「ファイル」ボタンをクリックすると、こちらのウィンドーが表示されますので、ファイルサイズの上限やファイル形式などを入力します。
※jpg,jpg,pdf等、カンマを入れて複数指定できます。

Contact Form 7で画像を送信

3.タグを挿入する

上の↑タグをコピーして、フォーム内に貼り付けます。

Contact Form 7で画像を送信

4.メールタブでファイル添付の設定

次はメールタブに切り替えます。

Contact Form 7で画像を送信

メールタブの一番下の方に「ファイル添付」という項目があるので、そこに設定したタグを挿入します。

Contact Form 7で画像を送信

5.固定ページに貼って動作確認

最後はフォームのタグを固定ページに貼り付けます。
このように、「ファイルを選択」ボタンが表示されました。

Contact Form 7で画像を送信

こちらのフォームからのメールを受信しますと、添付ファイルとしてメールに画像が添付されて届きました。

ちなみに、複数設定できますので、「ファイル」ボタンからいくらでも増やせます。

にほんブログ村 デザインブログ Webデザインへ

関連記事

  1. ロリポップで「不正なアクセスを検知いたしました」とメールが来てWord…

  2. WordPressのバックアップ

    WordPressを「BackWPup」プラグインで定期的にバックアッ…

  3. Jetpack スライドショーの背景色を変更する

  4. WordPress標準搭載のギャラリー機能でギャラリーを作成する

  5. JetPack タイルギャラリーの使い方

  6. microdataでHTML5のパンくずリストを作成

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. 「雑誌取材」や「TV番組取材」という名目の広告営業にご注意!
  2. フリーランスに必要な「稼ぎ力」「継続力」を身につける
  3. ブログって何をどう書いたらいい?
  4. ホームページ・ブログ・SNS それぞれの特徴と役割そして使い分け

アーカイブ

制作実績一覧

  1. まごころ本舗様
  2. アロマ時間
  3. 芦屋気功療法院
  4. ホメオスタジア 敏感肌・乾燥肌用クレンジング&洗願ジェル
  5. office-aki
  6. looplus 神戸の不動産買取・売却・リフォーム
  7. 12starz
  8. SOARist
  9. ダンスウェア ララック様