効率的なWebサイト管理にデジタルマーケティング機能を統合した、国産で唯一のCMS
  • TEL: 03-6418-9221
CMSへの悩み

エディターを使わず自由なレイアウトでコンテンツを更新したい

[全業種]
CMSを使うとデザインが統一できるのですが、ページ単位のテンプレートなので、似たようなページばかりになってしまいます。同じページの中でも、表現のバリエーションを増やしたいと思っているのですが、書きたいコンテンツの内容は都度変わるので、固定のフォーマットにするのは難しいと思っています。また、テンプレートを沢山開発して余分なコストをかけるのは避けたいです。サイト更新はHTMLの知識がないユーザーも行う事があるので、エディターを使ってHTMLを書く運用は難しいと考えています。エディターを使わずにサイトのデザインを統一しながら、自由なレイアウトでページの中身を書けないでしょうか?

その悩み、解決します

コンテンツ更新時に、自由にレイアウトを変更できるパーツを、自由に配置できるようにします

一般的なコンテンツの内容は、見出し、画像、本文、リンク程度です。これらのデザインや色、位置をレイアウトして変更したいと考えますが、情報として含まれるのはこれくらいですので、コンテンツの更新時に自由に変更できるパーツとして用意しておきます。
基本構成のサンプルです。このサンプルでは、1行に最大4列入ります。
各列に、表示幅、見出し(内容、種類、位置)、本文(内容、位置)、画像(画像幅、位置)などが指定できるようになっていて、4列全体にかかる見出しが入力できるようになっています。すべての情報が入った状態です。

見出しの入力項目です。

各列の入力項目です。

最大4列分の情報を入れることが出来ます。

入力した情報とレイアウト設定の表示サンプルです。

  1. 画像の幅と位置を変えてみました。
  2. 最初の列を半分の幅にして、残り二つを各1/4幅。最後は非表示にしています。
  3. 見出しのタイプをそれぞれ変えて、見出し、本文、リンクの位置を左右中央で分けています。

これまでの設定を使った表示のサンプルです。

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

一般的なCMSは横に並んだレイアウトは不得手ですが、この方法だと楽に更新ができます

一般的なCMSは横のレイアウトは不得手です。それは大抵の製品はエディターを使ってコンテンツを更新しますが、横に並べる際は、レイアウト用のHTMLを記述する必要があるためです。レスポンシブデザインが一般的になった今、レイアウト用のHTMLも非常に複雑になってしまい、専門知識が無いユーザーがそれらのHTMLを記述することは困難です。それを回避するため、固定のフォーマットにして各カラム用の入力項目を用意したりしますが、表現力に限界が来てしまいます。この方法はパーツ単位にレイアウトをボタンの押下による設定で制御できて、本文にはエディターを使ってHTMLを書くことできますので、知識の無い方でもレイアウトを自由に設定して、自由にコンテンツを書くことできます。

今、あなたがご覧になっているこのサイトも、この方法で更新されています

一見複雑そうに見えるかも知れない、あなたが今見ているこのサイトもほとんどのページがこの方法で更新されています。ページを作成する際にHTMLを編集することはほぼしていません。下記URLにある悩み解決事例と組み合わせていますので、合わせてご覧ください。

CMS 悩み解決事例 | CMSでサイト更新が簡単になると言われたのに思った通りに出来ません

CMSの悩み解決事例集

これまでのCMS導入の際に寄せられた課題、要望、お悩みとその対応事例について、ご紹介します。CMS導入の際の機能検討の材料となるよう、今後こちらのコンテンツを拡充してまいります。ご期待ください。

CMSで更新が簡単になると言われたのに思った通りに出来ません

[全業種]

この悩みの解決事例はこちらから

エディターを使わず自由なレイアウトでコンテンツを更新したい

[全業種]

この悩みの解決事例はこちらから

販売中の商品情報をサイト全体に反映するのが大変で困っています

[旅行会社][全業種]

この悩みの解決事例はこちらから

メルマガ制作が大変で
時間がかかって困っています

[製薬会社]

この悩みの解決事例はこちらから

バナーに掲載期間を設定して自由に並べ替えたい

[旅行会社][製薬会社][メディア][飲食店]

この悩みの解決事例はこちらから

会員の属性や行動によって
パーソナライズしたい

[製薬会社]

この悩みの解決事例はこちらから

機密性の高い情報が掲載されているPDFに認証をかけたい

[CADメーカー][製薬会社]

この悩みの解決事例はこちらから

会員サイトでURL別に認証の要否を設定したい

[CADメーカー][製薬会社]

この悩みの解決事例はこちらから

項目数が膨大な製品情報を頻繁に更新したい

[製薬会社]

この悩みの解決事例はこちらから

今すぐ資料をダウンロード

03-6418-9221

今すぐ資料をダウンロードして
writeWired CMS Platform の詳細をご覧ください。

必要事項をご記入の上、「確認画面へ」ボタンを押して下さい。