旅館 / 公式サイトリニューアル

案件概要

旅館運営事業者の公式サイトリニューアル案件にコーダーとして参加し、WordPress構築から本番環境への適用まで対応しました。

サイト全体のコーディング・UI実装

トップページを含む10ページ規模のサイトをコーディングし、WordPressのオリジナルテーマとして構築しました。
ドロップダウンメニュー、複数のスライダー、モーダルなどのUIも実装しています。

コーディング後はWordPress機能の実装、本番サーバーへの適用、公開後の調整まで対応しました。

管理画面からページ情報を編集できる機能の追加

「おすすめのプラン」はカスタム投稿として実装し、管理画面から内容を追加・編集できるようにしました。
また、共通して使用するURLは一か所で設定し、複数箇所から同じ設定を参照できるようにしています。

固定ページの「規約」「よくある質問」も、WordPressの管理画面から更新できるように実装しました。
ブロックエディタ側にもCSSを適用し、実際のページ表示に近い状態で内容を確認しながら編集できるようにしています。

規約ページでは「第○条」の番号を自動で付与する処理も実装しました。

公開・運用を考慮した対応

旧サイトで不正アクセスがあったと伺っていたため、WordPressのログインURL変更や不要な処理へのアクセス制限なども行いました。

また、掲載画像が多いサイトだったため、画像のリサイズ・圧縮・WebP変換を行い、表示速度を確認しながら調整しました。

実装以外のサポート対応

• WordPress管理画面の操作方法や更新箇所をまとめたNotion資料を作成
• 納品後、クライアント側のWordPressメール設定について説明
• 進行途中で担当ディレクターとの連絡が取れない期間があり、最終チェック・本番環境への適用・CMSの操作説明まで対応