プラグイン「WP Customer Reviews」をレスポンシブル・スマホ対応に

ユーザーに優しくないWP Customer Reviews

とあるサイトにレビューを登録してもらうのに「WP Customer Reviews」を使いました。

いわゆるユーザーにクチコミを投稿してもらうプラグインで、かなり便利。

日本語化を含めて、詳しい使い方は別サイトにあるので参考にしてください。

Wordpressサイトにレビュー機能!WP Customer Reviewsを日本語化 | ナカノマサミツ...
こんにちは。他人の評価が気になる男、ナカノマサミツです。 みなさん、ECサイトで商品を買うときって何を参考にされてますか?商品ページの情報?写真?いやいや、やはりそれは口コミでしょう! 口コミというものはステマではない限り、実際に購入された、使用され...
レビューサイト一丁上がり!
ぬこさん・・スマホで閲覧すると枠がハミ出てますよ
にゃんだって!

いくら便利なプラグインでも、今どきスマホに対応していないのはカナリ格好悪い。

作成側もツメが甘いというかなんというか。何か理由あるのかな?

CSSを変更して荒治療

「レスポンシブル WP Customer Reviews」でググっても古いバージョンの情報ばかりで答えが出てきません。

プラグインの使い方や日本語訳の方法を説明するサイトが20サイト以上ヒットするのに・・なぜ誰も気づかないんだろう?

仕方がないので苦手なCSSを弄って自力解決しました。コードを書くのも面倒なので、ファイルをそのまま置いておきます。

バージョン3.2.1なら

/wp-content/plugins/wp-customer-reviews/css

に下のファイルを解凍して上書きアップロードすれば、とりあえずハミ出しません。

↓cssファイルのダウンロード↓
wp-customer-reviews-generated

単純にコメントのウィンド幅300pxに狭めただけの応急措置です。

■テキストの斜体が格好悪かったので、削除しました。

■コメントの下幅が無駄に大きいので縮小

■ウィンド幅をスマホサイズに

プラグインを再起動すると以前の設定が反映されてしまうので、プラグインを再起動した場合は再度FTPソフトで上書きする必要があるようです。

なぜそのような仕様なのか・・素人の管理人にはよくわかりません。

表示ウィンドが○px以下なら他の表示方法で~。的な措置を取りたい人は有料で誰かに頼んだ方が早いと思います。