歯科クリニックホームページのコーディング(Wordpress)

OVERVIEW

架空の歯科クリニックのホームページをWordpressオリジナルテーマとしてデザインカンプよりコーディングしております。トップページと下層9ページの構成で作成しました。

YEAR 2022

URL : https://clinic.mota-file.com/dental/

ユーザー名 : mota

パスワード : web2022

制作期間目安 : 約45日間

【仕様】

  • header上部固定
  • ページ内リンクスムーススクロール
  • スクロール後ページTOPボタン表示切り替え
  • スライダーはswiper使用(TOPページとABOUTページ)
  • formはcontact form7プラグイン、reCAPTCHA使用、スタイルは独自CSSを適用
  • カスタム投稿、カスタムフィールド使用
  • レスポンシブ化(ブレイクポイントは768px、1000px)
  • スマホ時ドロワーメニュー表示、フッターリンク固定

【気をつけたこと】

  • perfect pixelでカンプの再現を重視
  • Sass使用してのコーディング
  • プラグイン使用しての内部SEO実施
  • 各種ブラウザの表示確認(chrome、Firefox、Edge、Safari)
  • 各種デバイスの表示確認(Mac、Windows、iPhone、iPad、Androidタブレット)