検索フォームのカスタマイズ その2 ワードプレス
2014年11月9日
Categories | ブログ（WordPress)
検索フォーム(検索窓)のカスタマイズをしました。
過去に色々と取り組んでましたが、そもそも当ブログテーマ内に「searchform.php」が
存在しなかったのが良くなかったみたいで、作成してテーマフォルダに追加し、
スタイルシートでカスタムしました。備忘録です。
searchform.php
<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
<div class="info"><label class="screen-reader-text" for="s"></label>
<input type="text" value="" name="s" id="s" />
<input type="image" src="×××/images/btn.gif" id="searchsubmit" value="Search" />
</div>
</form>
×××は画像ファイルをアップロードしたURL。
style.css
/* 検索フォーム */
#info { float:right;
line-height:33px;
margin-top: 5px;
}
#s{/* 検索文字列入力欄 */
width:190px;
height:14px;
}
#searchsubmit{/* 検索ボタン */
position: relative;
top: 6px;
left: -26px;
height:20px;
}
過去にカスタマイズした時、wp_includesフォルダー内の「general-template.php」を、
WPがアップデートごとにいじってたが、これからはその必要がなくなった。
コメントを残す