歯科クリニックホームページのコーディング(Wordpress)
OVERVIEW
架空の歯科クリニックのホームページをWordpressオリジナルテーマとしてデザインカンプよりコーディングしております。トップページと下層9ページの構成で作成しました。
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タブレット)