最近、無料ブログからワードプレスに移行を行いました。
シンプルでかなり使いやすそうだったので、ワードプレスのテーマはsimplicityを使っています。
そういえば当ブログにメールの問い合わせフォームがないことに今さら気がつきましたｗ
Contact Form 7を使ってメール問い合わせフォームを設置しましたのでその方法を説明します。
見た目などはこれから考慮の余地はありますがかなり簡単に設置することが出来ました。
目次
目次
ざっくりとした流れです。
プラグイン Contact Form 7 インストール方法
WordPressにContact Form 7をインストールする方法を簡単に説明します。
プラグイン 新規追加
WordPressのプラグインを選択して「新規追加」ボタンを押します。
Contact Form 7 インストール
Contact Form 7を検索してインストールを行います。
キーワードに「Contact Form 7」と入力してプラグインが出てきたら「今すぐインストール」ボタンをクリックします。
Contact Form 7 有効化
インストールが完了したら「有効化」をクリックします。
これで「Contact Form 7」を使用することが可能な状態になります。
プラグイン Contact Form 7 設定方法
誰にでもすぐ出来る簡単な設定方法を説明していきます。
プラグイン 設定
左側の「プラグイン」を押下し右の「Contact Form 7」下の「設定」を押下します。
コンタクトフォーム 編集
コンタクトフォーム1というタイトルがあらかじめ設定されています。
その下の「編集」をクリックします。
フォームの編集
フォームがあらかじめ上の状態で設定されています。
「題名」と「メッセージ本文」も必須項目にしたかったので上記設定を行っています。
上の設定を行うだけで全ての項目が未入力だと送信出来ないようになりました。
（未入力項目があるとエラーメッセージが表示される）
題名
「(必須）」という文字を追加しています。
「text」の横に「*」マークを追加しました。
メッセージ本文
「メッセージ本文」から「問い合わせ内容」に記述を変更しました。
「(必須）」という文字を追加しています。
「textarea」の横に「*」マークを追加しました。
メール編集
メールタブについても一部修正が必要です。
「送信先」メールアドレス、「送信元」メールアドレスの修正を行いました。
送信先メールアドレス
実際に受信するgmailのアドレスを設定しました。
送信されると一旦gmailの迷惑メールフォルダに入ることがあるので注意が必要です。
送信元メールアドレス
ドメイン（aomidori.net）に設定したメールアドレスを設定しています。
他のドメインのメールアドレスではメール送信が失敗しました。
設定完了
ここまでで設定完了なので、「保存」ボタンを押します。
メール問い合わせ固定ページ追加
メール問い合わせの固定ページの追加方法を説明していきます。
ショートコードのコピー
設定が完了したら「コンタクトフォーム1」下のショートコードをコピーしておきます。
固定ページ新規追加
固定ページの「新規追加」ボタンをクリックします。
2016年8月現在、ほかの固定ページは「サイトマップ」しかありません。
固定ページ編集
タイトルを「メールお問合せ」などお好みで追加します。
メール本文に先ほどコピーしたショートコードを追加します。
固定ページ設定完了
ここまでの設定を行うだけで、メール送信フォームの作成をすることが出来ます。
テストをしましたが、全く問題なく設定したgmailで受信することが出来ました。
固定ページに記載する内容などは今後検討していきます。
グローバルナビやウィジェットに設定
固定ページへのリンクをグローバルナビとサイドバーのウィジェットに設定しました。
グローバルナビ
ホーム、サイトマップの次に固定ページへのリンクを設置しました。
サイドバー
プロフィールの一番下にボタンでリンクを設置しました。
分かりやすく？「AOMIDORIへMAIL」としましたがどうでしょう？
まとめ
WordPressの初心者の自分でも「Contact Form 7」プラグインを使って、かなり短時間でメール問い合わせフォームを設置することが出来ました。
上の設定をするだけであれば、本当に10分はかからないと思います。
ブログ記事への質問などお問合せ待ってます！
TAKU
