WordPress

不動産プラグインのためのライトな検索ボックスをウィジェットに配置

投稿日:2014年11月30日 更新日:

不動産プラグインの検索は多機能で便利なのだが、ライトな検索をしたいユーザーに向けて、ライトな検索ボックスを設けたいニーズもあると思う。
つまり私は、こういうことをしたいのだが。

ほーむたうんクザワ富山 2014-11-30 18-31-22

ウィジェットとして配置したいということもあり、難しいのかなあと思っていたら、PHPの知識はいらずHTMLの知識だけでできた。
手間はかかったが。あと、PHPやJSが要るなあという思い込みから、調べ物時間も相当かかった。
検索結果ページのURL文字列を確認しながら作っていくと、どうやら以下のコードでできるみたいな。

<form action="" method="get"><input name="bukken" type="hidden" value="jsearch" />種別
<select name="shu" size="3">
<option value="0" selected>種別選択</option>
<option value="3101">賃貸マンション</option>
<option value="3102">賃貸アパート</option>
<option value="3103">賃貸一戸建</option>
<option value="3282">月極駐車場</option>
<option value="1101">売買 (土地)</option>
<option value="1202">売買 (中古戸建)</option>
</select>
 
賃料<br />
 
<select name="kalc" size="3" style="width:80px;"><option value="0" selected>下限なし</option>
<option value="1">1万円台</option>
<option value="2">2万円台</option>
<option value="3">3万円台</option>
<option value="4">4万円台</option>
<option value="5">5万円台</option>
<option value="6">6万円台</option>
<option value="7">7万円台</option>
<option value="8">8万円台</option>
<option value="9">9万円台</option>
<option value="10">10万円台</option>
</select>~
<select name="kahc" size="3" style="width:80px;"><option value="0" selected>上限なし</option>
<option value="1">1万円台</option>
<option value="2">2万円台</option>
<option value="3">3万円台</option>
<option value="4">4万円台</option>
<option value="5">5万円台</option>
<option value="6">6万円台</option>
<option value="7">7万円台</option>
<option value="8">8万円台</option>
<option value="9">9万円台</option>
<option value="10">10万円台</option>
</select>
 
<input name="bukken2" type="hidden" value="jsearch_madori" />
間取り<br />
 
<select name="mad[]" size="3" style="width:80px;margin-right:20px;">
<option value="" selected>選択なし</option>
<option value="110">1R</option>
<option value="120">1K</option>
<option value="125">1SK</option>
<option value="130">1DK</option>
<option value="150">1LDK</option>
<option value="220">2K</option>
<option value="225">2SK</option>
<option value="230">2DK</option>
<option value="250">2LDK</option>
<option value="330">3DK</option>
<option value="350">3LDK</option>
<option value="450">4LDK</option>
</select> 
<input type="submit" value="検索" />
 
</form>さらに詳しい検索は<a href="./wp2/?page_id=104">こちら</a>から

ああ、ひとつひとつが、勉強だ!
しかし、思ったより(丸一日かかると)、早く(2時間ほど)できた。

-WordPress

執筆者:

関連記事

no image

Welcartの商品をGoogle Merchantにfeed登録したくて悪戦苦闘

Google Merchantにfeed登録したくて、 以下のブログと、 Welcartの商品をGoogleショッピング(Google merchant center グーグル マーチャントセンター) …

no image

WordPress管理画面のパスワード忘れたとき

ローカルインストールのWordPressの管理画面のパスワードを忘れたときに、以下のページが参考になったので、備忘録。 WordPress のパスワードをマニュアルでリセットする方法 | コリス

ArtisteerでもWordPress用のトップページを作れる!

WordPress用のテーマを作るのにArtisteerは、非常に便利だ。 急ぎの仕事で、何度助けられたことやら。 しかしトップページは、既存の投稿記事か、投稿ページを使うという運命のため、いくらデザ …

no image

WordPressの指定ページに検索ボックスを設置する方法

1.以下のページからWPでPHPが使えるようになるプラグインを入手する。 WordPressの記事内でPHPを実行するプラグイン、Exec-PHP – ミblog : レビューや日常など …

no image

WordPressでトップに最新投稿サマリと特定ページの本文を表示

home.phpに、最新投稿のサマリ欄と、特定ページ(以下の場合ID=10)のタイトルと本文が表示されるようにした。 home.phpって、ホント便利。 というか、WordPressは、ホント柔軟!  …