すべてのカテゴリ

今回は前回紹介したWordPressのおすすめプラグインの中から「Contact Form 7」についてもう少し紹介したいと思います。Contact Form 7は、WordPressで最も人気のあるお問い合わせフォームプラグインの1つです。初心者でも簡単にフォームを作成でき、コードの知識がなくても直感的に使えるのが特徴です。ここでは、Contact Form 7の機能や使い方、メリットについて解説します。1. シンプルで直感的な使い方Contact Form 7の大きな魅力は、そのシンプルさにあります。インストール後、WordPressの管理画面からすぐにフォームを作成でき、わずか数クリックでお問い合わせフォームを設置することが可能です。コードを記述する必要がなく、あらかじめ用意されたテンプレートを使って、名前、メールアドレス、メッセージ欄などの基本的なフォーム要素をドラッグ＆ドロップで配置するだけです。また、作成したフォームは、WordPressページや投稿に簡単に埋め込むことができ、ショートコードを使って表示します。2. 柔軟なカスタマイズシンプルながら、Contact Form 7はカスタマイズ性も高いプラグインです。フォームのフィールドを自由に追加したり、フォームのデザインやレイアウトをカスタマイズしたりすることができます。たとえば、名前やメールアドレスだけでなく、電話番号やチェックボックス、ラジオボタン、ファイル添付のフィールドなども簡単に追加可能です。さらに、HTMLやCSSの知識があれば、フォームのデザインをより細かくカスタマイズすることができ、サイトのデザイン

いつの間にかエラーを吐き出していた。「メッセージの送信に失敗しました。後でまたお試しください。」？どうもsmtpサーバーのエラーっぽい？？ということでWP Mail SMTPというのをインストールしましたが、あれ？ま〜だ何か引っかかってんぞ？？どうもセキュリティ対策でcontactform7に入れた「reCAPTCHA」というのが引っかかってるみたいです。なのでコントロールするプラグインに移行し色々試したがダメ。面倒だなと思いながら放っておいたらスパムがいきなり増えた。ロシアとかｗ渋々調整することに……とりあえずエラー部分を慌てず切り分けてみた１）reCAPTCHAというのはGOOGLEのサービスですそちらの設定を確認しましょう。２）WORDPRESS側が勝手にアップデートしてそれと同時にContactForm7もアップデートしてreCAPCHAもV3にアップサイトキーとシークレットキーを置き換えるまずはこの２つを確認　GOOGLEの設定の中がV2になっていたらV3のアカウントを作り直してすぐに修正３）うちの場合それでも動かなかったのですが、サイトの基本構成を見直したところ単純なミスで動かなくなっていました。そちらも合わせて確認しましょう。この３つで大体動くようになります。これでもダメならreCAPTCHAを外部のプラグインにするとかの方法を試してください。

なんか急にめんどくさいメールがロシアからとかが増えたので、reCAPTCHAをセットしたけどうごかないってのは先日報告したが、その後劇的に全く来なくなった。テストはしてるから普通に問い合わせなどメールは来る。でもう一つ承諾確認ってのを入れておくと尚よしです。単なるチェックボックスでチェックしないとメールが送れないってだけのものですが、ロボット相手だとこれもちょい有効です。で、今日の本題Flamingoというのを入れておきましょう。入れておくと後でどんなメールがスパム判定されてるかよくわかります。仮に重要なメールが有ってもチェックできるので落とすことがないので便利ですよ。（スパム判定されたFlamingoのリストです）もちろん無料！です。

少し技術的な内容になります。Contat Form 7 の自動送信メールで、特定の項目が設定されないというお問い合わせを調査しました。Chromeのdev toolでelementsを確認したところ、チェックボックスとラジオボタンのみ値が設定されないことが分かりました。Contat Form 7 の設定は間違っていないので、バグと考えましたが、ネット上には情報が無く、最終手段のプラグイン更新を行いました。無事、更新完了しましたが、現象は変わらず。ただ、ブラウザバックしてからsubmitするとなぜかチェックボックス内容が反映するのです。ということは、初期表示の際にスクリプトで何かしているのかと考え、Contat Form 7 を読み込んでいるhtmlソースを確認すると、inputタグのvalueを更新するスクリプトを発見。inputタグはテキスト入力フィールドのように入力内容がvalueに設定される項目と、checkboxのようにvalueがあらかじめ設定されている項目があります。そのため、Inputタグ全て更新してしまうと、checkboxやradioの値がおかしくなってしまいます。しかもstyle=file はvalue更新NGのため、スクリプトエラーにもなります。今回は、checkboxとradioとfile のみ除外する処理を入れて無事対応完了となりました。

Wordpressで外せないプラグインの一つContactForm7体裁整えるのがいちいちめんどくさいのでそういうプラグインを探したがなかなかない。CSSで調整すりゃいいが納期を急がれてる時や項目の増減などと細かい対応が必要になる。？…そうだ！無ければ作ればいいやん。ん〜体裁はbootstrapの力も借りて・・・とま、やってみますか。