機能リファレンス | コンテンツ管理 › コンテンツ編集

ブロック入力——ページの構成を変えても、デザインの型は揃える

お知らせには短い本文だけでよくても、導入事例には写真や見出し、説明をいくつも入れたい。ページごとに構成が違うと、固定の入力欄だけでは収まりません。一方で、レイアウトを毎回自由に作ると、担当者ごとに見た目が変わってしまいます。

ブロック入力は、テンプレートで用意した部品を選び、並べて本文を作る編集方法です。何をどの順に伝えるかは記事に合わせ、各部品の表示は決めた型に任せられます。

必要な部品を足し、説明の順序を組み立てます

見出し、テキスト、画像などのブロックを追加し、それぞれの内容を入力します。説明を補いたければブロックを足し、不要になった部分はブロック単位で削除できます。

並べ替えはドラッグ&ドロップと上下ボタンに対応しています。写真を説明の前へ移す、補足を末尾へ回すといった変更を、ページ全体のHTMLを書き直さずに行えます。

使える型と、担当者が編集する範囲を決めておけます

利用できるブロックは、テンプレートの定義で決まります。サイトのデザインに合わせた部品を用意しておけば、担当者は部品の中身と並びを編集し、表示の形はテンプレートに任せられます。

文章の装飾を自由に行いたい箇所には、WYSIWYGエディターを使う入力欄や専用パーツを用意することもできます。すべての編集を細かなブロック操作に揃えるのではなく、更新する仕事に合わせて編集範囲を設計できます。

揃える情報はフォームに、構成が変わる本文はブロックに

製品名や分類など、毎回同じ項目を登録する部分には、フォーム入力が向いています。テンプレートでブロックとフォームを併用すれば、一覧に使う情報は定型項目で揃え、詳細の説明はブロックで組み立てられます。

管理画面

ブロック入力。見出しやテキスト、画像などのブロックが縦に積み上がり、ブロックごとに並べ替えや編集の操作が付いた編集画面

ブロック入力。ブロックの型に沿った入力欄と文字数の上限が並ぶ、ブロックの編集ダイアログ

writeWiredのブロック入力——ページの構成を変えても、デザインの型は揃えるの特長

コンテンツは項目の集合として保存され、ブロックもその一部です。テンプレートが器と触れる範囲を定義するため、編集の自由度と表示の統制を両立できます。

この機能のまわり

この機能に関わる困りごと、使いどころ、よくある確認を集めています。

「コンテンツをつくる」の機能

製品ページ: CMS