本文へスキップ
  1. TOP
  2. Webサイト制作実績
  3. ケーススタディ
  4. 複雑なCMS入力を、仕様書とテストで移行可能な機能へ整える

複雑なCMS入力を、仕様書とテストで移行可能な機能へ整える

CASE STUDY 複雑なCMS入力の移行設計 社名非公開

複雑なCMS入力を、仕様書とテストで移行可能な機能へ整える

既存のWordPressマルチサイト環境へ、検索とカテゴリ構造を含む機能を追加した案件です。多数の条件分岐とカスタムフィールドを、運用者が扱える入力仕様へ整理し、仕様書、設計書、マニュアル、テスト結果を用いて、実装と移行の理解を揃えました。

クライアント名 某住宅・不動産関連企業
業種
サイトのカテゴリ
サイトの特徴
  • PHPスクラッチ
  • サイトリニューアル
  • Wordpress
制作範囲
  • 企画構成
  • 制作進行
  • ディレクション
  • コーディング
  • システム
  • CMS
  • 管理画面
課題と制約

ご要望は、既存CMSの運用を継続しながら、新しい検索・分類機能とコンテンツ入力を追加することでした。マルチサイトでは、どのサイトがデータを持ち、どの画面へ表示し、共通設定をどこまで共有するかを決めなければなりません。

入力条件が多い機能を画面の見た目だけで作ると、運用者は何を入力すべきか判断できず、検索結果も想定どおりになりません。既存プラグインを組み合わせる案も、要件への適合と将来の保守を確認せず採用できません。検索条件、カテゴリ、入力項目、移行対象、例外時の表示を、資料とテストで同じ定義へ揃えることが課題でした。

判断と対応

最初に、利用者が選ぶ検索条件と、管理画面で登録する項目を対応させました。画面単位で仕様を書くのではなく、入力値がどのカテゴリへ属し、どの検索結果に現れるかを整理しています。すべてを自由入力へする案は採用せず、選択肢で揃える項目と、文章として入力する項目を分けました。

既存プラグインを利用する場合と独自に実装する場合を比較し、機能の有無だけでなく、マルチサイトでの利用範囲、移行方法、更新時の保守を判断材料にしました。仕様書と設計書に加え、運用者向けマニュアルとテスト結果を残し、制作側と運用側が同じ条件を確認できる状態にしています。

この方式は、入力項目と検索条件の対応が明確な場合に有効です。業務ルール自体が未確定なら、先に代表データで検索結果を検証する必要があります。

デザイン面の工夫

検索画面は条件を並べるだけでなく、利用者が選択肢の違いを理解し、現在の条件と結果を確認できる構成にしました。カテゴリ階層が深くても、最初からすべてを見せず、判断に必要なまとまりへ分けています。

管理画面では、公開画面の言葉と入力項目の言葉がずれないようにしました。同じ意味の項目を画面ごとに別名で呼ぶと、運用者の入力ミスにつながります。必須、任意、条件によって表示される項目も視覚的に区別しました。

仕様書の項目名、管理画面、検索画面を対応させ、デザイン確認が見た目だけで終わらず、データの流れを確認できる状態を目指しました。

実装と公開後の改善

WordPressマルチサイトの既存構造を確認し、データの登録先、検索対象、サイト間で共有する設定を整理しました。カスタムフィールドは、画面ごとに増やすのではなく、検索条件と表示用途へ対応させています。

検索では、複数条件の組み合わせ、結果なし、未入力データ、カテゴリ変更後の表示をテストしました。移行時には、旧データを新しい入力項目へどう対応させるかを定義し、代表データで一覧・詳細・検索の一致を確認しています。

プラグイン採用は、短期的な実装量だけで判断せず、マルチサイト対応、更新継続性、独自条件の扱いを確認しました。複雑なCMS機能は、コードと同じ重要度で、仕様書、移行手順、テスト結果、運用マニュアルを揃える必要があります。

PRACTICAL KNOWLEDGE このケースに関連する実務知識

この案件で確認した判断を、複数の制作記録と照合し、ほかのWeb制作でも使える確認事項として整理しています。

その他のケーススタディ
CASE STUDY 特殊CMS対応のタイアップLP 社名非公開

特殊なCMS入稿を、制作と確認の流れから設計したタイアップLP

通常とは異なるCMS入稿フローを前提に、タイアップ型ランディングページのデザインとコーディングを進めた案件です。完成したHTMLをそのまま公開するのではなく...

業種
美容・ファッション / 小売・販売
カテゴリ
LP
対応範囲
制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
CASE STUDY LP制作の実行・納品仕様 社名非公開

支給デザインのLPで、実行環境と納品形式を着手前に確定する

支給デザインをもとに、短期間でイベントLPを実装した案件です。制作途中で実行環境の制約が判明し、構成を納品条件へ合わせて調整しました。この経験を、使用で...

業種
カルチャー
カテゴリ
LP
対応範囲
制作進行 / ディレクション / コーディング
詳細を見る

探し方が違う利用者を、一つの物件一覧へ導く検索設計

オフィス探しの情報サイトで、エリア、路線・駅、地図、オフィスの特徴、ブランド、キャンペーンなど複数の入口を設けながら、検索結果と物件詳細を共通の仕組み...

業種
住宅・不動産 / サービス
カテゴリ
サービスサイト / システム開発
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / 管理画面 / 会員管理
詳細を見る
CASE STUDY 育てられるリフォームサイト 社名非公開

施工事例を蓄積・分類し、顧客自身で育てられるリフォームサイト構築

リフォーム・リノベーション事業を展開する企業のコーポレートサイトを、WordPressで全面リニューアルしました。既存サイトと打ち合わせから企業のコンセプトを...

業種
住宅・不動産
カテゴリ
コーポレートサイト / サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面
詳細を見る
ケーススタディ 一覧