CMSとは？記事を作成・管理・公開する仕組み

Appli Parkの記事は、専用のCMSで文章や画像を編集しています。この記事の修正でも、管理画面で内容を整え、下書きへ保存するという操作を行っています。身近な作業ですが、「下書きを保存しても、読者が見ている記事は変わらないのはなぜ？」「CMSは文章を書く画面以外に、何を管理しているのだろう？」と考えると、その役割を整理するきっかけになります。今回は、実際に使っている記事編集の流れから、CMSの基本と下書き・公開版の違いを見ていきます。 CMSはContent Management Systemの略です。記事をHTMLファイルとして一つずつ作らなくても、管理画面から文章や画像を登録し、公開サイトで共通の見た目に整えて表示できます。大切なのは「文章を書く画面」だけではなく、どの記事を公開中にするか、どのカテゴリーやタグへ置くか、公開前にどの版を確認するかまで管理できることです。

CMSの基本は「作る・整理する・公開する」

Appli ParkのCMSでは、タイトル、概要、本文ブロック、画像を保存し、カテゴリー・特集・タグ・公開日を付けて整理します。公開サイトは保存された内容を読み、記事ページの共通レイアウトで表示します。このため、見出しや画像を追加するたびに公開ページのコードを書き換える必要はありません。

下書きと公開版は何が違う？

新しい記事は、公開前の状態で保存して内容を整えます。公開中の記事を修正するときは、読者が見ている公開版を残したまま編集下書きを保存します。下書きプレビューには変更後の内容が出ますが、公開ページは管理人が「変更を公開」するまで変わりません。同じ記事に二つの状態がある、と考えると分かりやすい仕組みです。

Appli Parkでは、どの場面でCMSを使っているか

この記事の修正でも、CMSでタイトル・概要・本文ブロックを編集し、実際の管理画面キャプチャを選び、下書きへ保存しています。ほかの記事でも、カテゴリーや特集への所属、複数タグ、関連記事カード、出典リンク、画像の代替テキストを管理画面から設定します。読者向けページを直接編集するのではなく、記事データとしてそろえて扱うのがCMSの役割です。

公開前の確認を、執筆と分ける

Appli Parkでは、執筆中の操作と公開操作を別のボタンにしています。下書き保存のあとに専用プレビューを開き、見出しの順序、画像と説明文の一致、サイト内リンク、スマートフォンでの読みやすさを確認します。CMSは文章を保存するだけでなく、確認すべき版を分かりやすくするためにも使っています。

実装の詳しい話は、設計記録へ

ここではCMSの使い方と状態の違いに絞りました。どのデータを別に保存しているか、任意HTMLを受け取らない理由、プレビューと公開画面で同じ表示部品を使う理由、画像を再生成する処理は、下の「自作CMS設計記録」でコードとデータの流れに沿って紹介します。

CMSが向いているサイト、向いていないサイト

ニュース、ブログ、事例紹介、商品情報のように、同じ形のコンテンツを継続して追加・更新するサイトにはCMSが向いています。公開を担当する人と開発者が別の場合や、予約公開・承認・履歴管理が必要な場合にも効果があります。 一方で、一度公開したらほとんど変えない小さなページなら、CMSを用意する手間のほうが大きいこともあります。大切なのは流行の製品を入れることではなく、誰がどのくらいの頻度で更新し、どんな失敗を防ぎたいかを先に考えることです。