LINKWordPressテーマ「SANGO」のカスタマイズ、第3弾は「検索フォーム」。やりたいことは、以下2点。やりたいこと検索フォーム内に文字を表示させ、何を入力するかユーザーに案内するユーザーが文字を入力するタイミングで検索フォーム内の文字を消すまずは、1について。目次1:検索フォーム内に文字を表示させ、何を入力するかユーザーに案内する方法searchform.phpにコードを記述。上述の通り、初期状態では、無駄に縦幅を取るか、一部のユーザに不親切な設計になるかの2択です。改善するに越したことはない。...ということで解決方法を書いていきます。searchform.phpにコードを記述。親テーマ「sango-theme」フォルダの中にある「searchform.php」にコードを記述します。タグの中にplaceholderを追加するだけ。placeholderで指定した文字が検索フォーム内に表示されます。これで検索フォーム内に文字が表示される様になります。今のままだと、文字が入力されなければ、フォーム内の文字は消えません。(フォームを選択しただけでは、文字が消えない。)これだと「あれっ!?入力できる?」と困惑されるユーザーがいるかもしれません。その為、検索フォームを選択した時点(文字を入力しようとした時点)で、検索フォーム内の文字を消す必要があります。}これで、検索フォームをクリックしたタイミング(文字を入力しようとしたタイミング)で、検索フォーム内の文字が消える様になります。こんな感じまとめ手順searchform.phpに検索フォームの中に文字を表示させるコードを記述する。子テーマのstyle.cssに、検索フォームをクリックした時点で、検索フォーム内の文字が消えるコードを記述する。↓何が改善されるか...ぼく検索フォームに入力案内を表示させるメリットは、不要な幅(要素)を排除できることですね。したことですが、少しの手間で改善できるのであれば、改善するに越したことはないかと。コメントをキャンセルコメントを投稿するにはログインしてください。コメントデータの処理方法の詳細はこちらをご覧ください。LINKいまいち関西在住のWEB屋。血液型を聞かれ答えると「だと思った!」と高確率で言われる人。好きな言葉は「学問なき経験は、経験なき学問に勝る。飛行機・新幹線・バスで比較してみた。バス・タクシー・徒歩、それぞれのルートでまとめてみた。views【職業訓練-試験編】出題された試験内容(筆記・面接)・当日の流れをまとめてみた。写真を交え簡単に解説。半地下の家族」で韓国社会の実態を知る。【感想・レビュー】ワークスタットミュンヘン|どんなコーデにもハマるシンプルなネックレスを購入。(12)目次1:検索フォーム内に文字を表示させ、何を入力するかユーザーに案内する方法searchform.phpにコードを記述。