デザイン持ち込みの複数ページ構成サイトをWordPressで構築しました

デザインデータをご用意いただいたうえで、複数ページ構成のサイトをWordPressで構築したいというご相談でした。
ページ数は20ページ弱あり見た目の再現だけでなく、納品後にお客様自身で内容を更新できることも重視されていました。

そのため単に静的なページとして組み上げるのではなく、運用時の編集しやすさも考慮したWordPress構築をご希望されていました。

ご支給いただいたデザインをもとに、各ページのコーディングとWordPress化を行いました。
PC・スマートフォンで表示が崩れないようレスポンシブ対応を行い、投稿機能やお知らせ機能、フォームまわりの調整にも対応しています。

また納品後にお客様側で更新しやすいよう、ページ内の各要素を管理画面から編集できる構成にしました。
更新頻度がありそうな箇所は、カスタムフィールドなどを活用し、入力・変更しやすい形に整えています。

今回の案件では、納品後の運用のしやすさを特に意識しました。
20ページ弱の構成だったため、ページごとに直接コードを編集する必要が出てしまうと更新時の負担が大きくなります。

そのため可能な範囲で管理画面内から内容を変更できるようにし、テキストや画像などを扱いやすい形で登録できるよう調整しました。
デザインの再現性を保ちながら、運用時に迷いにくい構成になるよう心がけています。

ご支給デザインをもとにした複数ページ構成のサイトをWordPress上で構築し、スマートフォン表示にも対応した状態に整えました。
お知らせなどの投稿機能も使用できるようにし、納品後もお客様側で更新・運用しやすい形にしています。

WordPressをベースに、HTML、CSS、JavaScript、PHPを使用して構築しました。
管理画面からの更新性を高めるため、カスタムフィールドを活用しています。