ベーシック認証をかけております。
お手数ですが、以下の情報からアクセスくださいませ。
サイトURL：https://asano-pf-10.xyz/
ユーザーネーム：admin
パスワード：admin^br8Rwa$4Jb#8a0w55$x
制作概要
制作時期：2022年6月
作業内容：コーディング、WordPress化
ページ数：21ページ
サイト構成：トップ、お知らせ（一覧＋３カテゴリページ）、お知らせ詳細、事業内容、制作実績（一覧＋３カテゴリページ）、制作実績詳細、企業概要、ブログ（一覧＋３カテゴリページ）、ブログ詳細、お問い合わせ、お問い合わせ完了画面、404ページ
使用ツール：VScode、Gulp、Figma、local by flywheel
制作期間：14日(1日8時間で計算)
備考
- お知らせは通常の投稿タイプ。
- CustomPostTypeUI（プラグイン）を使用して、カスタム投稿タイプ（制作実績、ブログ）とカスタムタクソノミーを設置。
- 投稿記事詳細ページの関連記事は、ランダムで同じジャンルの記事を４記事出力。
- Smart Custom Fields（プラグイン）を使用して、繰り返しカスタムフィールド（制作実績詳細、企業概要）を実装。
- お問い合わせフォームはContact Form 7 （プラグイン）を使い実装。自動返信メールも設定。
- トップと制作実績詳細ページにswiper（プラグイン）を使ってスライダー機能を実装。
- jQueryでハンバーガーメニュー、トップに戻るボタンを実装。
- パンくずリストはbreadcrumb navxt （プラグイン）を使用。
こだわった点
- SassでCSS設計を意識しFLOCSSを使って修正・管理し易いコーディング。
- WordPress化した際にテキストの増減・画像サイズ変更があった場合でもデザインが崩れない。
- ボタンのクリック範囲などのユーザビリティ。
- font-sizeの単位はremで統一し、レスポンシブ対応。
- お問い合わせフォームでは全項目を入力しないと送信できない設定。
- Autoptimize（プラグイン）を使用しCSS、JS、画像、Google フォントなどを最適化することでサイトの応答を高速化。