my技メモ

MW-WP-Formをユーザーレベルによってメニューから非表示にする方法。

gimemo — Thu, 04 Jun 2015 01:36:39 +0000

MW-WP-Formは送信フォームを作ることができるWordPressのプラグインとして非常に便利です。

制作者が日本の方なので確認画面がついていることも良い点の一つだと思います。

MW-WP-Formを利用する際、プラグインを有効化するとダッシュボードのメニューにMW-WP-Formの編集メニューが表示されます。

WordPressでの運用は一人の場合もあれば、複数ユーザーで運用している場合もあると思います。

複数ユーザーで運用している場合、管理者以外のユーザーレベルにはMW-WP-Formを編集して欲しくない可能性もあります。

そういう時はユーザーレベルによってメニューから非表示にする必要があります。

ユーザーのレベルによってメニューを非表示にする

ユーザーのレベルによってメニューからMW-WP-Formを消す方法です。

管理者以外のユーザーレベルがログインした時にMW-WP-Formがメニューから消えます。

function remove_menus() {
  if (!current_user_can('level_10')) {
    remove_menu_page('edit.php?post_type=mw-wp-form');
  }
}
add_action('admin_menu', 'remove_menus');

これをfunction.phpに記載すると管理者以外のユーザーレベルでログインした時にメニューから消えるはずです。

if (!current_user_can('level_10')) {

}

の部分で現在のユーザーレベルが１０以外の時と言う指定になっています。
ちなみにWordpressのユーザー設定は管理者が１０になっています。
編集者は７だったと思います。

remove_menu_page('edit.php?post_type=mw-wp-form');

でMW-WP-Formをメニューから非表示にしています。

ちなみにremove_menu_pageの中を変えると外観やプラグインと言ったメニューを非表示にすることもできます。

 remove_menu_page('themes.php'); // 外観非表示
 remove_menu_page('plugins.php'); // プラグイン非表示

まとめ

管理者以外にMW-WP-Formのメニューを非表示にするにはfunction.phpに非表示の関数を書き込む。

ログアウトしたら失敗。WordPressのMW-WP-FormとTablePressは相性が悪い？

gimemo — Wed, 03 Jun 2015 01:20:02 +0000

WordPressで送信フォームを作った時の話の続きです。

前回オリジナルテンプレートでMW-WP-Formの送信フォームを作る際に確認画面に遷移しない状態が起きました。

（WordPressオリジナルテンプレートでMW-WP-Formが確認画面に遷移しない）

これはテンプレートにwp_footer();を記述することで解決しました。

管理者からログアウトするとうまくいかない

ところが新たに問題が発生しました。

WordPressのダッシュボードに管理者としてログインしている状態ではうまくいっていたのですが、ログアウトするとうまくいかないのです。

状況を整理します。

WordPressに管理者としてログインした状態

→MW-WP-Formの機能はすべて問題なく使用できる状態

WordPressの管理者からログアウトした状態

→MW-WP-Formの入力画面から確認画面に遷移する際に入力した内容がリセットされる。

確認画面でリセットされた入力フォームが表示される

さらに詳しく状況を書きます。

WordPressの管理者からログアウトした状態だと入力画面に内容入力後確認ボタンを押すと入力内容がリセットされています。

ただし、サイトのアドレス自体は確認画面に遷移した状態になっています。

つまり確認画面に遷移はしているものの表示されているのはリセットされた入力フォームと言う状態です。

その状態で戻るを押すとサイトのアドレスは入力画面にもどります。

表示はリセットされた入力フォームです。

再び確認画面へ遷移させても同じくアドレスは確認画面に遷移しているが表示は入力フォームの状態です。

さらにお試しのために入力フォームが表示された確認画面で送信ボタンを押してみます。

するとちゃんと送信されました。

画面	入力画面	確認画面	完了画面
OKの場合	入力フォーム表示	入力内容が表示	完了メッセージ表示
現状	入力フォーム表示	入力フォーム表示ただし送信ボタンはある	完了メッセージ表示
判定	〇	×	〇

つまり確認画面の表示内容がおかしい状況になっています。

