ポートフォリオ③ビルメンテナンス会社のHPをコーディング (Figma)【WordPressをカスタム】

1. サイトイメージ画像

2. 制作概要

制作時期：2024年8月

制作時間：170時間

ページ数：12ページ

作業内容：コーディング、クロスブラウザテスト、サーバーアップロード

使用ツール：VScode、Figma

使用言語：HTML、CSS、SCSS、JavaScript、jQuery、WordPress

3. 工夫したポイント(コーディング)

WordPressを使用してオリジナルテーマを作成し、コーディングを行いました。

投稿機能では、デフォルトの投稿機能とカスタム投稿機能の両方を活用しています。特に、カスタム投稿機能を使用した社員紹介ページでは、カスタムフィールド機能も組み合わせ、保守管理しやすくなっております。

また、パンくずリストを実装し、ナビゲーション性能を向上させています。一部のページでは、パンくずリストのリンク先や表示されるタイトルをPHPを用いてカスタマイズし、コンテンツの一貫性と利便性を確保しました。

さらに、スムーススクロールやページネーション、ハンバーガーメニューの実装を行うことで、サイト訪問者が快適に操作できるデザインを心がけました。

最後に、パソコンだけでなくスマートフォン（iPhone・Androidの両方）での表示確認を行い、デバイスに応じたレイアウトの崩れがないことを確認しました。