ベストセラー人気 WordPress テーマTop 30 詳細

WordPress Contact Form 7でファイルのアップロード/添付機能を追加する

Last Updated:2020年11月14日| 5のコメント
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

WordPressでContact Form 7を使用して、ユーザーからの添付ファイルを送信することができます。

Contact Form 7は、無料のプラグインで Avada など、いくつかのテーマで、デフォルトでインストールされていたりします。

コンタクトフォームからファイルをアップロードフィールドを追加する

Contact Form 7でファイル添付機能を追加するには、二つの設定をしてべきです。

  1. コンタクトフォームにアップロードフィールドの追加
  2. アップロードされたファイルを添付するようにメール設定を構成する

ファイルのアップロードフィールドを追加する

まず、Form]タブで、ファイルのアップロードフィールドを追加します。

WordPress Contact Form 7でファイルのアップロード/添付機能を追加する3

上の図のように、次のような形式でフィールドを追加することができます。

[file your-file filetypes:pdf|txt limit:2mb]

ファイルタイプは、次のような形式で指定することができます。

filetypes:gif|png|jpg|jpeg

添付ファイルのサイズ制限は、次のような形式で指定ください。

limit:1048576
limit:1024kb
limit:1mb

他にもidとclassを指定することができます。

id:foo
class:bar

クラスは、複数の指定が可能です。

[file your-file class:y2008 class:m01 class:d01]

アップロードされたファイルを添付するようにMailタブの設定

フォームにアップロードフィールドを追加した場合、もう 郵便物 タブでアップロードされたファイルを添付するように設定する必要があります。

WordPress Contact Form 7でファイルのアップロード/添付機能を追加する4

上記の図のようにFile Attachmentsセクションにフィールド名を追加するようにします。

複数のを添付する場合は、次のように追加します。

[your-file][your-another-file]

ローカルファイルの添付

Contact Form 7 3.5以上では、ローカルファイルの添付(local file attachment)機能をサポートします。 ローカルファイルパスを「File attachments」フィールドに追加すると、ファイルがアップロードされたファイルだけでなく、電子メールの添付されます。

ファイルのパスをしたラインにXNUMXつずつ追加することです。 パスが絶対パスでなければwp-contentディレクトリの相対パスとして扱われます。

예:

[your-file][your-another-file]
/home/you/dir/dir/dir/fantasticpicture.jpg
uploads/2013/08/08/boringguide.pdf

アップロードされたファイルの一時フォルダ

一時フォルダのデフォルトのフォルダは wp-content / uploads / wpcf7_upload입니다。

WP-config.phpを ファイルに次の行を追加して、デフォルトの一時フォルダの場所を変更することができます。

define( 'WPCF7_UPLOADS_TMP_DIR', '/your/file/path' );

アップロード用の一時フォルダが存在し、書き込み権限が設定されている。 それ以外の場合、アップロードに失敗します。

ちなみにContact Form 7自体は、ユーザーが提出したコンタクトフォームの内容を保存しないため、別のプラグインをインストールする必要がもしかしたら知らない電子メール送信事故に備えることができます。

FlamingoはContact Form 7の開発者が作成したプラグインです。 他のプラグインで Contact Form 7 Database Addon - CFDB7 同じプラグインがあります。

メモ:



5のコメント

コメント

    • こんにちは?

      error logを確認してみるべきでしょするようです。

      サーバーを直接セットして運営する場合(例えば、Amazon AWS)サーバーのファイルパーミッションをチェックしてみてください。
      下文によると、権限の設定の問題を解決したら、問題が解決されたとしますね。

      sudo chown -R www-data:www-data wordpress_フォルダ

      https://wordpress.org/support/topic/contact-form-file-upload-showing-error/

      回答する
  1. 一度複数のファイルを送信しようとしする[file file-169 file-676 limit:200000 filetypes:gif | png | jpg | jpeg]このようにしたがありません。 一つのファイルのみ送ることね。

    回答する
    • こんにちは?

      ちなみに有料コンタクトフォームのプラグインであるQuform( https://www.thewordcracker.com/go/quform )は、1つのフィールドに複数のファイル添付が可能と思われる。

      https://uploads.disquscdn.com/images/ac7f7af757d90583d621d98af2c98ca691298e240dfe43a366ba0f7a35ec7ad9.jpg

      回答する