2020年11月27日サイト運営をしていると「お問い合わせ」など、ユーザーと簡単にコンタクトをとる方法が欲しくなります。メールアドレスを「でんっ」とダイレクトで記載するのは良くないとされていますので、メールアドレスを直接記述しない方法を考えないといけません。7」というプラグインがあります。設定は必要ですが、とっても役立つプラグインですので、是非活用していきましょう。7とは、お問い合わせフォームをシンプルかつ柔軟、そして簡単に設置できる無料のプラグインです。7の導入方法それでは、早速プラグインの導入をしていきましょう。基本的なプラグイン導入方法がわからない方は、以下の記事を参考にしてください。7のインストールをして「有効化」ができましたら、「設定」ボタンを押しましょう。初期の状態では、以下の画像のような形になっておりますが、ここにショートコードというものが記載されております。1"(大カッコ閉じ)というものを、挿入したい本文の中に差し込めば、お問い合わせフォームを表示する事ができますが、このままでは設定が不十分ですので細かい設定を行っていく必要があります。7の設定をしていきましょう。わかりやすいように、上部の「新規追加」のボタンを押しましょう。以下、画像とリンクさせ紹介していきます。フォームを管理するためだけのものですの、わかりやすいようにつけましょう。これが本文に当たります。書かれていますが、本文に関してはこのままでも問題ありません。本文は、基本的にはコーディング(テキストエディタで書いている感じ)になり、タグ表記になります。[]で囲まれているテキストはショートコードで、ユーザーが直接入力するボックスが表示されるようになります。本文の編集また、項目内容を追加したい場合は、予め登録されているフォーム内容を追加していくことが可能です。上図「3」のところで用意された「テキストエリア」というのを押してみましょう。「テキストエリア」の細かい設定画面が出てきます。このチェックボックスにチェックを入れると、ユーザーはこの「テキストエリア」に何かしらの文字を入れない限り、メッセージを送信できない仕様になります。気にしなくて良いでしょう。同じフォームを使う際に役立ちます。デフォルト値は、以下の画像のように見本のような文字を表示しておくことができます。こちらの文字は、ユーザーが入力すると消えます。ID属性・クラス属性に関しては、CSSカスタマイズや管理したい時の名前付けですので、あまり気にしなくていいです。整いましたら、「8」の「タグを挿入」を押しましょう。すると以下のようにタグが挿入されます。</label>と編集すればOKです。続いては、ユーザーがメッセージを送った後の設定を行っていきます。タブボタンの「メール」を押しましょう。ユーザーからのメッセージの送信先になります。こちらにメッセージが届くようになります。ユーザーに送る送信元になります。ココを触ると正常に作動しない場合がありますので、基本的には触らないようにしておきましょう。前タブ「フォーム」で設定した[your-subject]にユーザーが記述した内容が、メールの題名に入るようになります。管理人(自分)に届いたメッセージに対して返信するアドレスになります。[your-email]にユーザーが登録したメールが反映されていますので、基本的にはこのままで大丈夫でしょう。これはユーザーに、「自動返信する」というものではありませんので、ご注意ください。メッセージ本文になります。前タブ「フォーム」で設定した各ショートコードの内容が反映されています。ようにオリジナルで追加した項目がある場合は、ココに追加しておかなければ反映されません。追加方法は以下の画像参照で、上部に使用しているショートコードが追加されていると思いますので、ココではそれを利用しましょう。前タブ「フォーム」で設定したショートコードをそのまま記載しても反映されませんので、気をつけましょう。以上で、基本的な動作としてはOKですので、「保存」を押しておけばOKです。自動返信機能の設定ただし、このままではメッセージを送信したユーザーに、「控え」のような返信メッセージは届きません。ユーザからすると「本当に送れているか?」と心配になりますので、合わせて自動返信も設定しておくほうが親切です。使用」にチェックを入れましょう。ヘッダー」「メッセージ本文」が全て意図的なものになっているか確認しましょう。オリジナルのメッセージ本文にしている場合は注意しましょうね。問題なければ「保存」ボタンを押して、フォームの設定は全て終了です。フォームを設置する完成したフォーム内容をサイトの本文に表示していきます。コンタクトフォームのトップページにショートコードが記載されていますので、それを表示したい本文に挿入すればOKです。テキストエディタでも、ビジュアルエディタでもどちらでもOKです。7自体を利用することは全く問題なく、利用は推奨致します。7を利用するにあたって知っておくべき重要な事があります。7などのメールフォームを設置する事で、スパムメールの発信基地として悪用される事があります。悪用されてしまうと、他人に迷惑をかけるだけではなく、自身のサイトのSEO評価を著しく下げる可能性があります。7を設置する際は、保護プログラム「reCAPTCHA」の設置もしておきましょう。詳しくは、以下の記事にて解説してありますので、ぜひチェックしておきましょう。続きを見るまとめいかがでしたでしょうか?実は、メッセージを送るフォームを作成するのは結構複雑な内容になっておりまして、初心者がコードを組んで作成するというのは、至難の技になります。7を利用すると、簡単に自動返信機能も備えたフォーム機能を実装させ、ユーザーに安心感を与える事もできますので、非常に便利です。設定でのポイントは、「メール」タブの設定のところでの、オリジナルで追加した要素の反映のさせ方と、「自動返信」のチェックをする事になります。以上に気をつけていれば、大変便利なプラグインになります。CSSで装飾を加える事もできますよ。7を始めて使う方は戸惑う事も多いと思いますが、最初から本番向けに設定するのではなく、練習用のメールアドレスを用意して、反応をみながら着実に慣れていくのがいいと思います。ロゴデザイン作成方法の教科書。Cloud]2ロゴデザイン作成方法の教科書。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。スキルアップ講座ロゴデザイン作成方法の教科書。error]に遭遇した時の対処とデータ復元方法2021/4/12YouTubeTwitter運営者[通称]とも、[職業]グラフィック・Webデザイナー、[経歴]28歳の頃からデザイン業界に入り、6.5年間印刷会社のデザイナーとして働き、2018年5月より独立し、印刷・Web制作業を主体に営業を行っております。