MW WP Form Ver 1.1.3

投稿日 2013年11月27日
更新日 2013年12月11日
著者キタジマタカシ
カテゴリー MW WP Form

MW WP Form をバージョンアップしました（Ver 1.1.3）。今回のバージョンでは以前から気になっていたメソッド名等の修正を行っています。下記は新しいメソッド名、引数名に変更していますが、まだ過去の名称でも動作しますが次回のバージョンアップで古いものは削除する予定です。普通に利用している限りではほとんど影響はないと思いますが、ゴリゴリにカスタマイズされている方は注意が必要かもしれません。

div.mw_wp_form_previewは次回のバージョンアップで削除予定（div.mw_wp_form_confirmに置換）
MW_Form::previewPage()は次回のバージョンアップで削除予定（MW_Form::confirmPage()に置換）
[mwform_submitButton]の引数preview_valueは次回のバージョンアップで削除予定（confirm_valueに置換）
[mwform_previewButton]は次回のバージョンアップで削除予定（[mwform_confirmButton]に置換）
[mwform]の引数previewは次回のバージョンアップで削除予定（confirmに置換）
MW_Form::isPreview() -> MW_Form::isConfirm()
MW_Form::getPreviewButtonName() -> MW_Form::getConfirmButtonName()

マニュアル

MW WP Form の使い方

ダウンロード

MW WP Form をダウンロード

この記事を書いた人

キタジマタカシ

長崎在住、フリーランスのWordPress テーマ / プラグインデベロッパー。多数のプロダクトをオープンソースで開発・公開しています。現在は WordPress 有料テーマ Snow Monkey を開発・販売しています。

記事一覧

この投稿へのコメント

ワキサカモトノリが 2013年12月12日 1:04 PM にコメント

こんにちわ！

以前からこちらのプラグインを使わせて頂きたく、時々こちらにお邪魔させて頂いておりました。
一点お教えいただきたいことがありまして、失礼ながらコメントを書かせて頂いております。

この度調整を行いたいのは、
MW WP Formを投稿へショートコードを記入するのではなく、
single.phpに直に書き込みたいという点です。

管理画面からフォーム項目をすべて入力し、
試しにsingle.phpに「echo do_shortcode(‘[mwform_formkey key="○○"]‘);」とショートコードを打ってみたのですが、
ショートコードの部分がそのまま表示されてしまい途方におります・・・。

テーマファイル内にそのまま書くのは難しいでしょうか？
もし可能でありましたらご教授頂ければ幸いです！

大変お手数ですが、何卒よろしくお願いいたします。
キタジマタカシが 2013年12月12日 3:06 PM にコメント

ワキサカモトノリさま
MW WP Formのショートコードは $post->post_content（管理画面で入力した記事本文）を見て有効化されます。そのため、テンプレートに直接記述した場合は有効化されません。直接記述もサポートしたいと思っているのですが…どのように実装すれば良いかわからずそのままになってしまっています…。
ワキサカモトノリが 2013年12月12日 3:48 PM にコメント

キタジマ様

迅速にご回答いただきましてありがとうございます！！

>MW WP Formのショートコードは $post->post_content（管理画面で入力した記事本文）を見て有効化されます。そのため、テンプレートに直接記述した場合は有効化されません。直接記述もサポートしたいと思っているのですが…どのように実装すれば良いかわからずそのままになってしまっています…。

なるほどですね～
今回、工務店だとかリフォーム業者だとか専門職の業者を取りまとめた一覧サイトをの案件をやってまして、
詳細記事ページ(single.php)にカスタムフィールドの値を仕込んだフォームの組み込み工程があったんです。

こういう仕事をしていると毎度のことですが、
クライアントに触らせるのはちょっとコワイな・・・という感じなのでテーマ内に組み込めたらベストだと思いました。

ただその他の機能面は本当に理想的です！
管理画面での確認だとかフォーム作成の手軽さは、
今までフォームを自作していたのがバカバカしいほどです。

ご回答、本当にありがとうございました！！
ナギが 2013年12月23日 3:11 AM にコメント

いつもお世話になっております。

バージョンアップしたら、@xxx.co.jp/@xxx.ne.jp/@xxx.or.jp のメールアドレスが「メールアドレスの形式ではありません。」と表示されることになりました（バリデーション設定：必須項目、メールアドレス）。

軽くテストしてみたら、@xxx.com.xx のメールアドレスが全般ダメらしいです（@xxx.com/@xxx.jp なら問題なし）

緊急対策として、バリデーションのメールアドレスのチェックを外したが、確認していただくと嬉しいです。よろしくお願いします。
オクダミネオが 2013年12月26日 12:30 PM にコメント

お世話になっております。
このプラグインありがたく使用させていただいております。

