wordpressで不動産のwebサイトを作成しました

アオイハウジング PCレイアウト 成果物
アオイハウジング PCレイアウト

不動産を経営される会社さまのWebサイトを制作しました。
デザインはやっぱり私ではなく、社外のデザイナーさんが担当してくださいました。
出来上がったデザインをもとに、cssでデザインをwebに適合するようにしたり、wordpressで動くように組み込んでいきます。

私はデザイン力無いんです。ほんとに。

アオイハウジングさま

アオイハウジング PCレイアウト

アオイハウジング PCレイアウト

不動産ってことで、デザインよりも内容重視な感じですね。比較的作成もスムーズに進みました。
スマートフォン対応ということで、もちろんレスポンシブです

スマートフォンでみたときのイメージ

スマートフォンでみたとき

主な機能について

WordPressの持つ柔軟な機能のお陰で、比較的容易にオリジナルの機能を追加できます。
アオイハウジングさまで実装した機能の一部をご紹介します

お知らせ機能とブログ機能

お知らせ機能とブログ

お知らせ機能とブログ

wordpressのカスタム投稿タイプを使って、お知らせ用の記事と、通常のスタッフブログを分けて表示できます。
お知らせには画像が利用できませんが、ブログは記事にセットしたアイキャッチが表示されます。

おすすめ物件情報をおしゃれに演出します

おすすめ物件情報

おすすめ物件情報を表示します

サンプルは2件しか物件が登録されていないのでちょっと貧相ですが・・・。
本来は5件までのおすすめ情報が3Dカルーセル風に表示されます。

技術的な話は別の記事に書きたいと思ってますが、簡単に言えばこれはVue.jsで実装されています。jQueryより使いやすいですよ

トップページにスライダー

スライダー画像

スライダーは訴求力が強いですね

機能としてはもはや当たり前となった「スライダー」機能。
見た目にもインパクトがあります。そしてWordpressにはスライダーを実装するためのプラグイン機能が豊富に用意されています。
管理画面から自由にスライドの画像を差し替えることができるので、季節やキャンペーン時に応じて柔軟に対応できるのは便利ですね。
プラグインにはsmart slider 3を利用しました。素人でも簡単にスライダーがセットできます。
英語ですが、そんなに難しくないのでなんとなくでも使えちゃいます。

お問い合わせ機能

ピックアップする程のものでもないかもしれませんが・・・

wordpressでお問い合わせ機能

お問い合わせ機能は企業サイトでは当たり前に実装されていますね

通常、会社のWebサイトにメールアドレスを載せるのは好ましくないと言われています。
面倒でも、このように「問い合わせフォーム」にするほうが賢い選択です。
なぜならメールアドレスを裸で載せると、「迷惑メール」の標的になる可能性があるからです。

クリックしたらメールソフトが起動するような親切設計はなおのこと標的になります。
メールアドレスを載せる場合は、メールアドレス自体を「画像データ」にしてしまうと良いです。もちろん mailto:というリンクはだめです。

さて、このお問い合わせフォームは、contact form 7で実装されています。
Wordpressを使ったことがある人からすれば、もはや「おなじみ」ですね