検索フォームのカスタマイズ その2 ワードプレス

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がアップデートごとにいじってたが、これからはその必要がなくなった。

Comment(0) | Trackback(0)

TAGS: / / | 2014年11月9日 |

« »

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です