WordPress

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

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

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

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

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

[code]
<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>から
[/code]

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

-WordPress

執筆者:

関連記事

no image

旧xoops myalbum 珍しいもの 2

かまぼこ工場4 harvest 2006-1-15 17:19 969 0 工場の職人さん、俺たちが子連れで行ったからか、作り上げた作品をわざわざ天地を整えて、ガラスのすぐ近くのみやすい位置に置いてく …

no image

以前から興味のあったCreateerというサービスを試用中。

https://beta2.createer.com/Wordpress 公式サイトにある動画を見れば、大体イメージが掴めると思うけど、テンプレート化されたデザインコンテンツを選択してさらに自身でカス …

no image

WordPressMe2.3.3で、Deprecatedエラー

朝、出社して管理しているお客様のサイトを見ると、上部に見たこともないエラーがずらずら出ていた。 Deprecated: Assigning the return value of new by ref …

WordPressのお勉強のために、本を1冊購入することにした。

PDFデータのみの販売で2,500円。 PDFでさわりだけ見たけど、なかなかツボを突いた本の予感。Eclipseでブレークポイントを設定してWordPressの処理の流れを追っていくくだりが一番楽しみ …

no image

WP Limit Post Automaticallyプラグインはとても賢い

とあるサイトを管理していて、WPで長文を書くことが多い。 カテゴリー一覧でリスト表示した場合、全文表示されるととっても見にくい。特に画像が多いと。 その場合にも見やすいように文章の前半に「続きを読む- …