MW-WP-Formで表示がうまくいかない場合はリダイレクトが影響してる可能性がありそうです。

調べてみると使用しているオリジナルテンプレートは思いっきり変なリダイレクト設定がありました。

しかし修正しても問題は解決しませんでした。。。

修正しきれていないのかどうなのかとりあえずデフォルトのテンプレートでも試してみようと思い試してみました。

デフォルトのテンプレートでも確認画面で入力フォームが表示されます。

どうやらテンプレートは関係ないようです。

うまくいかない原因はTablePressとの相性？

若干お手上げ状態になってきたのでとりあえず起こっている状況を整理してみました。

・WordPressの管理者からログアウトするとうまくいかない。

・MW-WP-Formの画面のアドレスの遷移はうまくいっている。

・確認画面でリセットされた入力フォームが表示されている。

・テンプレートをデフォルトにしても同じ現象が起こる。

いろいろ悩んでいるときに気づいてしまいました。

TablePressが悪さをしているのではないだろうか。

MW-WP-Formの作成画面で各項目を入力してそのまま表示したら美しくありません。

そこで各項目をそれぞれTablePressという表組を作るプラグインの各テーブルに入れて表示していました。

TablePressでの表示をやめてMW-WP-Formのそのままの美しくない状態で試してみると。

見事に成功いたしました。。。

TablePressで表示をしていたのが原因だったようです。

再びTablePressに戻すと同じ現象が起きるので犯人はTablePressで確定のようです。

管理者でログインしているときとログアウトしているときでTablePressの挙動が違うんでしょうか・・？

とりあえず送信確認もせずにMW-WP-FormのコードをいきなりTablePressに入れて作成していたのが敗因だったようです。

と言うことでTablePressはあきらめてTinyMCE Advancedで表を作ることで落ち着きました。

MW-WP-FormとTablePressの相性が良くないのか私が使っていたバージョンが良くなかったのかはよくわかりません。

とりあえずメモとしてうまくいかなかったバージョンを書いておきます。

WordPress 4.2.2

MW WP Form 2.4.11

TablePress 1.6

まとめ

WordPress管理者としてログイン・ログアウトの状態でプラグインの動きが変わる時がある

プラグインはとりあえずデフォルトの状態で使ってみる（プラグインinプラグインする前に）

MW-WP-FormとTablePressは相性が悪い・・・？

WordPressのオリジナルテンプレートでMW-WP-Formが確認画面に遷移しない。

gimemo — Mon, 01 Jun 2015 23:53:39 +0000

WordPressを使ったWebサイトで送信フォームを作成することになりました。

WordPressの送信フォームのプラグインではContactForm7と言うのも有名らしいですが、

こちらは外国の方が作ったプラグインで確認画面がないということでMW-WP-Formを選びました。

WordPressの管理画面で必要項目を入力後に、作成したフォームがうまく動作するかを確認します。

フォームの入力画面で必要項目を入力後に確認ボタンをクリックするとうまく確認画面に遷移しました。

ためしに戻ってみると入力ページに遷移します。

うまくいってそうなので送信確認をしようと再び確認画面へ遷移しようとしたら入力内容がリセットされてしまいました。

どうやら確認画面へ遷移されていないようです。

もう一度入力して確認ボタンを押しても同じでした。

ブラウザのキャッシュが原因かと思って削除してみると入力後に確認ボタンをクリックすると確認画面へ遷移しました。

もう一度戻って入力確認するとやっぱり確認画面へ遷移しません。

キャッシュを消せばうまくいくみたいですが、普通の使い方で入力確認画面から戻る時に

いちいちキャッシュを消す作業をするとかはあり得ないので、修正の必要がありそうです。

調べてみるとMW-WP-Formを正常に動かすためにはwp_head();とwp_footer();とget_header();が必要みたいです。

使っていたWordPressのテンプレートはオリジナルのためこの３つは記載されていませんでした。

テンプレートのファイルにこの３つを記載します。

をの直前に
をの直前に
をの直後に

それぞれ記載しました。

wp_head();はwp_header();と書いているサイトがありますがテンプレートファイルにwp_header();と書いてしまうと

