WPtouchをカスタマイズして、スマートフォン向けのページにサイト内検索を設置してみた。
■フッタ部分にサイト内検索を設置
■検索結果
■カスタマイズしたファイル
plugins/wptouch/themes/classic/iphone/single.php
※実際にはWPtouchProを使っているので、フォルダはwptouch-pro以下の同じファイル。
■signle.php内に追加したコード
検索フォームはPCと共通にするために、PC用のコードをそのまま引っ張ってきた。
PC用の検索フォームは以下の内容。
WordPress管理画面 ＞ 外観 ＞ テーマ編集 ＞ search form.php
実際に追加したコードは以下。
スマートフォン向けにページを最適化するプラグイン『WPtouch』には、ヘッダ部分のメニューから、サイト内検索に入る事が可能ではあるんだけれど、これだけだとどうしても解りにくいし、自分自身使いにくい。と思う事があったので、各エントリ(single.php)の中にサイト内検索を設置してみた。