フォームでご相談
サイト概要
宍道湖のほとりにある、ホテル一体型のワーキングスペースの施設サイトです。施設やサービスの紹介に加えて、イベント情報や入居企業の紹介をWordPressで更新できるようにしています。サーバーの設定から公開作業までを含めて担当しました。
実装で工夫した点
静的HTMLからWordPressへ移す前提のビルド設計
GulpとEJSでページを部品単位に分割して静的HTMLを先に組み、確認用のHTMLとWordPressテーマの2か所へ同時に出力する構成にしました。デザイン確認とテーマ移植を並行して進められるため、短い期間でも手戻りなく公開まで進められました。
初回訪問だけに見せるスプラッシュ演出
トップページのオープニング演出はCookieで制御し、初めて訪れたときだけ表示しています。2回目以降はすぐにメインビジュアルが表示されるので、世界観の演出と再訪時の快適さを両立できています。
入居企業ページの送客設計
入居企業はWordPressのカスタム投稿で管理し、詳細ページにアクセスすると各企業のサイトへリダイレクトする仕組みにしました。一覧は施設の入居企業ディレクトリとして機能しつつ、少ない実装で各社サイトへの送客につなげています。
公開まで担当するからこそのセキュリティ対応
ユーザー名の一覧を取得しようとするアクセスの遮断や、REST APIのユーザー情報エンドポイントの非公開化など、WordPressで狙われやすい箇所をふさいでいます。サーバー設定から公開までを担当する案件では、この種の対策も合わせて行っています。
更新を考えたURL設計
お知らせのURLを/news/配下にまとめ、日本語タイトルのままでは扱いにくいスラッグを自動で整える処理を入れています。運用中にURLが乱れないよう、公開前に決めきる設計を大切にしています。
使用技術
- WordPress
- Gulp
- EJS
- webpack
- Sass