ContactForm7でファイル送信やテキストエリアで初期値を表示

WordPressでフォームを使う場合にContact Form 7をプラグインで使う方は、多いですがちょっと特殊になるとできない方も多いですね。
今回は、フォーム送信時にファイル送信を添付したりテキストエリアに初期表示させる言葉を挿入したりする方法などについて解説します。
今回は、難易度高いかもですね。

目　次

フォームにファイル送信を添付させる方法

画像やPDFなどをフォーム送信に添付させたい時に上記画像のような形式になりますね。
Contact Form 7を使ってこれを作成するのは、ちょっといろいろやることが多く１つでも抜けると表示できてもファイルが添付されないことがあるので注意してください。
以下に順番に解説していきます。

お問い合わせ作成画面フォーム

まずは、フォーム作成画面で「ファイル」のボタンをクリックして設定していきます。
ファイルをフォームから送信してもらう場合は、いろいろと設定もあります。
送信できるファイルの種類を限定したり、上限のファイルサイズを決めたり・・・

上記では、送信できる上限のファイルサイズと送信できるファイルタイプを指定しています。
何も指定しない場合は、送信できるファイルの上限サイズは、1MBに設定されています。
また、使えるファイルタイプは、以下の通りですね。
jpg、jpeg、png、gif、pdf、doc、docx、ppt、pptx、odt、avi、ogg、m4a、mov、mp3、mp4、mpg、wav, wmv

お問い合わせ作成画面メール

メール送信してもらうための設定を行います。
メール本文のところだけでなく下にある「ファイル添付」のところにも記載しておく必要があります。
複数添付してもらう場合に20MB~25MBを超えないように設定しないとメール送信できない可能性と受信も厳しい場合があります。

ファイル保存ディレクトリ確認

Contact Form 7をインストールしただけではディレクトリが作成されてないのですが、ファイル添付の設定すると通常は自動で作成されているはずなのですが・・・
一時フォルダはデフォルトでは wp-content/uploads/wpcf7_uploadsに作成されることになってます。

wp-configへの追加

wp-config.php 内で WPCF7_UPLOADS_TMP_DIR 定数を指定して一時フォルダのパスを設定します。
以下に書き方を表示します。

/* 例 */

define( 'WPCF7_UPLOADS_TMP_DIR', '/wp-content/uploads/wpcf7_uploads' );

下記のページも参考にしてください。
→ ファイルのアップロードとメールの添付

テキストエリアに初期値を表示させる方法

上記画像のように最初から文字を表示しておきたいって時がありますよね
これは、必須指定があるときとない時で書き方が少し違うので気をつけてくださいね。

必須指定なし

/* 必須なし */

 [textarea your-message ] 
    悩み

解決策

    [/textarea]

必須指定あり

/* 必須あり */

 [textarea* your-message ] 
    悩み

解決策

    [/textarea*]

フォーム送信後にプラグインなしでリダイレクトさせる方法

よく送信後に違うページになること多いですね。
実は、リダイレクトという方法で「お問い合わせありがとうございます」などのページやトップページに移動させることができます。
Contact Form 7ではプラグインでやることが多いのですが、今回はそれを使わない方法でできる方法を解説します。
これは、プラグインが多くなりすぎるのを防ぐための方法でもあります。

「その他の設定」タブの中に JavaScriptを入れることで可能になります。
下記のソースを参考にしてください。