CMS 悩み解決事例 | エディターを使わず自由なレイアウトでコンテンツを更新したい

一般的なコンテンツの内容は、見出し、画像、本文、リンク程度です。これらのデザインや色、位置をレイアウトして変更したいと考えますが、情報として含まれるのはこれくらいですので、コンテンツの更新時に自由に変更できるパーツとして用意しておきます。

この方法は Bootstrap というcssフレームワークを利用しているためレスポンシブデザインに対応しています。スマートフォンで見た場合、1列が縦に表示されるので、一度の登録で、PC、スマホ両方に利用することが出来ます。

基本的に、一般的なCMSは横のレイアウトは不得手です。それは大抵の製品はエディターを使ってコンテンツを更新しますが、横に並べる際は、レイアウト用のHTMLを記述する必要があるためです。

レスポンシブデザインが一般的になった今、レイアウト用のHTMLも非常に複雑になってしまい、専門知識が無いユーザーがそれらのHTMLを記述することは困難です。それを回避するため、固定のフォーマットにして各カラム用の入力項目を用意したりしますが、表現力に限界が来てしまいます。

この方法はパーツ単位にレイアウトをボタンの押下による設定で制御できて、本文にはエディターを使ってHTMLを書くことできますので、知識の無い方でもレイアウトを自由に設定して、自由にコンテンツを書くことできます。