Case Study 04｜業務（株式会社イーエックス・パートナーズ）

平林眼科
公式サイトのWordPress実装

相模大野駅前の眼科の公式サイトのリニューアルで、WordPressのオリジナルテーマへの実装を担当しました。別の担当者が作成したデザインをもとに、トップページと下層ページ（当院について、目の病気について7ページ、診療時間・アクセス、よくあるご質問、お知らせ）のテンプレートを制作し、2025年2月に公開されました。

期間: 2025年1〜2月（2月に公開）
担当: WordPressのオリジナルテーマへの実装（PHPテンプレート・SCSS）
体制: デザイン：別の担当者。実装：私
使用技術: WordPress（オリジナルのクラシックテーマ）／PHPテンプレート・SCSS／Swiper（スライダー）
公開サイト: hirabayashi-ganka.com（トップ・当院について・目の病気について・診療時間・アクセス・よくあるご質問・お知らせ）

平林眼科のトップページのファーストビュー。スライダーと受付時間の表 — 公開中のサイト（2026年10月15日撮影）

背景と役割

2013年開院の眼科の公式サイトのリニューアルです。デザインは別の担当者が作成し、私はそれをWordPressのオリジナルテーマとして実装しました。PCとスマートフォンの表示をデザインどおりに再現することと、公開後にお知らせや受付時間を更新しやすい形にすることが役割です。

実装の範囲

トップページ	スライダー、受付時間の表、お知らせの最新記事、ご挨拶、眼科診療案内（7カテゴリ・25項目のリンク）、緑内障検診のご案内、医院情報とアクセス
下層ページ	当院について（院長紹介・検査機器紹介）／目の病気について（屈折異常、角膜と結膜の疾患、眼瞼と周辺部の疾患、炎症関連、花粉症および乾燥関連、網膜と緑内障関連、その他の疾患の7ページ）／診療時間・アクセス／よくあるご質問
お知らせ	投稿の一覧と詳細（診療時間の変更などの告知）
共通部分	ヘッダー・フッター、パンくず、スマートフォンのメニューと画面下の固定バー（アクセス・電話・よくある質問）

実装のポイント

トップと下層ページのPHPテンプレートを作成し、スタイルはSCSSで管理しました。
トップの眼科診療案内は、7つのカテゴリに25の症状のボタンを並べ、それぞれ該当するカテゴリページの解説の位置（ページ内リンク）へ飛ぶようにしました。
受付時間の表は、曜日ごとの印と、午後の受付終了時刻・休診日の注記まで、トップと医院情報の2か所で再現しました。
スマートフォンでは、ハンバーガーメニューに加えて、画面下に「アクセス・電話・よくある質問」の固定バーを置き、電話はタップで発信できるようにしました。
トップのスライダーにはSwiperを使い、英字の見出し（news・Greeting・Medical）にはGoogle FontsのMontserratを読み込んでいます。
お知らせは投稿として管理し、トップには最新の記事を表示しています。