お問い合わせフォームクリーンでシンプル | Meghan Nicholas
お問い合わせフォームクリーンでシンプル

お問い合わせフォームクリーンでシンプル | Meghan Nicholas

説明

Google reCAPTCHA、Twitter Bootstrapマークアップ、Akismetスパムフィルタリングを備えたクリーンでシンプルなAJAXお問い合わせフォーム。

  • クリーン:クロスサイトスクリプティング(XSS)の脆弱性を回避するために、すべてのユーザー入力が削除されます。
  • シンプル:AJAX対応の検証と送信により、ユーザーに即座に対応してガイダンスを提供します(オフに切り替えることができます)。
  • スタイリッシュ:付属のスタイルシートを使用するか、オフにして独自のスタイルシートを使用すると、Webサイトとシームレスに統合できます。TwitterBootstrapクラスを
    使用します。
  • 安全:すべての受信データは、Akismetを使用してスパムがないかスキャンされます。

これは、WordPressサイトの簡単な連絡フォームです。
必要なセットアップはごくわずかです。インストールしてアクティブ化し、短いコード[cscf-contact-form]をWebページに配置するだけです。

入力ボックスの標準セットが提供されています。これらには、電子メールアドレス、名前、メッセージ、および大きな「メッセージの送信」ボタンが含まれます。

ユーザーがフォームに入力すると、ユーザーのメッセージが記載されたメールが送信されます。
返信するには、メールクライアントの[返信]ボタンをクリックするだけです。
使用するメールアドレスは、WordPressの[設定]-> [一般]で設定したものです。正しいことを確認してください。

スパムを防ぐために、すべてのデータはAkismetを介してスキャンされます。
これを機能させるには、Akismetプラグインをインストールしてアクティブ化する必要があります。
すべてのスパムは「コメント」リストに入れられ、必要に応じて確認できます。

このプラグインを追加すると、「reCAPTCHA」を追加することもできます。
これにより、お問い合わせフォームの下部にいくつかの単語の写真が追加されます。
ユーザーは、フォームを送信する前に単語を正しく入力する必要があります。その際、単語が人間であることを証明してください。

なぜこのプラグインを選ぶのですか?

確かに、このタイプのプラグインはすでに多数存在します。なぜこれを特に使用するのですか?

理由は次のとおりです。

  • 最小限のセットアップ。プラグインをアクティブにして、ショートコード[cscf-contact-form]を任意の投稿またはページに配置するだけです。
  • 安全。ユーザーが入力したすべての入力は、
    悪意のあるユーザーがWebサイトにスクリプトを挿入しようとする可能性を可能な限り最小限に抑えるために削除されます。
    Akismetプラグインがアクティブ化されると、すべてのフォームデータでスパムがスキャンされます。
    フォームがボットに悪用されるのを防ぐために、reCAPTCHAをオンにすることができます。
  • Ajaxが有効です。AJAX(クライアント側)の検証と送信をオンにするオプションがあります。これにより、ページが更新されるのを待たずに、フォームに入力するとすぐにユーザーが応答できます。
  • フォームはWebサイトにシームレスに統合できます。プラグインのデフォルトのcssスタイルシートをオフにして、テーマのスタイルシートを代わりに使用できるようにします。
  • テーマがTwitterブートストラップに基づいている場合、このプラグインは、ブートストラップに適したdivクラスとCSSクラスをすべて既に備えているため、適切に適合します。
  • このプラグインは、必要な場所でのみjQueryファイルにリンクし、サイト全体のすべてのページにそれ自体を課すことはありません
  • WordPress最新バージョンで動作します
  • 経験豊富なPHPプログラマーであるMeganNicholasによって作成されたオリジナルのプラグインであるこのコードは、堅実で安全であり、標準的な方法として厳密にテストされています。

うまくいけば、このプラグインはあなたのすべてのニーズを満たすでしょう。

使い方

メッセージを変更したり、連絡フォームにreCAPTCHAを追加したりする場合を除いて、このプラグインは追加の設定なしですぐに機能します。

重要:WordPressの[設定]-> [一般]ページでメールアドレスが設定されていることを確認してください。これは、プラグインが連絡フォームの内容を送信するために使用するアドレスです。

WordPress Webサイトに連絡フォームを追加するには、フォームを表示する投稿またはページにショートコード[cscf-contact-form]を配置するだけです。

Jetpackプラグインがインストールされている場合は、お問い合わせフォームを無効にしてください。無効にしないと、間違ったフォームが表示される可能性があります。

追加の設定

