moka-device-02
comment 1

WordPressテーマ『Moka』検索の不具合を修正

Elmastudioの『Moka』にブログテーマを変更して以来、すっかりお気に入り。
すっきりミニマルなデザインは、見てるだけでも気持ちいい。

関連記事:WordPressテーマ変更 シンプル、ミニマル、レスポンシブな『Moka』で「Less is More」にしたいんだけど。。。

しかし、ひとつだけ不具合を発見!

iPhoneでの『Search』の日本語表示

『Search』ボタンをクリックすると、『Big Quote』ばりに文字がでっかく表示されるのも、このテーマの特徴の一つ。

Type to Search

MacBook AirやiPad Airから使用するには何の問題もない。
iPhoneでも、英数入力ならフツーに使える。
しかし、日本語入力だと入力した文字が表示されなくなってしまう。

Search日本語入力

この後は、無反応で、当然検索も機能しない。

早速、Elmastudioに問い合わせ。
ドイツにあるElmastudioは、英語では対応してくれるが、日本語サポートはない。
しかし、こんなときこそGoogle翻訳。
tumblrで海外のフォロワーから来るメッセージに応えるときにも欠かせないコレは、国語のひとつしか手持ちがなくても、なんとかセカイとコミュニケーションを成立させてくれる。
多少表現がおかしかろうが、趣旨が伝われば充分だ。
Elmastudioは、メールでのサポートは受け付けていない代わりに、フォーラムのレスポンスは早い!
翌日には、修正方法を教えてくれた。

Hi, that is actually a bug. Please try the following CSS to fix this:

.search-wrap #searchform input#s {

padding: 0;

}

Here you can find more information about adding custom CSS: http://www.elmastudio.de/en/wordpress-en/custom-css-wordpress/

Best,

Marc

引用元: Elmastudio Theme Forum « A Community Support Forum For Elmastudio WordPress Themes Elmastudio Theme Forum.

CSSなど1ミリも理解していないが、とりあえず言われたままにやってみた。
コワイので、一応もとのスタイルシート (style.css)はEvernoteにコピペしておいた。

すると、問題は見事に解決!

入力した日本語も生きていて表示される

改善後Search日本語入力

 

そして検索結果も表示されるようになった

改善後Search結果

 

iPhoneでの検索機能がアレだったとしても、このテーマを使い続けるつもりでいたけれど、改善されるなら言うことはない。
これでお気に入りのものを、一点の曇もない気持ちで、使い続けることが出来る。
今回は、ElmastudioとGoogle翻訳に大感謝!