Contact Form 7 複数ファイルのアップロード チュートリアル: A から Z まで

公開: 2022-09-22

そのシンプルさから、Contact Form 7 は 2007 年のリリース以来、WordPress で最も人気のある無料プラグインの 1 つになりました。ただし、プラグインの機能の一部は、ウェブサイトの所有者の高まる要求を満たすほど最新ではありません. たとえば、Contact Form 7 の複数ファイルのアップロードは許可されていません。

幸いなことに、サポートするプラグインをインストールすることで、この問題を簡単に解決できます。 詳細は下へスクロール!

  • Contact Form 7 の複数ファイルのアップロードが必要な理由
  • 推奨プラグイン
  • Contact Form 7 の複数ファイルのアップロードを許可する方法
  • よくある質問

Contact Form 7 の複数ファイルのアップロードが必要な理由

リピーターや潜在的な顧客を引き付けたい Web サイトには、連絡先フォームが必要です。 このようにして、ユーザーはフォームを介してファイルをアップロードし、必要な情報を提供できます。

例として、応募者が履歴書、カバー レター、証明書を提出するための求人応募フォームを作成します。 または、視聴者が現在の問題に関するドキュメントをアップロードできる「今すぐ相談を依頼する」フォームを公開します。

この投稿に目を留めたあなたは、おそらく Contact Form 7 を使用しているか、使用するつもりです。 残念ながら、Contact Form 7 はデフォルトで複数ファイルのアップロードをサポートしていません。 すべてのファイルに対応するにはいくつかのフィールドを追加する必要があり、連絡先フォームが不便になります。

ユーザー エクスペリエンスを向上させるために Contact Form 7 の複数ファイル アップロードを採用することは、優れたアイデアです。 これを実現するには、コードをカスタマイズするか、改良されたフォーム プラグインを使用する必要があります。 コーディング ベースがない場合は、後者の方法を強くお勧めします。

推奨プラグイン

pda-multiline-files-upload-for-contact-form-7-plugin

複数ファイルのアップロード機能を有効にするには、Contact Form 7 プラグインの複数行ファイルのアップロードを使用することをお勧めします。 既製の連絡先フォームを強化する簡単な方法を探している場合は、これが最適なオプションです。

概要

その名前が示すように、プラグインは複数のファイルのアップロードを受け入れるようにフィールドを設定します。 したがって、サイト ユーザーは、ドラッグ アンド ドロップして複数のファイルをフォームに送信したり、すべてのファイルを同時に削除したりできます。 一方、Web サイトの管理者は、すべての添付ファイルを電子メールで ZIP 形式で受け取ることができます。

プラグインをインストールする前に必要なもの:

  • WordPress プラットフォーム
  • Contact Form 7 プラグイン
  • ホスティング サーバーで有効になっている ZipArchive() 拡張機能

主な特徴

  • プラグインを簡単にインストールして構成する
  • 最新の WordPress および Contact Form 7 と互換性がある
  • オーディオ、ドキュメント、ビデオなど、さまざまなファイル形式を受け入れるフィールドを追加します。
  • WordPress では許可されていない、さまざまな Multipurpose Internet Mail Extensions (MIME) のサポート
  • すべての添付ファイルをメールに直接送信する
  • すべてのデバイスでレスポンシブ アップローダーを提供する
  • ファイルを 1 つずつ、または一度に複数のファイルをフォームに追加します。
  • 添付ファイルの一覧を見る
  • ファイルのセットをすばやく削除する

Contact Form 7 の複数ファイルのアップロードを許可する方法

Contact Form 7 の複数ファイルのアップロードを受け入れるには、次の手順を実行します。

ステップ 1: プラグインをインストールする

  1. WordPress 管理ダッシュボードで、[プラグイン] > [新規追加] に移動し、[キーワード]フィールドにプラグイン名を入力します。
  2. プラグイン「Zluck Solutions」の作成者を確認し、[今すぐインストール] > [アクティブ化] をクリックします。

pda-install-multiline-files-upload-for-contact-form-7-plugin

ステップ 2: お問い合わせフォームを編集する

  1. Contact > Contact Formsに移動し、フォームを編集して、 multilinefileを選択します。

pda-multilinefile

2. クリックすると、プラグインはダイアログ ボックスを開き、次の情報を入力します。

pda-form-tag-generator-multilinefile

ファイルサイズ制限

ボックス内の最大サイズを定義できます。 ユーザーがフィールドにアップロードできるファイルの数とファイルの種類によって異なります。 通常、大きなファイルのサイズはメガバイト単位であるため、メガバイト - バイト コンバーターを使用して適切な数値を見つけてください。

タイムアウト エラーを回避するために、Web ホスティング設定の WordPress メディア アップロード サイズ制限を確認することをお勧めします。 標準の範囲は 2 ~ 150MB です。

許可されているファイルの種類

