本文へスキップ
  1. TOP
  2. Webサイト制作実績
  3. ケーススタディ
  4. 既存WordPressを保ちながら、更新できるページ群を拡張する

既存WordPressを保ちながら、更新できるページ群を拡張する

CASE STUDY 既存WordPressの更新機能拡張 社名非公開

既存WordPressを保ちながら、更新できるページ群を拡張する

既存のWordPress環境へ、複数の事業・サービスページを追加した案件です。既存テーマと公開環境を壊さず、固定ページと、ニュース・事例など増え続ける更新領域を分けました。公開後のページ追加やロゴ・フッター変更にも、最初に整理した共通部品を継続して利用しています。

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

ご要望は、既存サイトを維持したまま新しいページ群を追加し、公開後は顧客側でも必要な情報を更新できるようにすることでした。新規サイトと異なり、既存テーマ、プラグイン、テスト環境、公開中のページとの関係を無視して設計できません。

すべてを固定ページとして作れば初回公開はできますが、ニュースや事例が増えるたびに制作作業が必要になります。反対に、すべてを自由編集にすると、入力方法が複雑になり、既存の見た目も保ちにくくなります。何を固定し、何をCMSで更新し、共通部品をどこまで再利用するかを、公開後の担当範囲と合わせて決めることが課題でした。

判断と対応

最初に既存WordPressのテーマ構造とテスト環境を確認し、新規ページを独立した別サイトとして作る案ではなく、現在のURLと共通部品へ接続する方針を採用しました。ページごとにデザイン課題とコーディング課題を対応させ、制作範囲と確認状況を追えるようにしています。

企業情報やサービス説明は構造を固定し、ニュースや事例など公開後に増える情報はCMS化しました。自由入力を増やすのではなく、運用者が判断しやすい項目へ絞り、表示側の部品と対応させています。

公開後のページ追加、OGP設定、ロゴ・フッター変更にも同じ構造を利用しました。既存環境への拡張では、初回公開だけでなく、次の追加を既存部品で処理できるかを設計時に確認することが重要です。

デザイン面の工夫

既存サイトのトーンを保ちながら、新しい事業やサービスの情報量を受け止められるページ構造を設計しました。新規ページだけを目立たせるのではなく、既存ナビゲーション、見出し、フッターとの連続性を確認しています。

固定ページでは、情報の順序と読みやすさを優先し、更新領域では、タイトルや画像の長さが変わっても一覧と詳細が崩れないカードを設計しました。すべてを自由に組み替えられる編集画面ではなく、必要な項目を入力すれば既定の品質で表示される考え方を採用しています。

公開後の追加で別の見た目が増殖しないよう、見出し、余白、ボタン、一覧部品を共通ルールとして残しました。

実装と公開後の改善

既存テーマのテンプレートと公開中の共通部品を確認し、新規ページ群を追加しても既存ページへ影響しない範囲を定めました。固定ページ用の構造と、ニュース・事例の投稿データを分け、更新内容が一覧と詳細へ同じルールで反映されるようにしています。

管理画面は、画面を自由に組み立てる機能を増やすのではなく、運用に必要な項目へ絞りました。入力値がない場合や画像比率が異なる場合も、公開画面が破綻しない表示を用意しています。

公開後の追加ページや共通部の変更では、最初のテンプレートを再利用し、個別コードを増やさないようにしました。既存CMS拡張では、現行環境の制約を否定するのではなく、保守できる境界を見つけ、その中へ更新余地を作ることが重要だと整理しています。

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

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

既存システムの資料とデータ構造を重ねて確認する作業机

仕様書が残っていない既存システムを、どう安全に改修するか

現在の画面やコードだけでは判断できない業務ルールを、実際の操作、データ、通知、担当者の使い方から復元し、安全に改修する方法を整理します。

その他のケーススタディ
CASE STUDY 事業の世界観が伝わる企業サイト 社名非公開

情報だけの「オンライン上の名刺」から、事業の世界観が伝わるコーポレートサイトへ

新しい会社・事業の立ち上げに伴うコーポレートサイト制作です。企業情報や事業内容などの大枠は見えていた一方、各ページの役割、事業を表す言葉、ブランドの見...

業種
レジャー・エンタメ / サービス
カテゴリ
コーポレートサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
CASE STUDY 既存Web基盤への新サイト追加 社名非公開

既存Web基盤へ新サイトを追加。CMS権限・公開・継続運用をどう設計したか

既存の企業サイトとMovable Typeが稼働する環境に、施設サイトと新しい更新担当部門を追加したリニューアルです。ページ制作だけでなく、既存ドメイン・サーバー...

業種
レジャー・エンタメ / サービス
カテゴリ
サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面
詳細を見る
CASE STUDY 運用できる会員サイト設計 社名非公開

会員サイトを「公開できる」から「運用できる」へ。認証・検索・権限・外部データ連携をどう設計したか

業界団体の会員向けポータルをリニューアルした案件です。蓄積されたお知らせ、資料、マニュアル、各種フォームを整理し、会員認証、検索、公開期間、管理画面、...

業種
金融 / 特殊法人
カテゴリ
サービスサイト / システム開発
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面 / 会員管理
詳細を見る
CASE STUDY 日英同時進行の多言語サイト 社名非公開

日本語と英語を同時に進める多言語サイト制作

日本語と英語の二言語サイトを限られた期間で並行制作した案件です。日本語版を基準に共通テンプレートを整えながら、後から届く翻訳原稿、言語ごとの文字量と改...

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