WordPressでファイルアップロードフォームを作成する方法–(ステップバイステップ)

WordPressでファイルアップロードフォームを作成する方法


WordPressでファイルアップロードフォームを作成したいですか? WordPressフォームにファイルアップロード機能を追加すると、必要な情報を簡単に収集できます.

この記事では、WordPressでファイルアップロードフォームを簡単な方法で段階的に作成する方法を説明します.

WordPressでファイルアップロードフォームを作成する理由?

WordPressサイトでファイルアップロードフォームを使用すると、サイトの訪問者からさまざまな種類のファイルやメディアを簡単に収集できます.

ファイルアップロードフォームを使用する理由はたくさんあります。それらのいくつかを見てみましょう:

  • オンラインで求人応募を受け入れ、ユーザーがCVを添付できるようにする.
  • ゲストの作成者が画像を添付できるようにする フロントエンドゲスト投稿投稿フォーム.
  • 顧客が添付を通じて詳細を提供できる顧客サポートフォーム.

ステップ0:WordPressのContact Formプラグインを選択する

お問い合わせフォームプラグインの使用は、お問い合わせフォームをWordPressウェブサイトに公開する最も簡単な方法です.

ただし、WordPress.orgプラグインディレクトリにある何千ものWordPressお問い合わせフォームプラグインに圧倒されるのは簡単です。そのため、次の1つの選択肢に絞り込みました。

WPForms

WPForms ワードプレスのウェブサイトのための最高のお問い合わせフォームプラグインです。 WPFormsが他のコンタクトフォームプラグインと比較して優れている点は次のとおりです。

1.使いやすい

WPFormは、WordPress用の最も使いやすい連絡フォームプラグインです。ポイントしてクリックできる場合は、WPFormsを使用して簡単に連絡先フォームを作成できます.

強力なドラッグアンドドロップビルダーにより、美しいコンタクトフォームを数時間ではなく数分で簡単に作成できます。.

2.フォームテンプレート

WPFormsに含まれる多種多様なフォームテンプレートにより、WordPressフォームを最初から作成する必要がなく、簡単にWordPressフォームを作成できます。.

業界またはニッチに合わせたWordPressフォームを作成する場合は、フォームテンプレートパックアドオンをインストールできます。業界に関係なく、WPFormsで適切なフォームテンプレートを見つけることができます.

3.機能

WPFormsを使用すると、WordPress Webサイトで高度なフォームを簡単に作成できます.

コアプラグインには、サイトで基本的なWordPressフォームを作成するために必要なすべての必須機能が含まれています。アドオンをインストールすることで、アンケート/アンケートフォーム、ログインフォーム、ユーザー登録フォーム、注文フォーム、寄付フォーム、ニュースレター購読フォームなどの高度なフォームを簡単に構築できます.

今すぐWPFormsを始めましょう!

代わりに無料版から始めたいですか?試す WPForms Lite.

ボーナス:IsItWPユーザーは、WPFormsを10%割引で利用できます。 WPFormsクーポンを使用するだけです:SAVE10

詳細については、WPFormsレビュー全体をお読みください.

ステップ1:WordPressで簡単な連絡先フォームを作成する

最初に行う必要があるのは、 WPFormsプラグイン.

次に、 WPForms»新規追加 新しいフォームを作成する.

WPFormsフォームの設定

セットアップ画面が表示され、フォームテンプレートとフォームの名前を選択する必要があります.

選択してみましょう 簡単なお問い合わせフォーム テンプレート.

新しいフィールドを追加したり、ドラッグアンドドロップで既存のフィールドをカスタマイズしたりできるフォームビルダーに移動します。.

デフォルトでは、 簡単なお問い合わせフォーム テンプレートは次のフィールドを作成します:名前、電子メールとコメントまたはメッセージ.

新しいフィールドを追加するには、左側のパネルから右側のフォームビルダーにフィールドをドラッグするだけです。.

フィールドをカスタマイズするには、ビルダーでフィールドをクリックし、左側のパネルでカスタマイズします。 Builderでは、好みの位置にドラッグアンドドロップすることで、フォームフィールドを簡単に再配置できます.

ステップ2:ファイルアップロード機能を追加する

簡単な連絡先フォームを作成したので、ファイルアップロード機能を追加します.

ファイルのアップロード機能を追加するには、クリックするだけです ファイルのアップロード 左側のパネルのフィールド。または、[ファイルのアップロード]フォームフィールドをドラッグして、フォームビルダーの適切な位置にドロップすることもできます.

ファイルアップロードフォーム

