A / 今あるページをCMS化
今のデザインで、
製品ページだけCMS化
現在のロゴ・色・書体などを活かし、今ある製品情報のページに更新機能を追加する方法を検討します。ページがない場合は、同じデザインで必要な一覧・詳細を新設できます。
- 企業サイトのデザインを継続したい
- 製品の追加や資料差替えだけを自社更新したい
- サイト全体のリニューアルは予定していない
既存の企業サイト＋ 製品ページ・更新CMS
PRODUCT CMS / 必要な機能から始めるWeb制作
製品情報を、
自社で更新できる
Webサイトへ。
今あるページに更新機能を。
新しいページ・専用サイトの制作にも対応。
仕様変更やカタログPDFの差替えを、社内で進められるように。製品担当者が型番・仕様・写真・資料を更新できるCMSを制作します。
HTMLの知識がなくても、仕様を専用欄へ入力し、写真やPDFを選び、内容を確認して公開できます。資料の版や適用型番、販売終了後の保守資料も、更新作業に合わせて管理します。
今のサイトの必要な部分から導入方法を検討できます。構成や契約・保守条件を確認し、追加できる範囲をご案内します。
サイトURLと「社内で更新したいこと」1つからご相談いただけます。CMSやサーバーの種類が分からなくても大丈夫です。
01 / DESIGN & SCOPE
自社で更新できるようにする、2つの制作方法
今ある製品情報のページをCMS化する方法と、必要に応じて新しいページ・専用サイトを制作する方法があります。デザインを継続するか、見せ方も見直すかを検討します。
今のデザインで、
B / 専用サイトを制作
製品の選定に合わせた、
新しいデザインとCMS
企業サイトとは別のデザインで、製品専用サイトを制作します。カテゴリーやシリーズから探す一覧、型番ごとの仕様、関連資料を構成し、自社更新できるCMSを組み込みます。
- 製品数が増え、探し方や見せ方を見直したい
- 仕様・接続部・取付部を詳しく紹介したい
- メーカーや技術商社の製品サイトを新しく作りたい
既存の企業サイト別デザインの製品サイト ＋ CMS
必要なのが製品情報の更新機能なら、その部分から。探し方や紹介内容も見直したいなら、サイト制作まで。必要な機能と制作範囲を選んでご相談いただけます。
02 / UPDATE IN-HOUSE
製品ページの更新を外注している企業様へ
型番の追加や仕様改訂、写真・PDFの差替えを、担当者が管理画面から反映できるようにします。CMSで管理する項目は、制作会社への都度の更新依頼が不要になります。
制作会社へ更新を依頼する場合の一例
- 変更する型番・仕様・資料をまとめて連絡
- 必要に応じて見積・発注
- 制作会社がページと資料リンクを修正
- 技術部門で内容を確認して公開
製品情報CMSを導入した場合
- 専用の入力欄で仕様・写真・資料を変更
- プレビューで対象型番と資料の版を確認
- 社内確認後に公開して製品ページへ反映
公開中の情報を維持して変更版を確認する必要があるか、仕様とPDFを一緒に切り替えるか。現在の改訂手順に合わせて設計します。
HTMLの知識がなくても、専用欄への記入やファイルの登録で製品情報を更新できます。
会社情報などの更新は引き続き制作会社に任せ、変更の多い製品情報だけを社内で更新する方法もあります。Excelや基幹システムに製品情報がある場合は、Excel・社内システム・Webのどれを最新情報の管理元にするかを確認して担当範囲を決めます。
PDFを選び直すと、資料リンクが変更
専用入力欄と公開表示の静的な画面案です。入力・保存・公開は操作できません。表示内容は説明用の仮設定です。
- 適用型番
- FO-240
- 資料名
- 製品カタログ（第3版・PDF）
- 製品カタログPDF
- FO-240_catalog_v3.pdf
選択した掲載画像
② 内容・表示を確認 → 公開
FIELDOPTICS
製品情報用途事例サポート
PRODUCT / DOCUMENTS
FO-240
製品資料
カタログ・資料ダウンロード
PDF
製品カタログ（第3版・PDF）
FO-240_catalog_v3.pdf
製品カタログをダウンロード ↓
選び直したPDFが、この資料ダウンロード先に反映されます。
架空サイトの画面案です。リンク・ボタン・検索は操作できません。
公開前に版と適用型番を確認します。すでに配布した旧PDFのURLを残すか変更するかは、別途設計します。
03 / DEDICATED FIELDS
変更する項目だけを、専用の入力欄に
一般的なWordPressの投稿画面でページ全体を編集する方法だけでなく、製品ごとに必要な情報を入力する専用画面を制作します。HTMLやレイアウトの編集は必要ありません。
- 製品名・型番・シリーズ
- 製品名、型番、カテゴリー、シリーズ、一覧での表示順。共通情報と型番ごとの差分を分けて設計します。
- 仕様・単位・適用条件
- 寸法、電源、接続方式など。数値・単位・範囲を分け、未入力と対象外を区別する項目を決めます。
- 写真・寸法図
- 外観、取付部、接続部、付属品などの画像と説明・表示順。画像と型番を取り違えない登録方法にします。
- カタログ・図面・資料
- 資料名、種類、対応型番、版、改訂日。複数製品で共用する資料の管理方法も確認します。
- 販売状態・Web公開状態
- 販売中、受注停止、販売終了と、下書き・公開・非公開を分けて管理。旧製品に残す情報を決めます。
- 後継製品・関連情報
- 後継型番、アクセサリー、用途事例、問い合わせ先。販売終了後も選定・保守に必要な案内を残せます。
WordPress / 入力欄の画面案静的な表示例
製品情報の入力
製品カテゴリー
光学センサー
カテゴリーは一覧から選択販売状態
販売中
Webページの公開状態とは別に管理公開する資料の種類 / 複数選択
カタログ（選択済み）寸法図（選択済み）取扱説明書（選択済み）3D CAD（未選択）
各資料のファイル・版・対応型番は別の欄へ。ページの見た目は、制作側で設計
担当者が入力するのは製品の情報です。仕様表、写真、資料案内の表示形式は、あらかじめ決めたレイアウトで表示します。更新する人が変わっても、文字の大きさや余白を調整する必要がありません。
入力方法も、製品の改訂作業に合わせて
カテゴリーや販売状態は選択式、仕様は値と単位、資料は版と改訂日を登録する欄へ。型番ごとに必要な項目と記入例を用意します。技術確認や公開権限、CSV取込が必要な場合は、その範囲を別途設計します。
04 / CMS PRODUCTION DEMO
製品の一覧・詳細と、情報を更新する管理画面
架空の産業用センサー・制御ユニットブランド「FIELDOPTICS」を使った画面案です。濃紺とアンバーを基調に、型番・製品カテゴリー・資料を確認する技術カタログを想定しています。
既存サイトに追加する場合も、一覧・詳細のページと更新機能を、現在のデザインに合わせて制作できます。
顧客の制作実績ではありません。架空企業・架空製品・架空事例を使った静的な画面案です。保存・公開・検索・ダウンロードは動作しません。写真はAI生成で、製品の仕様や設備の技術的な適合性を示すものではありません。
サムネイルから探す、製品一覧
製品一覧 / PC
一覧 / スマートフォン
製品の詳細 / PC
製品一覧から、型番ごとの詳細へ
一覧には異なる外観の3製品を並べ、カテゴリー・型番・製品写真を表示しています。詳細では、選定時に確認する仕様・接続・取付の情報と資料の版をまとめます。実際の製品数や仕様の共通性に合わせて、絞り込みや比較の範囲を検討します。
写真は、選定時に確認する箇所まで
外観だけでなく、ねじ部・取付ブラケット・コネクター・端子部が分かる写真を想定しています。実際の制作では、画像と型番の対応、寸法図と製品写真の用途、付属品の範囲を確認して登録項目を決めます。
更新担当者が使う、専用の管理画面
WordPressを入れて終わりではなく、日常的に更新する人の入力項目と確認手順に合わせて管理画面を制作します。
製品の編集画面 / 管理画面案
WordPressの管理画面を想定した静的な画面案です。実際のCMSは制作範囲に合わせて設計します。
公開中と編集中の版、差替え資料、技術確認を分けた製品編集画面の案です。
管理画面のスマートフォン表示案を開く（新しいタブ）
型番とシリーズを分けて管理
共通仕様を変更する型番と、例外を持つ型番を確認します。共通値の変更がどこへ反映されるかを決め、意図しない一括変更を防ぐ構成を設計します。
仕様と資料の版を確認
仕様本文とPDFの版、改訂日、適用型番を確認して公開する手順を検討します。旧資料のURLを継続するか、版ごとのURLを持つかも確認します。
販売終了後の案内も設計
販売状態とページ公開状態を分けます。保守・交換に必要な資料を残すか、後継製品や相談先を案内するかを決めます。
ここで示しているのは制作時の構成例です。入力項目、確認・承認の機能、担当者の権限、外部データとの連携は、現在の業務と環境を確認して制作範囲を決めます。
05 / ADD TO YOUR WEBSITE
導入環境・移行する情報・担当範囲を確認します
製品ページだけを自社更新にする方法は、現在のサイトによって異なります。CMS、サーバー、既存の制作・保守契約を確認し、デザインと運用を継続できる方法をご提案します。
既存のWordPressサイト
現在のテーマやプラグインを確認し、製品・型番・仕様・資料の管理機能を追加します。製品の一覧と詳細は、既存デザインに合わせて制作できます。
静的HTMLなどのサイト
現在の企業サイトを活かし、製品部分だけCMSで管理する構成を検討します。製品URL、ヘッダー・メニューとの接続、PDFの設置場所はサーバー環境を確認して決めます。
他社CMS・制約のある環境
追加開発やデータ連携の可否を確認します。製品領域を別の環境で管理し、既存サイトから案内する方法も検討できます。元データの管理先も確認します。
移行する場合は、シリーズ・型番・仕様の対応、旧製品と資料のURL、既に共有されたPDFリンクを確認します。CSV取込や外部システム連携は、既存製品を識別する型番など、追加・変更の判定、エラー時の扱いまで決めて対象範囲をご案内します。
公開前の操作確認と、公開後の保守
初期制作と継続保守の作業・費用を分けて確認します。公開前に担当者が入力・確認・公開の操作を試し、操作説明の進め方を決めます。CMS本体・プラグインの更新、バックアップ、障害対応を誰が担当するかも、相談時に確認します。
06 / FOR YOUR UPDATE TEAM
こんな製品サイト運用に
サイトを新しく作る予定が決まっていなくても、更新方法だけのご相談からお受けします。
- 型番を追加するたびに、制作会社へ依頼している
- 仕様表の変更とPDF差替えを社内で進めたい
- 製品の写真や資料が古いままになっている
- 技術・製品担当者が専用の画面から更新したい
- シリーズと型番ごとの仕様を整理したい
- 販売終了と後継製品の案内を追加したい
- WordPressの投稿画面では仕様表を編集しにくい
- 企業サイト全体をリニューアルする予定はない
産業機器・部品・材料メーカー、技術商社などの製品サイトをご相談いただけます。製品数だけでなく、仕様の違い、資料の共用、改訂頻度、技術確認の担当者から制作範囲を検討します。
07 / QUESTIONS
製品ページのCMS化について、よくあるご質問
今ある製品ページを、同じデザインのままCMS化できますか？
はい。現在のサイトを確認し、色や書体、ヘッダーなどに合わせて今ある一覧・詳細に更新機能を追加する方法を検討し、必要なページは新設します。CMSやサーバーの制約がある場合は、追加できる範囲と設置方法をご案内します。
企業サイトとは違うデザインの専用サイトも作れますか？
対応します。製品情報の見せ方と探し方に合わせて専用サイトを新規制作し、自社更新できるCMSを組み込みます。必要なページ、入力項目、確認手順を一緒に検討します。
製品情報だけをCMS化できますか？
既存デザインを継続して製品の一覧・詳細・資料案内をCMS化する方法を検討できます。現在のサーバーとCMS、URL、保守契約を確認して導入方法をご案内します。
シリーズ共通の仕様と型番ごとの違いを管理できますか？
制作対象にできます。共通値を変更したときに反映する型番、例外を持つ型番、比較表示に使う項目を先に決め、意図しない一括変更が起きない構成を設計します。
CSVで製品をまとめて追加・変更できますか？
必要な範囲を確認して制作できます。既存製品を識別する型番など、追加・変更・削除の扱い、未入力値の意味、不一致時の停止条件と修正案内を決めます。自動連携は別途対象範囲を確認します。
資料を会員や取引先だけに公開できますか？
一般公開とログイン後の提供では、権限、資料の保管・配信方法、運用範囲が異なります。ページの表示だけでなく、ファイルURLからの取得も制限する必要があるかを確認します。
販売終了した製品ページは削除しますか？
一律に削除せず、資料の利用、保守・交換の案内、後継製品、過去の採用事例との関係を確認して決めます。販売状態とページ公開状態を分けることもできます。
費用は何で変わりますか？
シリーズ・型番・仕様の構造、一覧の検索・比較、資料の版管理、確認手順、CSV・外部連携、旧データの移行件数と導入環境によって変わります。現在のカタログとサイトからお見積もりします。
CONSULTATION
社内で更新したいことを、1つから。
まずは、サイトURLと「社内で更新したいこと」を1つお聞かせください。CMSやサーバーの種類が分からない段階でもご相談いただけます。
お問い合わせ内容の記入例
「製品PDFの差替えを社内で行いたい」
このページの「製品情報CMS」の相談と、サイトURLを添えてください。
