よしたけりょうた|Webコーダー | 工務店コーポレートサイト|WordPressオリジナルテーマ制作

工務店コーポレートサイト|WordPressオリジナルテーマ制作

概要

架空の工務店を想定した、WordPressコーポレートサイトのデモサイトを制作しました。

地域密着型の工務店を想定し、「安心感」「誠実さ」「住宅会社としての信頼感」が伝わるサイトを意識しています。

トップページだけでなく、会社案内・事業内容・施工事例・お知らせ・お問い合わせなどの下層ページまで制作した複数ページ構成です。

また、施工事例やお知らせはWordPressの投稿機能を利用し、管理画面から追加・更新できるよう実装しています。

制作内容

担当範囲
コーディング / WordPress構築 / レスポンシブ対応

使用技術
HTML / CSS / JavaScript / PHP / WordPress

サイト種別
コーポレートサイト

ページ・機能

実装について

WordPressのオリジナルテーマとして構築しました。

施工事例は投稿カテゴリーを利用し、トップページには新着3件を自動表示。それ以降の投稿は施工事例一覧から確認できる構成にしています。

お知らせについてもWordPressの投稿機能と連携し、トップページには最新情報を表示、一覧ページでは過去の記事を確認できるようにしています。

PC・タブレット・スマートフォンそれぞれで閲覧しやすいようレスポンシブ対応を行い、スマートフォンではナビゲーションをハンバーガーメニューへ切り替えています。

制作で意識したこと

工務店のサイトということから、派手さよりも「安心して相談できる会社」という印象を重視しました。

ファーストビューから施工実績、強み、事業内容、施工事例、お問い合わせへと自然に読み進められるよう情報を整理しています。

また、実際の運用を想定し、施工事例やお知らせについてはHTMLを直接編集しなくてもWordPressの管理画面から更新できる構成にしました。

サイトを見る →