お問い合わせフォームを設置

23
おおおおおおおおおおおおお WordPress おおおおお Contact Form 7

Upload: tatsuya-iwama

Post on 26-Jul-2015

360 views

Category:

Software


1 download

TRANSCRIPT

Page 1: お問い合わせフォームを設置

お問い合わせフォームを設置WordPress プラグイン Contact Form 7

Page 2: お問い合わせフォームを設置

お問い合わせフォームが欲しい

こんな必要最低限なフォームが

30分くらいで作れます。

Page 3: お問い合わせフォームを設置

Contact Form 7の追加

Page 4: お問い合わせフォームを設置

プラグインの新規追加

① プラグイン

② 新規追加

Page 5: お問い合わせフォームを設置

プラグインの検索

①[Contact Form 7] を検索

Page 6: お問い合わせフォームを設置

インストール

① 「いますぐインストール」をクリック

Page 7: お問い合わせフォームを設置

インストールの許可

①[OK] をクリック

Page 8: お問い合わせフォームを設置

プラグインの有効化

①[ プラグインを有効化 ] をクリック

Page 9: お問い合わせフォームを設置

お問い合わせの項目が増える

① お問い合わせの項目が増える

Page 10: お問い合わせフォームを設置

フォームの変更

Page 11: お問い合わせフォームを設置

お問い合わせの編集開始

①[ お問い合わせ ] -> [ コンタクトフォーム ] をクリック

Page 12: お問い合わせフォームを設置

コンタクトフォームの編集

① 変更したいフォームのタイトルを選択 -> [ 編集 ] をクリック

Page 13: お問い合わせフォームを設置

タイトルの変更

① タイトルをクリックすると入力可能状態となる。

② タイトルを変更する。 ( 任意 )

Page 14: お問い合わせフォームを設置

フォームの変更

① フォームは HTML で記述する。② 項目を追加したい場合は右側の [ タグの追加 ] リストから選択することでタグを追加することが出来る

Page 15: お問い合わせフォームを設置

メールのフォーマット定義

① 宛先の設定(フォームからの送信先となる自分のメールアドレス)② その他の項目は任意

Page 16: お問い合わせフォームを設置

入力時のメッセージ

① 入力値の正常・異常メッセージを設定する。(任意)

Page 17: お問い合わせフォームを設置

その他の設定 ー> 保存

① 特に設定することはない(任意)GoogleAnalytics と連動する設定もある

②[ 保存 ] をクリック

Page 18: お問い合わせフォームを設置

フォームの追加

Page 19: お問い合わせフォームを設置

ショートコードをコピー

① ショートコードをコピー

Page 20: お問い合わせフォームを設置

固定ページの新規追加

①[ 固定ページ ] を選択

②[ 新規追加 ] をクリック

Page 21: お問い合わせフォームを設置

① タイトルを入力

② ショートコードをペースト

③[ プレビュー ] をクリック

Page 22: お問い合わせフォームを設置

プレビュー

③ お問い合わせフォームが追加される

Page 23: お問い合わせフォームを設置

まだ見ぬ未来を電子工作します!http://www.denshikousakubu.com