先日アップデートしたところ、送信データ表示画面で
system\mw_wp_form_contact_data_page.phpの279行目、

$upload_file_keysがエラーを吐いていました。

if ( in_array( $column, $upload_file_keys ) ) {

を

if ( in_array( $column, (array) $upload_file_keys ) ) {

のように配列にキャストしたら直りましたが、前後を見ていないので原因は不明です。

ご報告まで。
キタジマタカシが 2013年12月27日 3:12 PM にコメント

オクダミネオさま
ご報告ありがとうございます！Ver 1.2.5 にて修正済みです。
カムナが 2014年1月7日 2:01 PM にコメント

いつもお世話になっております。
こちらのプラグインを非常に活用させて頂いております。

この度、遅ればせながらバージョンアップしたところ、下記エラーがページに発生されるようになりました。
※一部サイトURL表記につきまして***にて削っておりますので予めご了承下さい

Warning: session_start() [function.session-start]: Cannot send session cookie – headers already sent by (output started at /home/*****/user/*****.net/wp-content/themes/*****/index.php:2) in /home/*****/user/*****.net/wp-content/plugins/mw-wp-form/system/mw_session.php on line 48

Warning: session_start() [function.session-start]: Cannot send session cache limiter – headers already sent (output started at /home/*****/user/*****.net/wp-content/themes/*****/index.php:2) in /home/*****/user/*****.net/wp-content/plugins/mw-wp-form/system/mw_session.php on line 48

PHPはそこまで詳しくないため、過去コメント拝見したところ、同エラーの方がおりましたので、
同様に　mw_session.php　48行目session_start();箇所前の改行を削除したものの、
line 1となるだけで修正出来ませんでした。

大変お手数をおかけしますが、ご教授頂けますよう何卒宜しくお願い致します。
キタジマタカシが 2014年1月7日 2:39 PM にコメント

カムナさま
MW WP Formでは、画面状態の保持のためにセッションを利用しています。セッションは必ず「画面出力」が行われる前に実行されなければなりません。エラーメッセージから推測すると、/themes/*****/index.phpの2行目で何らかの画面出力が行われているように思います。MW WP FormはWordPressの関数 get_header() および wp_head() がテーマに記述されていることが必須となっていますので、index.phpの一番最初の行で get_header() を記述して header.php を読み込み、その中に wp_head() を記述してみてください。
カムナが 2014年1月7日 3:22 PM にコメント

キタジマ様

いつもお世話になっております。
迅速なご回答、誠に有難う御座います。
早速利用テーマ（Beauty ver1.1.4）内、index.phpソースを確認したところ、既に

<html xmlns="http://www.w3.org/1999/xhtml">

と記述されており
header.phpの方では末行に

が記述されておりました。

index.php1行目にを持っていったところ、
エラー行数が1行目になりましたので原因はそこにあるのかと思いますが、
どう対応すればいいのか悩んでおります。

併せて他に原因になりそうな要素を考えたところ、
今回のアップデートの前に、
・WordPressをver3.9
・WP Multibyte Patchをver1.9
へのアップデートを実施致したくらいかと思います。

重ね重ねお手数をおかけいたしますが、宜しくお願い申し上げます。
キタジマタカシが 2014年1月7日 3:57 PM にコメント

カムナさま
beautyをダウンロードして確認してみました。headタグの中身だけがheader.phpとして分離してあるのですね、これだとやはりindex.phpの1行目にget_header()が来ないのでセッションエラーとなってしまいます。doctype宣言から</head>までをheader.phpに入れてindex.phpから消してしまえば良いかと思いますが、他に get_header() を使っているテンプレートでも同様の修正が必要となります。次回のバージョンアップでは get_header() に依存しないように修正を入れたいと思ってはいるのですが…
カムナが 2014年1月7日 5:05 PM にコメント

キタジマ様

再度迅速なご返答、誠に有難う御座います。
index.phpとheader.phpの二箇所修正したところ、エラー表記が消えましたが、テーマデザインが崩れてしまう状態になりますので、色々弄って崩れないよう試してみます。

この度はお手数をお掛けしてしまいましたが、度重なるご回答、誠に有難う御座いました！
今後とも何卒宜しくお願い申し上げます。
スマイルが 2014年2月5日 7:41 PM にコメント

こんばんは！
確認画面が出せるフォームを探していました。有効に使わせていただきます。

ひとつお願いですが、
実際にサイトを使う方が別の方なので中身を弄られたくないと思っています。
編集者権限のメニューから消したいのですが、remove_menu_page(‘○○’);を教えていただけますでしょうか。
よろしくお願いいたします。

あと、要望としてボタンに画像を使いたいです。（確認画面へ、戻る、送信するの３種類）
また、「もしここにチェックが入っていたら以下のフィールドグループの記入必須を解除する」なんてことも出来るようになると、最強です。

いつも応援しています。よろしくお願いいたします！
キタジマタカシが 2014年2月6日 10:37 PM にコメント
スマイルさん

> 編集者権限のメニューから消したいのですが、remove_menu_page(‘○○’);を教えていただけますでしょうか。

リファレンスを見るとremove_menu_pageの引数は $menu_slug となっているのでこれでどうでしょう？
```
remove_menu_page( 'edit.php?post_type=mw-wp-form' );
```
> 要望としてボタンに画像を使いたいです。

画像についてはCSSで実現できるかと思いますので、今のところ機能として実装する予定はありません。下記のような感じでどうでしょう。
```
.btn input {
    background-image: url( ../images/btn.gif );
    height: ◯◯px;
    width: ◯◯px;
    text-indent: -9999px;
    overflow: hidden;
}
```
> 「もしここにチェックが入っていたら以下のフィールドグループの記入必須を解除する」なんてことも出来るようになると、最強です。

これについては機能として持たせるか悩んでいるところですが、項目自体が送信されなければ必須チェックはかからないので、とりあえずJavaScript（jQuery）で、チェックが入ったときに必須を解除したい要素に disabled を付与するようにすれば実現できます。
スマイルが 2014年2月7日 9:36 AM にコメント

キタジマさん

早速ご回答いただきありがとうございます。
１．管理画面に表示させないは教えていただいたとおりで実現できました。ありがとうございます！

２．ボタン画像については、[mwform_submitButton]がひとつのコードで確認と送信の自動出し分けになっているので、確認する、戻る、送信するの３つをそれぞれ違う画像にしたい場合は、できないと諦めていました。
もし方法があればご教示いただけると幸せになれます。

３．はまだjqueryは勉強中で、自力実装は難しいと思っていますが、教えていただいたことをヒントに試行錯誤してみたいと思います。

いろいろ、ありがとうございます。ためになる情報、これからも見ています。頑張ってください！

キタジマタカシが 2014年2月7日 9:48 AM にコメント

スマイルさん

2については、MW WP Formで生成されたフォームは入力、確認、完了画面がそれぞれ「mw_wp_form_input」「mw_wp_form_confirm」「mw_wp_form_complete」というクラスで囲まれますので、下記のような感じでデザインできます。

/* 入力画面 */
.mw_wp_form_input .btn input {
    /* 任意のスタイル */
}
/* 確認画面 */
.mw_wp_form_confirm .btn input {
    /* 任意のスタイル */
}

3はフォームによるのでここで解を出すのは難しいですが、サンプルだけ…。（動作確認してないのでエラーあるかもです）

jQuery( function( $ ) {
    var mw_wp_form = $( '.mw_wp_form' );
    var radio = mw_wp_form.find( 'ラジオボタンのセレクタ' );
    radio.click( function() {
        var target = mw_wp_form.find( 'disableしたい項目のセレクタ' );
        if ( radio.prop('checked') ) {
            target.prop( 'disabled', true );
        } else {
            target.prop( 'disabled', false );
        }
    } );
} );

スマイルが 2014年2月7日 11:53 AM にコメント

キタジマさん

ボタンの画像への変更、できました！
ありがとうございます！

３．はこれからですが、うまくいったらまた報告します。（イケる気はしています。）

お手間をお掛けしてすみませんでした。もっと勉強しなければと思います。。
pee が 2014年2月26日 7:30 PM にコメント

キタジマ様

ここ最近お客様からの依頼で、キタジマ様のプラグインを指名されるほど、MW WP Formを利用させて頂いております。本当にお世話になっております、ありがとうございます。
そしてこの度はプラグインの設定でどうしても解決できなかった点がございまして、こちらで質問させて頂きました。

管理画面から「個別URL・確認画面あり」のフォームを3つ作成しましたが、2つは入力・確認・完了の各URLにアクセスすると、様々なページにリダイレクトされている状態です。（※リダイレクト先は入力画面のURLや、トップなど）

【現状】
・各固定ページ（入力・確認・完了）に[mwform_formkey key="hoge"]と、それぞれ表示したい内容を記述
・最初は正常に動いていたが、動作確認の翌日に異常が発生

【原因追求で行った事】
・MW WP Formプラグイン以外のプラグインを停止　→　変化なし
・MW WP Formプラグインをアンインストール後、再インストール　→　変化なし
・wp_head,wp_footer,get_header()の有無　→　有
・同じ形のフォームをロリポップ（ver3.7.1）、さくらサーバー（ver3.8.1）それぞれで検証　→　ロリポップ：正常　さくら：リダイレクトの状態

他に質問されている方で、さくらサーバーが原因だった方がいらっしゃったのでサーバーかもしれないと思いましたが、もしそうだとしてもその対処法に行止っております。
web初心者でお恥ずかしい限りですが、お時間のある時に返信を頂ければと思います。
どうぞ何卒よろしくお願い致します。
キタジマタカシが 2014年2月27日 6:12 PM にコメント

peeさま

いつもお使いいただいているとのことでありがとうございます。
ご質問の件ですが、フォームは共有SSL下でのご使用でしょうか？
MW WP Form は共有SSL下での動作をサポートしておりませんので、共有SSL下では正常に動作しない可能性があります。
pee が 2014年3月2日 8:11 PM にコメント

お世話になります、peeです。
すぐにお返事を頂いたのにも関わらず、返信が遅くなり申し訳ございません。

確認にかなり時間がかかりましたが、共有SLLでございました。
事前に記述されていたのにも関わらず、お恥ずかしい限りです。
独自SLLで作動するかも試していきたいと思います。

貴重なお時間を頂いてのお返事、本当にありがとうございます。
うっちーが 2014年5月30日 7:00 PM にコメント

キタジマ様

はじめまして！

このプラグインありがたく使用させていただいております。
素晴らしいプラグインのご提供ありがとうございます！！

設置にあたり一つ質問があります。。。

完了ページにのみコンバージョンタグを
差し込みたいのですがうまくいきません。

現在はURL設定が下記となっていて
それぞれに稿記事を用意しています。

—
入力画面URL：http://ドメイン/pagename/
確認画面URL：http://ドメイン/pagename_confilm/
完了画面URL：http://ドメイン/pagename_complete/
—

完了画面はスラッグ「pagename_complete」投稿IDが「50」なので
下記のように条件分岐（footer.php内に）を書いているのですが、、、

記述例１）

コンバージョンタグ（スラッグtuning1_completeで分岐）

スラッグpagename_completeに一致していません

記述例２）

コンバージョンタグ（記事ID50で分岐）

記事ID50に一致していません

どちらも完了ページでは文字の出力はされているのですが
htmlソースを見るとソース内には存在していない状況です。

このような症状は何か設定が間違っているのでしょうか？
もしわかればご教授いただけますと助かりますm(_ _)m
キタジマタカシが 2014年5月30日 7:39 PM にコメント

うっちーさま
はじめまして。ご質問の件ですが、具体的に、どのファイルにどのようなコードを書かれているのでしょうか？条件分岐が必要ということは各ページで共通に読み込まれる header.php か footer.php でしょうか？「コンバージョンタグ」というものが何か断定しかねますが、もし JavaScript のコードであればテンプレートに直接既述するより管理画面で入力してしまったほうが手っ取り早いかもしれません。
うっちーが 2014年6月2日 10:52 AM にコメント

キタジマ様

はじめまして！
footer.phpに下記を記述しています。

＜？php if(is_single(’50’)) : ？＞
アドワーズのコンバージョンタグ
＜？php endif ？＞

管理画面で入力というのは

◆完了画面URL：http://ドメイン/pagename_complete

上記投稿ページのエディター内のショートコードと
コンバージョンソースを同梱させるということでしょうか？

現在、なぜかフォーム入力者への自動返信メールのみ
届かないという症状も併発しています。（管理者へは届く）

また「自動返信メール設定」の「自動返信メール」には
何か値を入力する必要はありますでしょうか？
※この項目のみ未入力です

もしわかればご教授いただけますと助かります。。
うっちーが 2014年6月2日 11:06 AM にコメント

キタジマ様

自動返信メール未着の部分は
さきほど【自動返信メール設定】内の【自動返信メール】にキーを入力することで
無事解決いたしました！
うっちーが 2014年6月11日 12:10 PM にコメント

キタジマ様

未だ解決できず困っているので再度書き込みします。

footer.phpに完了ページIDの場合は特定ソースを出力するように分岐を入れたところ、
完了ページでは特定ソースがjsで吐き出されており、htmlソース内には存在していませんでした。

検証はデベロッパーツールで確認しました。
これらは仕様でしょうか？

コンバージョンタグを踏めないので困っております、、
もし改善方法がありましたら教えてもらえませんか？

MW WP Form Ver 1.1.3

マニュアル

ダウンロード

この記事を書いた人

キタジマタカシ

MW WP Form でバリデーションエラー時のURL変遷を指定できるようになりました。

フォーム生成WordPressプラグイン「MW WP Form」に管理画面がつきました。

MW WP Form で、選択項目としてカスタム投稿やカスタムタクソノミーを表示する方法

MW WP FormがWordPressプラグインディレクトリに登録された。