ITトレンドがおすすめする製品・サービス
- ■編集画面の操作方法別
- 見たまま編集や直感的な操作ができる型：ShareWith、SITEMANAGE（サイトマネージ）、SITE PUBLIS、UNIT04、CREAM、bingo!CMS、おりこうブログ
- HTMLやCSSを直接編集できる型：SITEMANAGE（サイトマネージ）、bingo!CMS
- ■更新の運用体制別
- 承認ワークフローで複数人の更新を管理：ShareWith、SITE PUBLIS、CREAM、WebRelease2
- ブログのような感覚で手軽に更新できる運用：CREAM、おりこうブログ
- ユーザーや権限の管理で更新体制を整える：SITE PUBLIS、UNIT04
CMSの基本的な使い方と画面構成
CMSを使い始める前に、管理画面の全体像をつかんでおくと操作に迷いにくくなります。基本の仕組みと主な画面を整理します。
管理画面から記事を更新する仕組みを知る
CMSでは、管理画面から入力した文章や画像がデータとして保存され、サイトの決められたデザインに当てはめて表示されます。HTMLを直接書かなくても、デザインを崩さずに更新できる点が特徴です。
更新は、インターネットに接続したブラウザがあれば行えます。専用のソフトを入れる必要がない製品が一般的ですが、対応するブラウザは製品ごとに決まっているため、確認しておきましょう。
管理画面の主な項目を把握する
管理画面には、記事の一覧や新規作成、画像などを管理するメディア、固定ページ、メニューの設定、ユーザーの管理といった項目が並びます。名称は製品によって異なりますが、役割は共通する部分があります。
最初は、記事の作成と公開に関わる項目だけを使えば十分です。慣れてから、メニューの設定や権限の管理へ範囲を広げると、混乱せずに覚えられます。
編集画面の種類を選ぶ
編集画面には、仕上がりに近い見た目を確認しながら入力するビジュアル編集型と、HTMLを直接書く型があります。前者は文章を入力する感覚で使えるため、初めて更新する担当者に向いています。
後者は細かな調整がしやすい反面、HTMLの知識が必要です。更新する担当者のスキルにあわせて、自社の運用にあう編集画面の製品を選びましょう。
記事を作成して公開するまでの手順
CMSで記事を公開する流れは、入力、確認、公開の3段階です。それぞれの手順で押さえておきたい点を順に説明します。
手順1 タイトルと本文を入力する
管理画面で新規作成を選び、タイトルと本文を入力します。見出しの設定や文字の装飾は、編集画面のボタンで行える製品が一般的です。入力の途中で保存できる下書き機能も活用しましょう。長い記事では、こまめに保存して入力内容が失われるのを防ぎます。
カテゴリーやタグ、検索結果に表示される説明文などの項目も、この段階で設定しておきます。記事の分類を決めておくと、あとから探しやすくなるためです。検索結果に出る説明文は、記事の内容を短くまとめた文が適しています。
手順2 プレビューで表示を確認する
公開前に、プレビュー機能で実際の表示を確認します。パソコンだけでなく、スマートフォンでの見え方を確かめられる製品もあるため、画面幅ごとの表示も見ておきましょう。
文字の誤りやリンク先の間違い、画像の表示崩れは、この段階で直します。公開してからの修正は、閲覧者の目に触れる可能性があるため、確認を丁寧に行うことが大切です。可能であれば、書いた本人とは別の人が目を通す体制にしましょう。
手順3 公開または予約公開を設定する
確認が済んだら、公開のボタンを押して記事を表示します。あらかじめ日時を指定して、自動で公開する予約公開に対応した製品もあります。
公開後は、実際のサイトで表示を確認します。キャッシュなどの影響で、更新がすぐに反映されない場合もあるため、時間をおいて見直しましょう。関連するページからのリンクが正しく動くかも、あわせて確かめます。
画像や固定ページ、メニューの使い方
記事の入力に慣れたら、画像の管理やサイト構造の設定も覚えていきましょう。更新担当者が触れる機会の多い3つの操作を紹介します。
画像のアップロードと管理
画像は、メディアの管理画面からアップロードして記事に挿入します。ファイルが大きすぎると表示が遅くなる原因となるため、あらかじめサイズを調整してから登録するのが基本です。
視覚に障害のある人や、画像が読み込めない場合のために、代替テキストの入力も欠かせません。画像の内容を短く説明する文を、忘れずに設定しましょう。
固定ページと記事の違い
固定ページは会社概要や問い合わせ先など、時系列で追加しない内容に使います。記事は新着情報やコラムのように、日付順に積み上がる内容に使うのが一般的です。
この違いを理解して使い分けると、サイトの構造が整理されます。製品によって呼び方や扱いが異なるため、自社のCMSの仕様を確認しましょう。
メニューとカテゴリーの設定
サイトの上部に表示されるメニューは、管理画面から項目の追加や並べ替えができます。閲覧者が目的のページにたどり着けるよう、項目の名前と順序を整理します。
カテゴリーは記事の分類に使います。数を増やしすぎると管理が複雑になるため、最初は必要最小限で始め、運用しながら見直していくとよいでしょう。名称は、閲覧者が見てわかる言葉にそろえましょう。社内の部署名だけで表さない点にも注意が必要です。
ITトレンドでは、最新の製品・サービスを多数比較・掲載しています。まず資料請求して、さまざまな製品の機能や特徴を比較してみてください。忙しい業務時間内でも、各社に問い合わせる手間なく、たった1回の入力（約60秒）でCMSの一括資料請求が可能です。浮いた時間で、じっくりと製品を比較検討し進めましょう。
複数人でCMSを使うときの権限と承認
複数の担当者が更新するサイトでは、誤った情報の公開を防ぐ仕組みが必要です。権限と承認の使い方を整理します。
役割ごとに権限を設定する
CMSでは、利用者に役割を割り当て、できる操作を制限できます。例えば、記事の入力だけを行う担当者と、公開まで行う責任者を分けられる製品があります。
必要以上の権限を与えないことが、誤操作の防止につながります。人事異動の際に、権限を見直す手順も決めておきましょう。退職者のアカウントが残らないよう、定期的な棚卸しも行います。
承認ワークフローで公開前に確認する
承認ワークフローは、作成者が入力した記事を、確認者や責任者が段階的に確認してから公開する仕組みです。システム上でコメントを残して、差し戻すこともできます。
メールや口頭での確認と比べ、誰がいつ承認したかが記録に残ります。ただし、承認の段数が多すぎると公開が遅れるため、運用にあわせて設計しましょう。急ぎの更新に対応できる例外ルールも、あらかじめ決めておくと混乱しません。
更新履歴で変更を追えるようにする
更新履歴の機能があれば、誰がいつ記事を変更したかを後から確認できます。誤って内容を書き換えた場合に、以前の状態へ戻せる製品もあります。
履歴の保存期間や、戻せる範囲は製品によって異なります。重要なページは、更新前に控えを取る運用もあわせて検討すると安心です。履歴が増えすぎると管理が煩雑になる点にも注意しましょう。
CMSの使い方でつまずきやすい点と対処
運用を始めると、想定していなかった困りごとが出てきます。よくある悩みへの対処と、定着させる工夫を紹介します。
表示が崩れたときの見直し方
記事の表示が崩れる原因には、文章を別のソフトからそのまま貼り付けたことで余分な書式が入った場合などがあります。書式を除いて貼り付ける機能があれば活用しましょう。
それでも直らない場合は、HTML表示に切り替えて余分なタグを確認します。判断が難しいときは、制作会社や提供元の問い合わせ窓口に相談しましょう。画面の状況を写真で残して伝えると、原因の特定が早まります。
公開後の修正と取り下げ
公開した記事に誤りが見つかった場合は、速やかに修正して再度公開します。修正の内容によっては、記事の中に更新日や訂正の旨を記載する対応も考えます。
一時的に表示を止めたい場合は、非公開や下書きへ戻す機能を使います。削除は元に戻せない場合があるため、慎重に判断しましょう。判断に迷う場合は、責任者に確認してから操作します。
マニュアルと研修による定着
更新担当者が入れ替わっても使えるよう、自社の運用に即した手順書を作っておきます。画面の写真付きで、記事の公開までの流れを示すとわかりやすくなります。
提供元が用意する操作説明や、研修を利用する方法もあります。質問を受け付ける窓口が誰にあるのかを、担当者全員が把握しておきましょう。よくある質問をまとめた社内の共有ページを作る方法も有効です。
編集のしやすさで比べるCMS一覧
CMSの使いやすさは、編集画面の操作方法や、複数人で更新する際の管理機能によって異なります。更新担当者のスキルや運用体制を踏まえ、各製品の特徴を比較しましょう。
| 製品名 | 特徴 |
|---|---|
| ShareWith | 編集箇所をクリックして直接編集でき、公開ワークフローやIR情報の自動更新にも対応 |
| SITEMANAGE（サイトマネージ） | テンプレートによるページ作成や編集中のプレビューに加え、HTML・CSSの直接編集にも対応 |
| SITE PUBLIS | 見たまま編集とブロック管理に対応。ページ単位の権限設定や多段階の承認フローを搭載 |
| UNIT04 | 直感的な編集画面に加え、プレビュー・予約投稿・バージョン管理・ユーザー権限管理に対応 |
| CREAM | ブログ感覚で記事を作成・更新でき、承認フローや問い合わせフォームも初期搭載 |
| bingo!CMS | ドラッグ＆ドロップでページを構築でき、HTML・CSS・JavaScriptの直接記述にも対応 |
| WebRelease2 | 承認・操作履歴・二要素認証など、複数人でのサイト更新に役立つ管理機能を搭載 |
| おりこうブログ | Wordやメールのような感覚で操作できる見たまま編集機能やアクセス解析機能を搭載 |
更新担当者の使い方にあうCMS
見たまま編集やHTMLの直接編集などの操作方法に加え、承認ワークフローや権限管理など、更新体制に関わる機能にも注目して製品を紹介します。
ShareWith
- 上場企業へのクラウドCMS導入実績 No.1。自動化で生産性向上
- アクセシビリティ対策も“導入だけ” でJIS X 8341-3「AA準拠」に
- 金融機関からも選ばれる強靭なクラウドインフラと充実サポート
野村インベスター･リレーションズ株式会社が提供する「ShareWith」は、直感的な編集画面と公開ワークフローを備えたクラウド型CMSです。編集したい箇所をクリックするとエディタが表示され、ページの内容を直接編集できます。ページの追加や更新を社内で進めやすく、制作会社への依頼を減らす運用にも対応。公開ワークフローを利用した更新管理のほか、IRサイトではTDnetやEDINETとの自動連携も可能です。
SITEMANAGE（サイトマネージ）
- 外部との連携やハイレベルなカスタマイズも可能
- フェーズと合わせて、段階的に様々なサイト構築が可能
- 使いやすさにこだわった直感的に使える管理画面
株式会社シフトが提供する「SITEMANAGE（サイトマネージ）」は、直感的な操作と柔軟な編集機能を備えたパッケージ型CMSです。豊富なテンプレートからレイアウトを選んで配置でき、編集中でも公開時に近いスタイルでプレビューできます。HTMLやCSSの知識がなくても基本的なページを作成できる一方、ソース編集モードでの直接編集にも対応。プラグインによる機能追加や、動画の埋め込み、アクセス状況の確認も可能です。
SITE PUBLIS
- 見たまま編集とブロック構成で専門知識が無くても編集が可能
- 思い通りの権限や承認フローの設定が可能
- 会員機能など多彩な機能とフルオーダーも可能な拡張性
株式会社サイト・パブリスが提供する「SITE PUBLIS」は、見たまま編集とブロック管理に対応した国産の商用CMSです。公開画面と同じようなレイアウトでページを編集でき、ブロック単位でパーツの挿入や移動、コピーを行えます。管理者・編集者・閲覧者の権限をページごとに設定できるほか、組織や情報の種類に応じた多段階の承認フローも構築可能です。複数部署や外注先と連携してサイトを運用する企業に適しています。
UNIT04
- 大規模サイトを中心に多数導入実績のあるクラウド型CMS
- 日本テレビグループ独自開発で高いセキュリティ水準をクリア
- 自由度の高いUI設計で高いデザインと運用コスト削減を両立
株式会社日テレWandsが提供する「UNIT04」は、直感的な編集画面と柔軟な管理機能を備えたクラウド型CMSです。リッチテキストエディタやプレビュー、ファイルのアップロード、画像の圧縮・サイズ変更、予約投稿などに対応し、コンテンツの作成から公開までをCMS上で進められます。また、ユーザー・権限管理やバージョン管理、配信先管理も搭載。運用目的にあわせた管理画面のカスタマイズにも対応しています。
CREAM （SODA株式会社）
- 直感操作で記事作成・更新が簡単
- metaディスクリプションやsitemap.xml、見出し構造を標準搭載。
- 承認フロー、マイページ、問い合わせフォームを初期搭載
bingo!CMS （シフトテック株式会社）
- ドラッグ＆ドロップで直感的にサイト構築でき、コード不要。
- 運用機能が充実し、Webサイト管理を効率化。
- HTML/CSS/JSを直接記述でき、フォームやブログにも柔軟対応。
WebRelease2 （株式会社フレームワークスソフトウェア）
- 大手企業、官公庁、大学など1,000社超の導入実績。
- 大規模サイトでも高速コンテンツ生成
- オンプレミス/クラウド/aarch64対応
おりこうブログ （株式会社ディーエスブランド）
- 国産CMS、万全のセキュリティ、最新PHP8準拠
- Word/メール感覚で使える見たまま編集機能
- GA4対応で初心者も見やすいアクセス解析機能
まとめ
CMSの使い方は、管理画面での入力、プレビューでの確認、公開という流れが基本です。画像や固定ページ、メニューの扱いを覚え、複数人で使う場合は権限と承認ワークフローを整えると、安全に更新を続けられます。編集画面の操作性や承認機能の有無は製品によって異なるため、資料請求で比べてみてください。
