XDカンプをもとに静的コーディング

PC画面でのレイアウトからコーディングを行いました。

レスポンシブ対応

タブレットとスマホの2つのブレイクポイントを設置しそれぞれレスポンシブ対応を行いました。幅や高さ、余白などはもちろんハンバーガーメニューやページネーションの切り替えなども行っています。

ローカル環境構築・開発

Local by Flywheelでローカル環境を構築し静的コーディングデータのWordPress化を行いました。必須テンプレートタグの挿入はもちろんループ処理によるアーカイブの出力や投稿データの出力、サイドバー項目の出力などを行いました。

カスタム三兄弟の実装

商品紹介ページとお知らせのための投稿区分を分けるカスタム投稿、商品の価格やアレルギーを入力するためのカスタムフィールド、商品カテゴリーのためのカスタムタクソノミーを実装しました。

テーマチェック・ユニットテスト

プラグインを利用しテーマに欠けている箇所を1つずつ解消しました。また提供していただいたユニットテストデータをインポートしレイアウト崩れが起きないか確認をしました。

本番環境の構築・移行

エックスサーバーとエックスドメインを契約しました。エックスサーバーで提供されているWordPress簡単インストールを利用しAll in One Migrationプラグインを用いて本番ドメインへの移行を行いました。