いえズーム：北海道の住宅会社ポータル

地域重視のポータルサイトを作りたい！

「いえズーム」は住宅業界の専門紙を発行する、株式会社北海道住宅新聞社が、日頃の住宅業界への取材を元に、優れたハウスメーカー・工務店を紹介しているポータルサイトです。

開設の経緯について、北海道住宅新聞社・栗原さんに当時のお話をいただきました。

更新担当者の要望を聞きながらの構築

いえズームの制作は、企画段階から更新を担当する編集部と連携し、都度ご要望を伺いながら進めていきました。 企画を形にしていくにつれ、このような機能も必要だった！と気付くことはよくあります。最初から作り込まず、プロトタイプを立ち上げて、話し合いながら構築を進めていく手法は、a-blog cmsに適しています。

編集部からは、以下のような要望がありましたが、すべてa-blog cmsの仕様内で実現しています。

• メイン地域、サブ地域での多次元分類
• 多様な掲載順（数値フィールド順、近い順、五十音順）
• 関連記事（手動で指定、同地域の記事、タグが似ている記事）
• 位置情報との連携（近くの住宅会社、近くのイベント）
• イベントの公開・非公開予約
• SEO設定

いえズームでは、トップページ以上に地域ページが重要視されており、要望の大半はこのページに導入されています。

---

導線のこだわり

（１）ルール機能による変更

編集部側で特にこだわりがあったのが、デスクトップ・スマートフォンそれぞれの導線でした。

本文以外のモジュールの注目度は、デスクトップの２カラムレイアウトでは、サイドバーの先頭が最も高くなります。一方で、スマートフォンでは本文の直下が高くなります。 このため、a-blog cmsの「ルール」機能を活用し、訪問したときの端末によってモジュールの配置を変更し、サイト内のスムーズな回遊を促しました。

「イベント」の詳細ページでは、デスクトップではサイドメニュー（画像左）先頭に「近くにある会社（Entry_GeoListモジュール）」がありますが、スマートフォンでは本文下（画像右）の「近くのイベント」の下へ移動しています。

---

---

（２）関連記事カスタムユニット

公開後、コンテンツが増えるに従って、「本文中に関連する住宅会社や記事の情報を掲載したい」というご相談をいただきました。

住宅会社名や記事タイトルを選択するだけで情報一式が表示されるカスタムユニットを作成したところ、要望を満たせただけではなく、このユニットを活用した「特定のテーマに沿ったまとめ記事」も簡単に書けるようになりました。

---

---

---

編集を補助するカスタマイズ

---

---

いえズームにログインすると、ほぼすべての記事に「編集ボタン」がついています。 ポータルサイトでは、コンテンツの公開後も細かな修正が発生することがあり、できる限り少ないページ遷移で編集画面へ移動できるように配慮しています。

---

編集画面へ移動すると、通常は本文（ユニットを並べる箇所）の上にあるカスタムフィールドが、下に配置されています。 いえズームのコンテンツは長文となる傾向があり、「まず本文の作成に集中してから各情報を改めて入力したい」という要望を受けたものです。

編集画面の不要項目の非表示は、jQueryでDOMを操作することで実装していますが、

---

Ver.2.10から管理画面で操作可能になったので、順次移行したいと考えています。

新機能の導入

「いえズーム」の制作を開始した時点では、a-blog cmsの最新バージョンはVer.2.7でした。 公開後に追加された以下の機能は有用度が高く、公開後に積極的に導入しました。現在も都度、サイトの改良を行っています。

• テンプレートの継承
• @include構文と変数渡し
• モジュールにテンプレート側から表示条件を指定（ctx属性）
• 見出し一覧表示組み込みJS（目次モジュール）

Ver.2.8からの新しいテンプレートタグは、テーマ内のテンプレートのファイル数を大幅に減らすことができました。

また「ctx属性」は、関連記事ユニットを実現できただけでなく、同地域のエントリーの表示条件に使用したことで、これまでPHPを書いて、独自のグローバル変数を作成して対応していた箇所を、PHPを使用せず実装できるようになりました。

おわりに

「いえズーム」は公開から一年が経過しました。PVが増え、道内の主要キーワードで検索結果の上位を確保するなど、順調に成長しています。

北海道住宅新聞社・栗原さんから、現在の状況についてコメントをいただきました。