記事の詳細

こんにちは。

今日はMW WP Formの確認画面の作り方について書きます。

 

この名前で検索するとたくさん出てくると思います。

WordPress を使っている且つ問い合わせ等のフォームを使っている方はほとんどの方が愛用されているのではないかと思います。

 

このフォームは使いやすいことはもちろんなのですが、他と大きく違うのは確認画面が出せる!!

しかしながらたくさんの記事がこう書かれています。

それはそうなのですが…

なぜ敢えて、たくさん情報があるにも関わらず、MW WP Form の記事を書くのか…

理由は…

はまったからっ!!!!

 

ページがたくさんあるのに、

確認画面の作り方が書いてあるページがない!!!

フォーム用の固定ページ、確認用の固定ページをそれぞれ作り、アドレスをそれぞれ設定して終わり…かと思いきや終わりじゃない!!

お陰で結構さまよい、そして奮闘しました。

なので…書きました!!

自分と同じような境遇の人が、自分のページで解決できたらとても嬉しいですね。

一応はまったポイント(3つぐらいあります|д゚))も書いてありますので参考にして頂けるとよろしいかと思います(^^♪

 

MW WP Form のインストール

 

もうここは、たくさんの人が書いているので、ざっと流します。

 

  1. WordPress ログインします。
  2. プラグインを選択します。
  3. 新規追加をクリックします。
  4. 検索ワードで「MW WP Form」と入力し検索します。
  5. 「MW WP Form」の今すぐインストール を選択し、有効化

 

これでMW WP Formのインストールが終了です。

 

入力用フォーム作成

 

インストールしますと、MW WP Formという項目ができていると思います。

この項目の中の新規追加でフォームを作成していきます。

MW WP Form 01

矢印

MW WP Form 02

矢印

MW WP Form 03

 

矢印

MW WP Form 04

矢印

MW WP Form 5

こんな感じでフォームを作成していき…

矢印

MW WP Form 6

 

項目が完成したら、確認ボタンと送信ボタンを取り付けたいと思います。

矢印

MW WP Form 7

矢印

MW WP Form 8

★ここ実は、はまったポイント①です。★

なぜ「確認・送信ボタンを選ぶ」のかというと…

入力画面と確認画面勝手にボタンを切り替えてくれます!!|д゚)

どこにはまったかというと…ボタンがあるとは知らず自分で作って、メールが送れないって騒いでいました…(^_^;)

※ここでは説明しませんが、メールの自動送信機能がMW WP Formには備わっています!!

 

矢印

項目を埋めて、Insertボタンをクリックします。

MW WP Form 9

矢印

MW WP Form 10

矢印

これから、作ったフォームをページに掲載します。

固定ページ→新規追加で新しいページを作ります。

MW WP Form 11

★ここ実は、はまったポイント②です。★

日本語のページを作ると、パーマリンクが日本語になることがあります。

あとでURLを設定するのですが、ページが開きません!!Σ(゚Д゚)

半角英数字を使うほうがいいです!

終わりましたら、「公開ボタン」をクリックして公開します。

※もう既に公開押してしまったので、写真上は更新になっています…

 

ちなみに、この入力画面だけでも、一応形式上では確認画面が表示されます。

こんな感じになります。

【入力フォーム画面】

MW WP Form 12

 

【確認画面】

MW WP Form 13

確認画面なのに、入力フォームになっている!!Σ(゚Д゚)

確認画面作成

ではここから、本題の確認画面の作成の作り方いきます!!!!。

手順として入力フォームの固定ページを作った時と同じになります。

固定ページ→新規追加で新しいページを作ります。(確認ページ用)

MW WP Form 14

 

一応完了画面も作っておきましょう。

作り方は同じで別固定ページ新規で作成し、完了ページを用意するだけです。

MW WP Form 14-2

ここで注意する事と言えば、リンクのアドレスは英数一部記号表記にするという事ですね。

あと、それぞれのページのURLは(フルアドレスを)コピーしておいてください。

矢印

 

MW WP Formに戻り、先ほどフォームを作成したファイルを再度開きます。

MW WP Form 15

矢印

それぞれにURLを設定します。

MW WP Form 23

★ここ実ははまったポイント③です。★

アドレスを設定する時に後ろに「/」をつけ忘れており、

正しいアドレスになっていなかったのでページが開きませんでした!!Σ(゚Д゚)

固定ページに設定したアドレスをちゃんとコピーする事です( `ー´)ノ

 

結果

【入力フォーム】

MW WP Form 17

 

【確認画面】

MW WP Form 18

 

【完了画面】

MW WP Form 19

とこんな感じになりました。

色々なサイトでも記載されていますが、とても使いやすいですね。

なのに、確認画面の作り方が明確に出ていなく…もったいない…

今回触れていませんが、必須入力、自動メール返信の機能ももちろんついていますので、是非使ってみて下さい( `ー´)ノ

 

追記:完了画面にもショートコードを忘れずに!!

2016年10月18日追記

このままでいくと、回答はできるのですが、完了画面でループをしてしまうことが発覚しました。

ここまで読んでいただいた方、すみません。

完了画面にショートコードを貼りつけるのを忘れないでください。

mw-wp-form%e5%ae%8c%e4%ba%86%e7%94%bb%e9%9d%a2_%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e4%bb%98%e4%b8%8e

忘れると…

下記ブログのようになります(;゚Д゚)

mw-wp-form-%e5%85%a5%e5%8a%9b%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%a7

 

 

 

 

tanaka_english_lesson

<<英語講座>>Behind

久しぶりのサンジョリ先生から教わった英語講座です( `ー´)ノ

このタイトルにもありますが、”Behind”この単語は「~の後ろに」が日本人が覚えている意味だと思います。
おおよそあまり使わないと思いますが、サンジョリ先生と会話をしていると、登場する頻度は多めです。

例えば…

  • Behind story
  • Behind history
  • Behind passion

“背景”,”hide:隠れた”に近い意味でも使われているようですね。

“behind story” とかちょっとアクセントで使ってみるとカッコいいですね( `ー´)ノ

Thank you for reading my blog.
See you next time.
Have a nice day!!

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

The following two tabs change content below.
田中 優樹

田中 優樹

価値あるコンテンツ制作部インクループ株式会社
助成金、社内事務、イベント運営と、製作部隊ではなく裏方作業担当の田中です(^^♪ 助成金は「自分達で調べ申請する」シリーズで作成しています。 やりたい事色々。相模原を盛り上げたい!世界と日本をつなぎたい!!以上!!

ほかの投稿も読んでみませんか?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

お知らせ

平成28年度補正予算 小規模事業者持続化補助金

特集

エクセルトラブルと解決策のまとめ アクセス数を増加させるための方法まとめ 初心者向けWordPressの設定方法まとめ

AD

ページ上部へ戻る