2016年3月28日

サイト内検索にプレースホルダを追加。テキスト入力エリアだとわかりやすい検索フォーム。

スポンサードリンク

 サイドバーによくある、サイト内検索バー。
Googleのカスタム検索等を使っている方もいますね。

あのテキスト入力エリアに、うっすらと文字を入れておく方法。

プレースホルダー追加の方法、ブログ内検索に便利


 Stinger5のテーマを使っています。
WordPressです。


WordPress管理画面→

外観→

テーマの編集→

検索フォーム (searchform.php)→


以下のコードを探します。

<input type="text" value="<?php the_search_query(); ?>"  name="s" id="s" />


 このコードを変更します。
以下のようにして下さい。


(このままコピーしないで下さい。UTF-8Nに変換して下さい。)


<input type="text" value="<?php the_search_query(); ?>"  name="s" id="s" placeholder="サイト内検索" />


 これで、サイドバーにある検索バーに
うっすらと「サイト内検索」という文字が表示されます。

これが検索バーだ、とわかりやすいですね。


参考にしたサイト

[Stinger5]サイドバーの検索フォームにあらかじめうっすらテキストを表示させるよ(プレースホルダ)



 こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。


 当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。

必ずデータは最新のバックアップを取っておいて下さい。


 WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。

当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。

詳細はWordPressヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク