Overview
教育機関「未来学園HOPE」のコーポレートサイトです。 WordPressのオリジナルテーマをゼロから設計・開発し、 活動の魅力を伝えつつ、運営者が簡単に更新できるサイトを構築しました。
開発の背景・動機
クライアントがコミュニティを立ち上げる際に、おまかせでの要望をいただきました。 既存のテーマでは細かいカスタマイズに限界があるため、 オリジナルテーマを開発することで、デザインの自由度と運用のしやすさを 両立させることにしました。
実装した機能
-
カスタム投稿タイプ
お知らせ、イベント情報、記事投稿など目的別に投稿を管理
-
レスポンシブデザイン
モバイルファーストでPC・タブレット・スマートフォンに最適化
-
SEO対策
メタタグ最適化、構造化データの実装
-
ページ速度最適化
画像最適化、キャッシュ設定による高速化
技術的な挑戦と解決
課題：運用者が使いやすい管理画面
WordPress初心者でも迷わず更新できる管理画面が求められました。
解決策
カスタムフィールド（ACF）を活用し、必要な項目だけを わかりやすく入力できるフォームを作成。
課題：情報整理とデザインの創造
立ち上げの段階だったため、活動の目的や意図を正しく伝えることを意識しました。 そのため、デザインを考える前に、ヒアリングを通して目的の理解を深め、コンテンツを整理。 よりわかりやすく活動の良さを伝えられるようにデザインを設計しました。
解決策
CSS設計にBEM命名規則を採用し、コンポーネント単位で管理。 Flexbox/Gridを活用したモダンなレイアウトで、 保守性の高いコードを実現しました。
使用技術
学んだこと
このプロジェクトを通じて、クライアントのニーズを理解し深めることの 重要性を学びました。クライアントとのコミュニケーションを重ね、 本当に必要な機能を見極めることの大切さを実感しました。 「作って終わり」ではなく「運用を見据えた設計」を考えたことで、 クライアントにとっての価値になると実感しました。
また、WordPressのテーマ開発を通じて、PHPの理解が深まり、 サーバーサイドの仕組みについても学ぶことができました。