このプラグインは、追加のセットアップなしで箱から出して動作します。ユーザーに表示されるデフォルトのメッセージを変更したり、reCAPTCHA機能を追加したりするオプションがあります。

お問い合わせフォームプラグインの設定画面に移動します。

このプラグインのエントリに対する設定画面へのリンクは、[インストールされたプラグイン]ページにあります。

これがあなたが変えることができるもののリストです

  • メッセージ:お問い合わせフォームの上部にユーザーに表示されるメッセージ。
  • メッセージ送信見出しメッセージ送信後にユーザーに表示されるメッセージ見出しまたはタイトル。
  • メッセージ送信コンテンツメッセージ送信後にユーザーに表示されるメッセージコンテンツまたは本文。
  • このプラグインのデフォルトのスタイルシートを使用する:プラグインには、ユーザーにとってフォームの見栄えを良くするためのデフォルトのスタイルシートが付属しています。代わりにテーマのスタイルシートを使用する場合は、これをオフにします。デフォルトのスタイルシートは、にリンクされません。
  • クライアント側の検証を使用する(Ajax):チェックマークを付けると、連絡フォームが検証されてクライアントに送信され、ユーザーがフォームに間違って入力した場合に即座にフィードバックを提供します。フォームを検証してサーバーにのみ送信する場合は、このオプションのチェックを外します。
  • reCAPTCHAを使用する:フォームにreCAPTCHAボックスを含める場合は、このオプションにチェックマークを付けます。ReCAPTCHAは、フォームの入力者が実際に本人であることを確認することで、フォームを使用するスパムボットを回避するのに役立ちます。reCAPTCHAを使用するには、Googlehttps://www.google.com/recaptcha/admin/createからいくつかの特別なキーを取得する必要があります。キーを取得したら、公開キーボックスと秘密キーボックスにキーを入力します
  • reCAPTCHA公開鍵:ここから取得した公開鍵を入力します。
  • reCAPTCHA秘密鍵:ここから取得した秘密鍵を入力します。
  • reCAPTCHAテーマ:ここでは、reCAPTCHAボックスのテーマを変更して、Webサイトのスタイルに合わせることができます。
  • 受信者の電子メール:すべてのメッセージを送信する電子メールアドレス。
    これは、WordPressの一般設定の「電子メールアドレス」で指定した電子メールアドレスにデフォルト設定されます。
    メールを別のアドレスに送信する場合は、ここに入力してください。
    「+」ボタンをクリックすると、複数のメールアドレスを入力できます。
  • メールアドレスの確認:メールの確認はオプションになりました。ユーザーにメールアドレスの再入力を強制するには、[メールアドレスの確認]にチェックマークを付けます。
    このオプションはオンのままにしておくことをお勧めします。このオプションをオフにすると、ユーザーはメールアドレスを1回入力するだけで済みますが、
    間違って入力すると、元に戻す方法がありません。
  • メールの件名:これは、すべてのメッセージに表示されるメールの件名です。別の設定をしたい場合は、ここに入力してください。
  • 「差出人」アドレスを上書きする:これにチェックマークを付けてから「差出人アドレス:」ボックスに入力すると、すべての電子メールは、フォーム入力者によって指定された電子メールアドレスからではなく、指定されたアドレスから送信されます。
  • **問い合わせがメッセージのコピーを自分自身に電子メールで送信できるようにするオプション。
  • 連絡先の同意:このオプションを使用すると、フォームの下部に[連絡先への同意]チェックボックスを追加して、GDPRに準拠することができます。

デモ

デモサイトはもうすぐです。

インストール

インストールには2つの方法があります。

  1. プラグインライブラリリストから[今すぐインストール]リンクをクリックして、自動的にダウンロードしてインストールします。
  2. プラグインをzipファイルとしてダウンロードします。zipファイルをインストールするには、ダブルクリックして解凍し、フォルダー全体をWordPressプラグインフォルダーに配置します。例:[wordpress] / wp-content / pluginsここで、[wordpress]はWordPressをインストールしたディレクトリです。

次に、ワードプレスサイトのプラグインページにアクセスし、「クリーンでシンプルな連絡フォーム」プラグインリストに対して「アクティブ化」をクリックします。

ページに連絡フォームを配置するには、ショートコード[cscf-contact-form]を使用します

プラグインの作者

Meghan Nicholas

プラグインの公式ウェブサイトアドレス

https://wordpress.org/plugins/clean-and-simple-contact-form-by-meg-nicholas/
お問い合わせフォームクリーンでシンプルプラグインの使用で問題が発生した場合は、以下にコメントしてください。問題の解決に最善を尽くします

コメントを残す