WordPressのまめ知識ホームお問い合わせ紹介トップページテーマWordPressの検索フォームをカスタマイズするWordPressの検索フォームをカスタマイズするAug.18,2014WordPressの検索フォームは、テーマ側で用意しなくてもデフォルトが表示されるようになっている。カスタマイズも可能だ。検索フォームのテンプレートもし検索フォームのカスタマイズが必要であれば、テーマにsearchform.phpというテンプレートを用意すれば、こちらが優先して表示される。for:ここではinputにplaceholderを設定し、submitにアイコンフォントを表示しようとしている。このなかでformのaction="">と、inputのname="s"を合わせておけば、あとは好きなクラスを付けたり、チェックボックスやラジオボタンを追加することもできる。アイコンフォントの注意このようにアイコンフォントを使った場合、テーマの信頼性を確認するためにTheme-Checkを行うと以下のように注意される。errors.「テンプレートでヘンな文字コードが発見されました」submitのvalue=”のことを言われている。このまま公式ディレクトリに登録してもOKだった。iPhoneでsubmitボタンが丸くなる問題さて、せかっく用意した検索フォームに自分なりのcssを当てたい。ここで気になるのがiPhone問題だ。iPhoneのSafariで見ると、submitボタンが丸くなっているではないか?そうした覚えもないのに、なぜか自動的にこうなってしまうのだ。safariで見ると...この場合は、submitボタンに対して以下のスタイルを当てることで解決する。0;ボタンの丸みを0にする。思いついたものの、これだけでは足りなかった。button;ボタンに勝手に当てられたスタイルをいったん無効にする。この組み合わせによって、submitボタンはただの四角になる。ここから好きなスタイルを当てればよい。safariのスタイルを無効にする以下の例では、submiteボタンにアイコンフォント(FontAwesome)を指定している。すると、さきほど「ヘンな文字コード」と注意された箇所に虫眼鏡が表示されるのだ。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。鳥山@sysbirdが書いてます。Reserved.ページトップへ。