目次
サイト概要
CodeJumpのデザインカンプ（Figma）をもとに、HTML/CSSで静的コーディングを行った後、WordPressオリジナルテーマ化したプロフィールサイトです。
デザインの再現だけでなく、WordPressのテンプレート構造に合わせてPHP化を行い、ローカル開発環境から本番サーバーへの公開まで一連の制作フローを経験しました。
使用技術
- HTML
- CSS
- PHP
- WordPress（オリジナルテーマ開発）
- Git / GitHub
- GitHub Actions
- 本番サーバー：ConoHa WING
こだわった点
Figmaのデザインカンプをもとに、レスポンシブ対応を含めたコーディングを行い、デザインを忠実に再現することを意識しました。
また、単なる静的サイト制作で終わらせず、WordPressのオリジナルテーマとして再構築しています。header.php、footer.php、functions.phpなどへテンプレートを分割し、WordPressのテーマ構造に沿った実装を行いました。
画像パスやCSSの読み込みについてもWordPressの関数を利用して管理し、テーマとして正しく動作する構成を意識しています。
GitHub Actionsを利用し、GitHubへのPushをトリガーとしてConoHaサーバーへ自動デプロイするCI/CD環境を構築しました。