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. JetPack タイルギャラリーの使い方

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

  4. スマートフォン(レスポンシブ)対応のGoogleMap

  5. 2013.7.13 WordBench 神戸 「お気に入りのテーマを見…

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

コメント

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

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

CAPTCHA


最近の記事

  1. WordPressのバックアップ
  2. 女性起業家の方へ

アーカイブ

制作実績一覧

  1. office-aki
  2. looplus 神戸の不動産買取・売却・リフォーム
  3. 12starz
  4. SOARist
  5. ダンスウェア ララック様
  6. デジタルイースト
  7. 西表島 シュノーケル・カヌーツアーcrossriver
  8. ハミング
  9. hearty