フィールドを追加した後、ビルダーでフィールドをクリックして、次の詳細をカスタマイズできます。

  • ラベル: フォームフィールドの目的を訪問者に伝えます.
  • 説明:フォームフィールドの使用に関する詳細を訪問者に提供する場合は、説明を書き込むことができます.
  • 許可されるファイル拡張子: このフィールドにタイプを指定して、ユーザーがアップロードできるファイルタイプを制限します。.
  • 最大ファイルサイズ: 最大許容ファイルサイズをメガバイト単位で指定できます。デフォルトでは、WPFormsは最大128MBを許可します.
  • 必須: チェックボックスを選択して、フィールドを必要に応じてマークします.

最良の部分は、一度に複数のファイルをアップロードできることです。ファイルアップロードフィールドにファイルをドラッグアンドドロップするだけです.

凝ったファイルは複数のファイルをアップロードします

ステップ3:必要に応じて条件付きロジックを有効にする

WPFormsの条件付きロジックにより、ユーザー入力に基づいてフィールドを表示または非表示にできるため、最も関連性の高い情報を収集し、不要なフィールドが多すぎることを回避できます.

条件付きロジックを使用して、ユーザーがファイルをアップロードしたい場合にのみ、アップロードフォームフィールドを表示できます.

条件付きロジック

条件付きロジックを有効にするには、 条件付きロジックを有効にする 以下のルールをカスタマイズします 条件付き セクション.

フォームをカスタマイズした後、 セーブ.

ステップ4:ファイルアップロードフォームの一般設定を構成する

一般設定を構成するには、 設定 » 一般的な.

ファイルアップロードフォームの一般設定

ここでは、次の詳細を構成できます。

  • フォーム名:必要に応じてフォーム名を変更します.
  • フォームの説明: フォームの説明を入力してください.
  • 送信ボタンのテキスト: フォームボタンのコピーをカスタマイズする.
  • スパム防止: スパムボットの送信を防ぐには、このオプションを有効にします.
  • GDPRの機能強化: GDPR法に準拠するために、IPアドレスやユーザーエージェントなどのフォームエントリとユーザーの詳細の保存を無効にすることができます。詳細については、チェックアウトしてください GDPR契約フィールドを簡単なお問い合わせフォームに追加する方法.

完了したら必ずフォームを保存してください.

ステップ5:ファイルアップロードフォームの通知を構成する

次に、フォームのメール通知を設定する方法を見てみましょう.

通知がオンになっている場合、誰かがフォームを送信するとメールが届きます.

ファイルアップロードフォーム通知

メールの配信性を向上させるために、ファイルはメールに添付されません。代わりに、ダウンロード可能なリンクが通知メールで送信されます.

ステップ6:ファイルアップロードフォームの確認を設定する

次に、フォーム確認メッセージを構成する方法を見てみましょう。確認メッセージは、フォームが正常に処理されたかどうかを訪問者に知らせます.

WPFormsには、3つの確認タイプから選択できます。

  1. メッセージ: フォームが正常に処理されたことを確認する簡単なありがとうメッセージを表示できます.
  2. ページを表示: このオプションを使用して、顧客をWebサイトの感謝ページにリダイレクトできます.
  3. URLに移動(リダイレクト): このオプションは、サイトの訪問者を別のWebサイトにリダイレクトする場合に使用できます.

WPFormsで簡単なフォーム確認を設定する方法を紹介します.

に向かう 設定»確認 フォームエディター.

ファイルアップロードフォーム確認設定

次に、作成する確認タイプを選択します。この例では、 メッセージ.

確認メッセージを適切に編集し、変更を保存してください。.

これで、お問い合わせフォームをWebサイトに公開できます。.

ステップ7:ファイルアップロードフォームを発行する

WPFormsを使用すると、連絡先フォームを簡単に発行できます。プラグインを使用すると、投稿、ページ、サイドバーウィジェット、ウィジェット化されたフッター領域など、サイトの任意の場所にフォームを公開できます.

投稿やページでフォームを公開する方法を見てみましょう.

wpformsフォームボタンを追加

WordPressで新しい投稿またはページを作成し、 フォームを追加 テキストエディタのすぐ上にあるボタン.

モーダルポップアップwpforms公開

次に、モーダルポップアップで連絡先フォームを選択し、 フォームを追加.

フォームを追加したら、投稿またはページを公開できます.

ステップ8:アップロードされたファイルを表示する

アップロードされたファイルを表示するには、次の場所に移動します WPForms » エントリー.

ファイルアップロードフォームエントリ

次に、ドロップダウンメニューから適切なファイルを選択し、 見る.

ファイルアップロードフォームビューエントリ

WordPressダッシュボードでアップロードされたファイルを含むフォームエントリを見つけることができます.

それでおしまい!

このガイドがWordPressでファイルアップロードフォームを簡単に作成するのに役立つことを願っています.

この記事を楽しんだ場合は、WPFormsの完全なレビューも読む必要があります。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map