WordPressで高機能な不動産サイトを作成してみました

こんにちは。クリンクスデザインです。

そんな方も多いでしょう。

今回はWordPressでテンプレートをカスタマイズして不動産機能をふんだん搭載したデモサイトを作成致しました。

是非、ご参考下さい。

【デモサイト】WordPressで作成する不動産サイト

不動産デモサイトはこちらです。

今回のWordPressテーマは『SWELL』を使用しています。

トップビューはこんな感じですね。

機能詳細

トップページはLP使用のコンテンツ自由作成

ブロック機能を使ったLP使用で、コーポレートから飲食店などでも作成が出来るSWELLではLP使用にコンテンツを並べてみました。

特に不動産サイトの特徴といえば『検索機能』ですよね。

色々考えて、検索機能は3つに絞り搭載しました。

・カテゴリー、タグから検索ができるキーワード検索
・日本地図からの不動産物件探し
・主要区からの検索

※日本地図と主要区の検索は独自コードとカスタマイズしております。

キーワード検索

こちらはシンプルですが、とても使いやすいプラグインの『VK Filter Search』を利用しております。

Pro版もあり、今後使用頻度が高くなれば購入をしようと思っています。

同じカスタムフィールドとタクソノミーで絞り機能を作成したのですが、CSSなどスタイリングが出来ない方は、このプラグインがとても有効かと思います。

日本地図、主要区の検索

こちらは独自カスタマイズで作成したので、23区なども検索タイトルを変えて、お近くの不動産から探すなどをしてもよさそうですね。

制作をしてると、日本地図機能などのご依頼がとても多いですので、これは今後色んな所で活躍しそうです！

コーポレートサイトにとても便利な『ブロークングリッド』

こちらがSWELLの機能でブロークングリッドという画像とテキストを重ねて表示が出来るという、淡白なサイトからとてもデザインの幅が広がる機能ですね。

個人的には、見出し毎にアニメーションを付けても更に静的サイト→動的サイトに変化してもすごく面白いかと思います。

また、こちらはデモサイトを作成していきましょうかね。

ヘッダー上に詳細文章、ボタン

コーポレート制作すると、大体このようなヘッダー上にボタンや電話機能を付けられたいという方が多いです。

ですので、こちらも導入してみました。

他のテーマでは、CSSをまた変更しないと行けないですが、SWELLならコードを追加すればとても簡単に設定が行えます。

まとめ

いかがでしたでしょうか？

他にも色んな機能を入れておりますので、参考にしてもらえればと思います。

これから、デモサイトを少しずつ増やしていこうかと思いますのでお楽しみ下さい！