サイトが真っ白になってちょっと焦るので注意です。

wp_header();は間違いです。

ちなみに今回使用したオリジナルテンプレートはテーマファイルがあまり細かく分割されていなかったので

すべてindex.phpに記載しましたが、テーマファールが分割されている場合はheader.phpやfooter.phpに記載する場合もあると思います。

すべてを記載終了したので動作確認です。

入力画面で確認ボタンを押すと確認画面へ無事遷移します。

確認画面で戻るボタンを押すと内容がリセットされずに入力画面に遷移。

再び確認ボタンを押すとちゃんと確認画面に推移します。

確認画面で送信ボタンを押すと送信完了画面へ推移します。

これで問題なく送信フォーム作成完了と思ったらサイトのヘッダ部分が崩れてしまっています。

今までなかったwp_head();とget_header();を記述した影響が出ているようです。

この二つは必要だと書いてありましたが、実はwp_footer();が一番影響があって

wp_head();とget_header();は無くてもいいんじゃないかと淡い期待を抱いて消してみました。

※本当はwp_head();とget_header();も含めて形の崩れないテンプレートが望ましいと思います。

動作確認すると・・・

問題なさそうです。

どうやらwp_footer();があればプラグインとして成立してそうな感じです。

と言うことでテンプレートをいじるのはひとまず置いといてこのまま行こうと思います。

まとめ

プラグインの動作にはwp_head();とwp_footer();とget_header();が必要なものがある

オリジナルテンプレートを使うとwp_head();とwp_footer();とget_header();など必要なものが抜けている場合がある

MW-WP-Formを使う際は少なくともwp_footer();は必要。

WordPressをバージョンアップして四角になったアイコンを戻す方法

gimemo — Mon, 01 Jun 2015 02:12:25 +0000

昔々に作ったサイトのWordPressのバージョンが

あまりに古いのでバージョンアップをしました。

旧バージョン　WordPress 3.5.1

新バージョン　WordPress 4.2.2

バージョンアップによりサイトがおかしくならないかと不安でしたが、問題なく完了。

バージョンアップ後のWordpressのダッシュボードに若干の違和感が。

特に気にしていなかったのですが、プラグインを追加しようと思った時に気付きました。

プラグインの評価の星が四角になってしまっていました。

他におかしいところはないかと思ってみているとダッシュボード上部のアイコンも四角になっていました。

若干の違和感はこの四角だったんですね。

WordPressは少しのバージョンアップでもサイトがおかしくなことがあるという噂を聞いていました。

そのバージョンアップでアイコンが四角になるだけだったので安心していました。

アイコンが四角になる程度だとサイトには特に支障はなさそうです。

ところがよく見ていくと投稿画面のアイコンたちも四角になっていました。

一応マウスカーソルを四角のアイコンの上に乗せると日本語が表示されるので使えなくはなさそうです。

ただ、普段何ができるか一目でわかるアイコンが全部四角になってしまっているととても不便です。

これは何とか直したいです。

調べてみると、どうやらWordPressのバージョンを3.9以上にすると起こるようです。

WP Multibyte Patchというプラグインのバージョンが古いのが原因のようです。

WordPressのプラグインのWP Multibyte Patchを

旧バージョン　1.6.4

新バージョン　2.3.1

にバージョンアップすると四角のアイコンが正しいアイコンに変わってくれました。

WordPressの本体のバージョンアップとともに付随するプラグインのバージョンアップも必要ですね。

参考までに・・・

WP Multibyte Patchは名前の通りマルチバイトの文字を取り扱うためのプラグインのようです。

日本語の平仮名や片仮名や漢字といった文字は1文字を２バイト(マルチバイト）で表現されています。

これをうまく取り扱ってくれるのがWP Multibyte Patchなんですね。

WP Multibyte PatchのバージョンがWordPressのバージョンとあっていなかったことで

マルチバイトの取り扱いがうまくいかず文字化けして四角になってしまってたということなのかな・・?

まとめ

現象：WordPressのバージョンアップでアイコンが四角になった。

対策：プラグインWP Multibyte Patchのバージョンアップ