ま総研2000(まどの総合研究所ver.5.1)

みんながみんなその物事に興味があると思っちゃいけないよという精神で綴る備忘録

stinger3の検索フォームが検索フォームに見えなさそうなのでその対策をしたときの個人用ログ

   

スマホ画面でいうと単独記事の終わりの方、PC・タブレットでいうとサイドバーに、検索フォームがある。

しかし、その検索フォームのボタン部分を自作の画像に入れ替えたことによって、知らない人が見ると、フォーム自体が仕切り線にしか見えない状態になってしまった。

それは困ったということで、色々と調べる。

HTML5タグリファレンス:input placeholder
プレースホルダとHTML5のplaceholder属性

これらを見ると、フォーム内に表示したいヒントを入れるのはいいけれど、それが何を示しているのかをラベル代わりに書くのは、あまりよろしくないとのこと。

仕方が無いので、stinger3のテーマの、サイドバー部分の、フォームが呼び出しているとおぼしき部分の上に、h4タグ(下の新着記事部分と同じクラス)を付けた。

また、そのテーマの、検索フォーム部分の、input type="text"のタグの部分に、placeholder属性を追加した。

これで、ひとまずこのエリアが何のためのエリアなのかが分かる事になるだろう。

PR2

 - サイトカスタマイズ