7」と言われるくらいメジャーで非常に多くの方に利用されているお問い合わせフォーム(メールフォーム)のプラグインです。簡単な設定でお問い合わせフォームを作成することができます。ここではその設定方法の解説をしながら使い方を説明していきます。7のインストール方法WordPressのプラグインのインストールの解説は「WordPressプラグインの3つのインストール方法解説」に記事を書いていますので参考にしてください。7の設置の流れまず最初に、設定の手順を説明します。7」でフォームの条件を設定2.そのフォームのショートコードが生成される3.ショートコードを表示させるページ(場所)に貼る→完成!という流れです。表示する場所と、フォームとしての機能が分離されていますので、フォームを設置したいところにショートコードを貼るだけでフォームを設置することができます。一般的には固定ページにショートコードを貼ってお問い合わせページとしますが、ショートコードを貼るだけですので、投稿ページにも、ウィジェットにも貼ってお問い合わせフォームを設置することができます。1」というあらかじめ用意されたサンプルのフォームがありますので、具体的にまずこれを設置して見ましょう。「お問い合わせ」-「コンタクトフォーム」で、下記の一覧に遷移します。1」があらかじめ用意されているフォームです。1′′]」をコピーします。ここの「id=”4′′」の部分は、設置しているサイトごとに変わってきますので、自身のサイトの値を編集してください。続いて、「固定ページ」-「新規追加」の入力画面から、先ほどコピーしたショートコードとページに作成に必要な情報を入力し、保存します。該当の固定ページを表示すると、フォームが編集されていることが確認できます。ちなみに、左のナビゲーションのところにもフォームがありますが、これは、ウィジェットの「テキスト」にショートコードを編集することで可能になります。7のフォームの項目設定について具体的なフォームの設置方法が分かったところで、フォームの項目などの設定をしていきましょう。1」を選択し、入力画面に遷移します。フォームの設定について「フォーム」の入力エリアに、HTMLとショートコードを利用して入力フォームの各項目を設定していきます。サンプルとして、「お名前」の項目です。</p>上記の意味としては、最初の「text」は入力形式が「テキスト形式(type=”text”)」の入力フォームを作成し、「*」は必須項目であることを示し、「your-name」は項目の名称として「name=”your-name”」として設定します、という指定をしていることになります。HTMLのフォームの設定際の設定内容の意味です。)これらのテキストをコピーしていくことで簡単に項目を追加していくことができます。単純な設定の項目であればこれで項目を増やしていくこともできますが、サンプルとして設定されている項目は最低限の条件しか設定してありません。そのため、もっと細かな条件を設定したい、という場合は、「フォーム」の右側にある「タグ作成」をクリックして表示される入力項目のリストから各条件を入力して設定していくことが出来ます。ここでは、「テキスト項目」を選択してみます。すると、下記の入力エリアが表示されます。表示されている各項目の条件を設定することで、「このコードをコピーして、左のフォーム内にペーストしてください。」の部分に値が編集されていきます。上記の設定をした場合は、下記のような内容になります。"あいうえお形式"]この情報を「フォーム」の中に記述することで、フォームの入力項目に設定することができます。classを設定するために指定する項目です。それらを利用しない場合は、特に入力する必要はありません。この「タグの作成」で入力する項目は、「このコードをコピーして、左のフォーム内にペーストしてください。」のコピペするテキストを生成するための仕組みで、コピペするテキストだけでフォームの各項目は管理されています。タグ作成のフォームで設定した条件が保存されて、それをフォーム利用時に利用されるというような仕組みではありませんので、各項目の設定方法が分かっている方は「タグの作成」のツールを利用する必要はありません。近くにある項目をコピペして項目を増やしていくこともできます。その際、「text-188」の部分がその項目の「name」になりますので、ここだけ数字を変えるなどしてフォームの中でユニークになるように設定してください。タグの作成のバリエーション上記では「テキスト項目」の項目を設定しましたが、タグの作成には以下のものがありますので、必要に応じて項目を設定します。(オプション)」は、受け入れするファイルに制限をする場合に設定を行います。複数ある場合は、「png,jpg,jpeg,bmp,gif」の様に「,(カンマ)」で区切って入力します。送信ボタンまた、各項目をそれぞれ入力すると、下記のようなフォームが編集されます。Chromeと見え方が違いますので、別途表示をしています。FORMに関する新機能についてブラウザによって実装のされ方が違いますので、見え方が違うだけではなく、処理のされ方も違いますので、その違いを理解して利用する必要があるでしょう。Miyoshi氏)をインストールしない状態では、下記の画面が表示されます。CAPTCHAを利用する場合は、表示されているリンクからプラグインをインストールしましょう。CAPTCHAは、フォームスパム対策のために入力させるランダムに表示される文字列の画像を入力させるものです。CAPTCHA全般に関しては、コメントスパムに関する記事として書いていますが、下記が参考になると思います。WordPressのコメントスパム対策をするメールの設定についてここでは、メールの設定を行います。メールの設定は、「メール」と「メール(2)」とあります。「メール」は必須で、「メール(2)」は任意となっています。7は、フォームからの入力情報をデータベース等に保存する機能がありませんので、「メール」の方は、管理者向けのメールを送信するものとして必須の設定となります。それぞれの項目に設定する値は「それから、このコードを下のメールの項目中に置いてください。」に書かれている値です。]」で囲んだものになります。件名や、メッセージ本文など、必要に応じて入力された値を差し込みたい場合は、それぞれの値を設定します。7には入力情報をデータベースに保存する機能がありませんので、入力された情報は基本的にメッセージ本文にすべて記載する必要があります。BCCを追加したい場合に使います。下記の様に、「CC:」「BCC:」の様に記述することで設定することができます。BCC:aaa@aaa.com12CC:[your-email]BCC:aaa@aaa.com「追加ヘッダ」の項目は、フォームからファイルを送信してもらう場合に値を記述します。「追加ヘッダ」は、そのままメールとして送信されますので、「メール(2)」の方は、署名(シグネチャ)をしっかり書いておく方がいいでしょう。メッセージの設定について「メッセージ」の項目は、入力完了のメッセージや、入力チェックで発生したエラーなどのメッセージを変更したい場合に編集を行います。デフォルトのままでも問題ありませんが、サイト全体を通して表記の統一を図る必要がある場合には見直しが必要でしょう。「その他の設定」の項目は、フォームの処理を作成するにあたって関連する追加のオプションを設定できる機能のようです。具体的には、コンバージョンタグを設定するときに利用します。その設定に関しては、下記のサイトを参照してみてください。http://bizvektor.com/plugins/contactform7/また、コンバージョンした後に違うページにリダイレクトさせたい、という場合にもこの項目を利用します。その設定に関しては、下記のサイトを参照してみてください。7の見た目を整える方法ここまで説明してきた内容だけで十分にお問い合わせフォームとして利用できますが、もう少しデザインの見栄えをよくしたい、といった要望もあるかと思います。ラジオボタン、チェックボックスについては「細かな調整ができない!」とお思いの方は、下記に書いた記事が参考になるかもしれません。7には、引数付でフォームを呼び出す方法も用意されています。商品紹介サイトで、商品Aのページから来たときは「商品Aについてのお問い合わせ」、商品Bのときは「商品Bについて.....」といった感じで、あらかじめフォームに値を設定しておきたい場合などに利用します。詳しくは、下記ページに書いていますので、併せてご覧ください。7は、単体ではフォームから入力があった情報をデータベースに保存する機能を持っていません。7に機能を追加するためのプラグインが必要です。DBが利用できるようになります。DB」から移動します。詳しい使い方についてはまたいずれ記事にしようと思います。CMSとして利用してサイトを構築している場合はやや趣が違ってきます。7は、確認画面が存在しないからです。個人でブログサイトを立ち上げてそこでお問い合わせフォームを作成するのであれば、多少の不便があっても仕方がないか、と済ませられる場面もあるかもしれませんが、企業として作成するサイトではそうはいきません。お問い合わせのフォームは、日本では広く一般的に入力確認画面が存在するものとして認識されていますので、必然的に入力確認画面が必要とされるのです。このプラグインは、日本人が開発したもので、確認画面が付いているだけでなく、電話番号チェックやメールアドレスの二重チェックなど日本特有の実情に合った機能を実装したプラグインになっています。最初から入力情報をデータベースに保存する機能も搭載しています。7には戻れなくなってしまうのでは?とも思えるくらい魅力あるプラグインになっています。Formの使い方詳細解説」に記事を書いていますのでご覧ください。確認画面付のフォームには「TrustForm」というものもあります。こちらは、ドラッグアンドドロップでフォーム項目が設定されるなど初心者に対しての配慮もあります。Form」で触れていますので、併せてご覧ください。WordPressから送信したメールがスパム判定される場合の対応方法WordPressから送信したメールがスパム判定されるサーバがときどきあります。いう場合の対応方法としては、SMTPサーバ経由でメールを送信する方法がありますが、WordPressの場合は、プラグインを利用して簡単に対応することができます。その対応方法を下記に書いていますので、合わせて参考にしてみてください。Mailerでスパム判定回避。WordPressGoogleAdwordsGoogleAdwords最後までお読みいただきましてありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト下記の空欄を埋めてください。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)※入力いただいたコメントは管理者の承認後に掲載されます。Formは確認画面が付いているオススメのフォームプラグインです。CMSとして構築する際にも利用できる実力派です。メディア基本的な設定を行う「設定」の解説です。各項目を説明しながら設定内容を提示しています。自サイト内の記事にショートコードで自動リンクを設定する関数のソースコードを提供。ID、slugで指定でき、アンカーリンクを設定する場合も対応。デバッグモードWordPressで画面が真っ白になる不具合があった場合などのために用意されているデバッグモードの解説です。WordPressのスラッグとは?WordPressのスラッグって何?それを解説している記事です。なんとなく分かっている気になっているものを改めてしっかり確認をしてみませんか?実測比較・レンタルサーバスピード選手権!WordPressが速いのは?WordPressが一番速く動くレンタルサーバはどれだ!実際にこのエス技研ブログをコピーして8つのサーバを比較。結果はヘテムル、X10、さくらプレミアムが同レベルで優秀。WordPress管理画面のメニューに項目を追加する方法解説WordPressの管理画面のメニューに項目を追加する方法をサンプルソースを交えて解説します。シンタックスハイライトの5システム比較のまとめ・WordPressでも使えるシンタックスハイライト5種の比較検討のまとめ記事。WordPressで使う目的だがプラグインの比較検討ではないのでどのサイトでも導入可能。Orderの紹介です。小学校でプログラミングの授業が始まる。プログラムを組むことを覚えることが本質ではなく理論的な手順の組み立てのトレーニングをする授業という理解が必要だと思う。Parserを使ってスクレイピングをする方法を解説。インストール方法、読み込み方法。具体的なスクレイピングを実行するサンプルソースも。Parser」の使い方を解説。要素を取得する方法、そこから属性を取得する方法を解説。マニュアルにはない注意点なども解説。2020.01.27PHPでスクレイピング。スクレイピング」で検索すると「phpQuery」ばかりヒットするが、10年以上も放置されている。Parser」をオススメする。2020.01.26PHPのcURLでAPIやWebサイトへのアクセス方法。file_get_contentsとの比較PHPからWebサイトにアクセスしてHTMLを取得、APIにアクセスして情報を取得する場合は、cURLがオススメ。file_get_contentsでも可能だがエラー制御に難がありトラブルのもとになる。add_shortcode関数を使ったショートコードという機能を利用します。不正なコピーコンテンツからの直リンクを拒否する.htaccessの設定方法。拒否するサイトを指定、許可するサイトを指定する方法、単純な拒否と画像の差し替えを解説。口コミサイトを作るために必要な評価点、レビューを投稿できるプラグインを探して評価。10プラグインをチェックし、8プラグインは詳細解説付き。2014.07.17BackWPupでバックアップ・リストア(復元)の具体的手順BackWPupその9。バックアップファイルからのリストア(復元)の手順です。109キーボード)は日本人サイズのキーボード。ショートカットも押しやすく女性や子供にも優しいサイズ。Web開発・運用に役立つ記事を中心に紹介しています。