このプラグインは、画像から音声、MIME まで、さまざまなファイル形式をサポートしています。 「 | 」で区切られたファイルタイプコードを入力することで、フォーマットを定義できます。 " サイン。

たとえば、 jpg|gif|jpeg|png|csv|exe|pdf|txtです。

ステップ 3: ショートコードを取得する

  1. 残りのフィールドをスキップして、[タグの挿入] ボタンを選択して設定を完了することができます。
  2. 生成されたショートコードを、 [ファイルを追加] ボタンを表示する場所に配置します。

pda-multilinefile-ショートコード

3. [保存] ボタンをクリックします。

ステップ 4: ファイルを受信するように電子メールを設定する

  1. サイト管理者は、メールパネルを設定することで、ユーザーの添付ファイルを受け取ることができます。 まず、multilinefile タグをコピーします。

pda-mail-multilinefile-tag

2. タグを[添付ファイル]ボックスに貼り付けます。

pda-multifile-mail-file-attachments

3. メール情報を確認し、[保存] ボタンを押します。

ステップ 5: Contact Form 7 の複数ファイルのアップロードをテストする

設定が完了しました。 さまざまな形式の複数のファイルをアップロードして、フォームをテストするときがきました。

  1. [ファイルの追加] ボタンを選択すると、ファイルを挿入できます。 プラグインは、アップロードされたファイルのリストを表示します。 それ以外の場合は、それぞれのXアイコンを選択してファイルを削除します。

pda-contact-form-7-multiple-file-upload-frontend

2. 最後に、フォームを送信してメールを確認します。 そこには、アップロードされたすべてのファイルの ZIP ファイルが表示されます。

ステップ 6: ファイル リストのスタイルを変更する (オプション)

Xアイコン、 [ファイルを追加] ボタン、および選択されたファイル名が気に入らない場合は、 WordPress テーマの CSS ファイルを使用して、カスタム スタイルを適用できます。 例えば:

  • ×アイコン:
 .mfcf7_zl_multifilecontainer p .mfcf7_zl_delete_file i { 色: 紺碧; }
  • ボタンのスタイル:
 #mfcf7_zl_add_file { 背景色: アースグリーン; }
  • 選択したファイル名のスタイル:
 .mfcf7-zl-マルチファイル名 { color: black; }

この手順により、フォームのインターフェイスが大幅に改善されます。 ただし、ある程度のプログラミング知識が必要です。

よくある質問

Contact Form 7 プラグインの複数行ファイルのアップロードはいくらですか?

WordPress リポジトリで無料で入手できます。 最小/最大ファイル アップロード制限の設定などの高度な機能を使用するには、プレミアム バージョンをインストールする必要があります。 通常のライセンスには 29 ドルかかります。

他の WordPress フォームにプラグインを使用できますか?

いいえ、プラグインは主に Contact Form 7 用に構築されています。他のフォームについては、代替プラグインの使用を検討してください。

プラグインに代わるものはありますか?

推奨プラグイン以外にも、Contact Form 7 で複数のファイルをアップロードできるプラグインがいくつかあります。

  • WPForms Pro: 複数ファイルのアップロード機能を内蔵したフォームビルダー。
  • Forminator: 複数ファイルのアップロード機能が統合された別のフォーム ビルダー。
  • WP File Upload: 任意の投稿、ページ、またはサイドバーに追加できる複数ファイル アップローダー。

それらはすべて有益です。 ただし、すでに Contact Form 7 をインストールしている場合、機能は豊富です。

ユーザーが連絡フォームを送信した後、ファイルのプライベート ダウンロード リンクをユーザーに送信するにはどうすればよいですか?

たとえば、ユーザーの電子メール、ファイル、および情報を収集するために eBook を配布しています。 必要なデータを取得すると、eBook のダウンロード リンクがユーザーに送信されます。

Contact Form 7 の送信後にプライベート ダウンロード リンクを送信する方法に関する詳細なガイドを公開しました。 詳しくはこちらをご覧ください。

Contact Form 7 の複数ファイルのアップロードを今すぐ許可してください!

Contact Form 7 を介して複数のファイルのアップロードを受け入れるための簡単で無料の方法を提案しました。それを試して、視聴者にとってより有益で便利でユーザーフレンドリーな連絡フォームを作成してください!

Contact Form 7 を使い始めたばかりの場合は、Contact Form 7 のメール設定を構成する方法をここで学んでください。

Gravity Forms を使用している場合は、Gravity Forms を介してファイルのアップロードを受け入れる方法を確認してください。

コンタクト フォームの送信を許可すると、フォーム スパムに遭遇する可能性があります。 これを回避するには、WordPress でコンタクト フォーム スパムを停止する方法に関するガイドを参照してください。

Contact Form 7 の複数ファイルのアップロードについて質問がありますか? 下のコメント欄で遠慮なくお知らせください!