架空工務店コーポレートサイト｜WordPressオリジナルテーマ

大澤　佳奈子
Webコーダー

▼サイト情報


URL：https://kanapote.wpx.jp/sample-excitehouse/

サイトを見る

※架空サイトのためベーシック認証をかけています。

お手数ですが、以下のユーザー名・パスワードをご入力ください。

ユーザー名：test

パスワード：test



▼制作概要


【制作内容】デザインカンプからのコーディング課題として架空サイトのコーディング・WordPress化をし、さらにデザインを元に写真・テキストを変更しアレンジいたしました。

【制作期間（目安）】90時間（約1ヶ月）

【ページ数】11ページ

【サイト構成】トップページ/ ABOUT / SERVICE / WORKS一覧 / WORKS詳細 / NEWS一覧 / NEWS詳細 / CONTACT（入力）/ CONTACT（確認）/ CONTACT（送信完了）/ 404ページ



▼実装内容・工夫した点


  • レスポンシブ対応
  • ピクセルパーフェクト
  • FV・ABOUTページのスライダーはswiperを用いて実装
  • jQueryを用いてハンバーガーメニュー、ドロワーメニュー、スムーススクロールを実装
  • タイトルや各記事は画面に入るとふわっと出現
  • NEWSは通常投稿、WORKSは「Custom Post Type UI」 にて実装
  • 会社住所は「Advanced Custom Fields」 にてカスタムフィールドを作成し編集できるようにした
  • フォームは「Contact Form 7」 にて作成し、「Contact Form 7 Multi-Step Forms」 にて入力確認ページと送信完了ページを紐づけ
  • 「SiteGuard WP Plugin」、「reCAPTCHA 」を 用いてセキュリティ対策  
  • 品質チェックシートを用いて、チェック漏れが無いように細かく品質チェック



▼PC表示



▼SP表示


WEBSITE