本文へスキップ
  1. TOP
  2. Webサイト制作実績
  3. ケーススタディ
  4. CMSの自由度を、再利用パーツと運用ルールで扱いやすくする

CMSの自由度を、再利用パーツと運用ルールで扱いやすくする

CASE STUDY 再利用パーツで支えるCMS運用 社名非公開

CMSの自由度を、再利用パーツと運用ルールで扱いやすくする

静的公開とWordPress導入を二段階に分け、非制作者でもページを組み立てられる更新基盤を整えた案件です。自由入力へ任せるのではなく、記事パーツ、余白、見出し、共通部品を揃え、テンプレート記事と操作ルールで、更新の自由度と表示品質の両立を検証しました。

クライアント名 某IT・テクノロジー企業
業種
サイトのカテゴリ
サイトの特徴
  • 新規サイト構築
  • Wordpress
  • その他CMS
制作範囲
  • 企画構成
  • 制作進行
  • ディレクション
  • デザイン
  • コーディング
  • CMS
  • 管理画面
課題と制約

ご要望は、まず必要なページを公開し、その後はWordPressから継続してコンテンツを増やせるようにすることでした。公開を急ぐために最初からCMS機能をすべて完成させる案では、確認範囲が広がります。一方、静的ページだけで終えると、運用開始後の追加を毎回制作会社へ依頼することになります。

CMSでは自由にレイアウトできるほど便利に見えますが、見出し階層、余白、画像比率、部品の組み合わせが運用者の判断へ委ねられ、ページごとの品質差が生まれます。どこまでを固定し、どこからを選択可能にするか、また独自の追加機能をどのように扱うかを決めることが課題でした。

判断と対応

第一段階では、公開に必要な固定ページと導線を静的に整え、第二段階で、その見た目を再現できる記事パーツをWordPressへ組み込みました。一度にすべてをCMS化する案は採用せず、先に完成画面と運用対象を確定してから、更新に必要な部品だけを選んでいます。

見出し、本文、画像、ボタン、囲み、余白などを再利用パーツとして用意し、組み合わせ可能な範囲を定めました。操作項目だけを渡すのではなく、実際のテンプレート記事を作り、どの順序で部品を使えば意図した表示になるかを確認しています。

この方式は、決まった種類の記事を複数担当者が更新する場合に有効です。毎回まったく異なるレイアウトが必要な場合や、運用者が独自機能を追加する場合は、部品と権限の設計を見直す必要があります。

デザイン面の工夫

運用者が迷わず使えるよう、記事ごとに新しいデザインを作るのではなく、見出し、本文、画像、注記、ボタンの役割を明確にしました。余白も自由入力へせず、部品間の組み合わせで自然に整うルールを設けています。

自由度を下げ過ぎると必要な表現ができず、上げ過ぎるとページごとにトーンが崩れます。実際に想定される記事を複数作り、通常の説明、画像中心、行動導線のある記事が同じ部品群で成立するかを確認しました。

管理画面の項目名と公開画面の部品名も揃え、制作担当以外が操作説明を読んだときに、どの入力がどこへ表示されるか分かることを重視しました。

実装と公開後の改善

WordPress導入では、固定ページのHTMLをそのまま自由編集欄へ移すのではなく、再利用する部品ごとに入力項目と表示テンプレートを対応させました。値がない部品は安全に省略し、文章量や画像比率が変わっても周囲のレイアウトへ影響しにくい構成にしています。

テンプレート記事を作り、部品の組み合わせ、余白、プレビュー、公開後の表示を一通り検証しました。追加機能やプラグインは、便利さだけで導入せず、既存部品との競合、更新時の保守、操作権限を確認する対象にしています。

運用可能なCMSは、機能数ではなく、想定記事を担当者が再現でき、例外時にどこへ相談するか分かる状態で評価すべきだと整理しています。

その他のケーススタディ
CASE STUDY 育てられるリフォームサイト 社名非公開

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

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

業種
住宅・不動産
カテゴリ
コーポレートサイト / サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面
詳細を見る
CASE STUDY 大規模美容医療サイトのCMS設計 社名非公開

情報量の多い美容医療サイトを、CMS範囲と共通ルールから設計

施術情報、料金、医師・医院案内、症例、コラム、よくある質問などを網羅する美容医療サイトのリニューアルです。サイト内で検討に必要な情報を完結できるよう、...

業種
病院・医療 / 美容・ファッション
カテゴリ
サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS
詳細を見る
CASE STUDY モバイルファーストの企業サイト 社名非公開

可変コンテンツから逆算した、モバイルファーストの企業サイト

モバイルファーストで企業サイトを設計し、件数が増減する一覧と外部コンテンツを扱った案件です。完成時の見た目を固定するのではなく、情報がゼロ件の場合、多...

業種
住宅・不動産
カテゴリ
コーポレートサイト / サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
CASE STUDY 品質を保つ企業・採用CMS 社名非公開

編集自由度と表示品質を両立する、企業・採用サイトのCMS設計

コーポレートサイトと採用サイトを一体でリニューアルし、企画提案から構成、撮影、デザイン、WordPress構築、公開後の運用まで担当しました。二つのサイトをマ...

業種
IT・テクノロジー
カテゴリ
コーポレートサイト / 採用・求人サイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面
詳細を見る
ケーススタディ 一覧