XDカンプからのWordPressサイト構築

OVERVIEW

架空のコーポレートサイトを5ページ作りました。

YEAR 2022

ベーシック認証をかけております。

お手数ですが、以下の情報からアクセスくださいませ。


サイトURL:https://asano-pf-08.xyz/

ユーザーネーム:admin

パスワード:admin^br8Rwa$4Jb#8a0w55$x

制作概要


制作時期:2022年3月

作業内容:コーディング、WordPress化

ページ数:5ページ

サイト構成:トップ、ABOUT US、TOPICS、CONTACT、CONTACT完了画面、404ページ

使用ツール:VScode、Gulp、XD、local by flywheel

制作期間:7日(1日8時間で計算)

備考


  • TOPICSは通常の投稿タイプ。
  • トップページに4記事出力し、アーカイブページに10記事出力。
  • Smart Custom Fields(プラグイン)を使用して、繰り返しカスタムフィールドをABOUTページに実装。
  • お問い合わせフォームはContact Form 7 (プラグイン)を使い実装。自動返信メールも設定。
  • jQueryでハンバーガーメニューと、ページスクロールしヘッダーがメインビジュアルを通過したら背景色を付与を実装。
  • パンくずリストはbreadcrumb navxt (プラグイン)を使用。

こだわった点


  • SassでCSS設計を意識しFLOCSSを使って修正・管理し易いコーディング。
  • ボタンのクリック範囲などのユーザビリティ。
  • font-sizeの単位はremで統一し、レスポンシブ対応。


WEBSITE