blogの背景を可愛くする。
mokabuu
mokabuu.com
【HTML5】WordPressの既存テーマのマジでイケて無かったところ！〜placeholderを使おう〜
mokabuu
1 2 3 4 5 6 7 | <form action="<?php echo esc_url(home_url()); ?>" id="search-form" method="get"> <input type="text" value="<?php echo esc_attr( 'Search' ); ?>" name="s" id="s" onblur="if(this.value=='')this.value='search'" onfocus="if(this.value=='search') this.value=''" /> <input type="hidden" value="submit" /></form> |
このコードまじでイケて無いと思うのですがいかがでしょうか？
ちなみにコイツ既存のテーマのコードです。
長年放置してきたのですが気になりだしたら止まらなくなったので今日はコイツを書き換えました。
1 2 3 4 5 6 | <form action="<?php echo esc_url(home_url()); ?>" id="search-form" method="get"> <input type="text" value="" placeholder="search" name="s" id="s" /> <input type="hidden" value="submit" /></form> |
僕はこれで大満足です。
最近UI/UXについて猛勉強しているのですが、
マイクロインタラクションまで意識するようになったら
Webをみるのが本当に楽しくなりました！
placeholderの文言たかが１つですが
placeholderの文言されど１つでもあります。
わざわざsearchの文言を消して検索って
１アクション増えてますしばかばかしいですよね。
placeholder使いましょう。
[adsense]
スポンサーリンク
ABOUT ME
2014年1月からmokabuu.comを運営しております。現在10年間で老朽化したサイトをリフォーム中です（2025/1〜）。
