MW WP Form – インクループ株式会社|神奈川県相模原市 ホームページ制作、WEBマーケティング https://incloop.com インクループ株式会社は、お客様の顧客獲得をマーケティングを活用して支援する会社です。 データ分析、市場調査に基づく企画立案、コンテンツ制作、運用を通じてお客様の目標を実現します。 Thu, 19 Nov 2020 00:59:16 +0000 ja hourly 1 https://wordpress.org/?v=4.9.19 MW WP Form 完了画面のままになってしまい入力画面が表示できない問題の解決方法 https://incloop.com/mw-wp-form-%e5%ae%8c%e4%ba%86%e7%94%bb%e9%9d%a2%e3%82%92%e7%b9%b0%e3%82%8a%e8%bf%94%e3%81%97%e3%81%a6%e3%81%97%e3%81%be%e3%81%86%e5%af%be%e5%87%a6%e6%96%b9%e6%b3%95/ https://incloop.com/mw-wp-form-%e5%ae%8c%e4%ba%86%e7%94%bb%e9%9d%a2%e3%82%92%e7%b9%b0%e3%82%8a%e8%bf%94%e3%81%97%e3%81%a6%e3%81%97%e3%81%be%e3%81%86%e5%af%be%e5%87%a6%e6%96%b9%e6%b3%95/#respond Tue, 18 Oct 2016 09:35:20 +0000 https://incloop.com/?p=8875

こんにちは。 火曜日担当の田中です。 今日のブログですが、以前、MW WP Formの事について記事を書きまし […]]]>

こんにちは。
火曜日担当の田中です。

今日のブログですが、以前、MW WP Formの事について記事を書きました。

先日、書いたブログはこちらです。

MW WP Form 22
MW WP Formとは、WordPressで問い合わせフォームを作成する方にとってはとてもお世話になるプラグインの一つです。

先日、アンケートのフォームを作成していたのですが、また…

 

 

はまりました!!(;゚Д゚)

 

入力画面に戻らないっ!!

前回作成したブログ記事を参考に

 

アンケートフォームを作り…

 

 

確認画面を作り…

 

 

完了画面を作りました。

そして、ちゃんと動くかテストです(^^)

 

①入力して確認画面へ

MW WP Form 入力画面 テスト

②確認画面で入力したものを確認し、送信!!MW WP Form 確認画面 テスト

 

 

③完了画面

MW WP Form 確認画面 テスト

④もう一度、入力画面からテスト

 

 

mw-wp-form-%e5%85%a5%e5%8a%9b%e7%94%bb%e9%9d%a2-%e3%83%86%e3%82%b9%e3%83%88_02

 

入力画面のURLを入力して、Enter!!

 

 

mw-wp-form-%e5%85%a5%e5%8a%9b%e7%94%bb%e9%9d%a2-%e3%83%86%e3%82%b9%e3%83%88_03

 

あれ?
完了画面のままだ…(;゚Д゚)

 

 

 

もう一回!!

 

 

mw-wp-form-%e5%85%a5%e5%8a%9b%e7%94%bb%e9%9d%a2-%e3%83%86%e3%82%b9%e3%83%88_02

 

なぜ!?

 

も、もう一回!!(;゚Д゚)

 

 

mw-wp-form-%e5%85%a5%e5%8a%9b%e7%94%bb%e9%9d%a2-%e3%83%86%e3%82%b9%e3%83%88_03

 

か、変わらぬっ!!Σ(´∀`;)

 

 

そして…繰り返す事×10回

 

 

mw-wp-form-%e5%85%a5%e5%8a%9b%e7%94%bb%e9%9d%a2-%e3%83%86%e3%82%b9%e3%83%88_03

 

 

 

ずっと完了画面の無限ループ!!

 

 

 

対処方法:ショートコードを張り付けるだけ!!

この対処方法なのですが、やる事は

 

たった一つだけ!!

 

完了画面のページに

ショートコードを張り付ける!

MW WP Form 確認画面 テスト_04

 

これで、入力画面に戻れるようになりました(^^)2016-10-18_13h35_36

 

終わりに…

完了画面だから、ショートコードは必要ないと思っていたのですが、必要だったんですね。

今回参考にさせて頂いたページは下記ページになります。

ありがとうございました(^^)

http://ad-size.info/archives/17091
http://2inc.org/blog/2013/08/08/3478/

 

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

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

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

]]>
https://incloop.com/mw-wp-form-%e5%ae%8c%e4%ba%86%e7%94%bb%e9%9d%a2%e3%82%92%e7%b9%b0%e3%82%8a%e8%bf%94%e3%81%97%e3%81%a6%e3%81%97%e3%81%be%e3%81%86%e5%af%be%e5%87%a6%e6%96%b9%e6%b3%95/feed/ 0
解決!完了画面にならない…初心者向けMW WP Formの確認画面の作り方 https://incloop.com/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%a7%e3%82%82%e4%bd%9c%e3%82%8c%e3%82%8bmw-wp-form%e3%81%ae%e7%a2%ba%e8%aa%8d%e7%94%bb%e9%9d%a2%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9/ https://incloop.com/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%a7%e3%82%82%e4%bd%9c%e3%82%8c%e3%82%8bmw-wp-form%e3%81%ae%e7%a2%ba%e8%aa%8d%e7%94%bb%e9%9d%a2%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9/#comments Tue, 14 Jun 2016 11:57:52 +0000 https://incloop.com/?p=6095

こんにちは。 今日はMW WP Formの確認画面の作り方について書きます。   この名前で検索する […]]]>

こんにちは。

今日は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

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

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

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

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

 

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

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

ちなみにショートコードの場所ですが、
MW WP Formでフォームを作成していると思いますが、そのMW WP Form一覧にある「フォーム識別子」の項目にあります。

フォーム識別子にあるショートコードをコピーして、完了画面に貼り付けてあげます。

このようにすることで、完了画面でのループはしないようになります。

 

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!!

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

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

]]>
https://incloop.com/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%a7%e3%82%82%e4%bd%9c%e3%82%8c%e3%82%8bmw-wp-form%e3%81%ae%e7%a2%ba%e8%aa%8d%e7%94%bb%e9%9d%a2%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9/feed/ 9