じはたブログあなたの役に立つために。2分ツイートシェアはてブLINEPocketサイトやブログを運営する上で、お問い合わせページは必須ですよね。当サイトでも、お問い合わせフォームを設けています。いうことで、今回はWordPressでお問い合わせフォームを作る方法をご紹介します。固定ページを新規作成するプラグインのダウンロードreCAPTCHAを導入しようお問い合わせフォーム本体を作るSANGOで送信ボタンのデザインを変える方法お問い合わせページにフォームを置くまとめお問い合わせページを作る手順カスタマイズほど難しくありません。終わらせて記事を書くことに集中しましょう!固定ページを新規作成するまずは、お問い合わせフォームのページを作りましょう。固定ページを作成します。contact完成したら、何も書かずに下書きを保存しましょう。7を使用しお問い合わせページを作成します。日本の方が作成されたプラグインで、日本語に対応しています。7をダウンロードしましょう。有効化ができたら、すぐに使えるような状態になりますが、少し手を加えます。reCAPTCHAを導入しようreCAPTCHAは導入しなくても十分に使うことができます。BOTなどによるいたずらを防ぐために、reCAPTCHA(リキャプチャ)というものを導入します。Googleが提供するサービスです。reCAPTCHAのバッジでは、実際に設定していきましょう。導入する手順ダッシュボード→お問い合わせ→インテグレーション→reCAPTCHAはじめにこのような画面になります。インテグレーションのセットアップを行いましょう。次に、2つのキーを取得する必要があります。reCAPTCHAの公式サイトへ行きましょう。Consoleを押します。ログインしていない場合には、Googleアカウントにログインします。すると以下のような画面になります。バージョンはv3を選択します。画像を選んだりする必要はなく、自動的にBOTかどうかを見極めます。必要事項を記入すればすぐに使えます。次に、設定ボタンを押します。すると、サイトキーとシークレットキーが表示されます。先程の画面に貼り付けましょう。すれば、サイト全体にreCAPTCHAが読み込まれ、右下に表示が出ているはずです。お問い合わせフォーム本体を作るダッシュボード→お問い合わせ→新規追加→コンタクトフォームを追加まず、タイトルを入力します。公開はされないので、分かりやすいものにしておきましょう。次に、フォームのテンプレートを編集します。"送信"]これで大丈夫なのですが、入力してもらう項目全てを必須にしてみるとこうなります。初期状態では、何の装飾も施されていないボタンです。そこで送信ボタンを以下のように書き換えます。"送信"]そして、まとめたのがこちらです。"送信"]お問い合わせページにフォームを置くコンタクトフォームを作成し終わると、以下のようなショートカットコードが発行されます。title="タイトル"}こちらを、先程作成した固定ページに貼り付けます。貼り付けるだけで表示されます。まとめいかがでしたでしょうか。今回はサイトやブログを運営する上で重要なお問い合わせページの作り方をご紹介しました。最後までご覧いただきまして、ありがどうございました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。【随時更新】MiRmの質問疑問まとめのじはたスマートフォンでブログを書いています。趣味はWordPressのカスタマイズ。記事よりカスタマイズをしているかも。HTMLとphpを趣味程度に弄って遊んでいるごく普通の人です。