スマートフォンやタブレット、パソコンにも対応したレスポンシブWebデザインは、合理的な方向に進化してきました。こうした中、ユーザーにWebサイトを「個性」を印象付けるのは、レイアウト自体よりも、色や背景・画像などのビジュアルな要素が大きくなってきています。
メニューバーや背景、ヘッダーといったキービジュアルのデザインには、従来、スタイルシートの知識が不可欠でしたが、専門知識を必要とせず、視覚的なに確認しながら変更できる仕組みを取り入れました。どうぞお客様のカラーに染めてください。今後、使いやすいレイアウトパ ターンを増やしていく予定です。
まず、基本的なことですがCMS導入のメリットをご紹介します。CMSには様々な種類があり、その特性も異なります。このデモサイトでは、Modx(モドエックス)というCMSを採用しています。その最大の魅力は、管理画面を自由にカスタマイズできること。管理画面を作り込むことにより、ユーザーは、必要な項目を入力するだけで、素早くページを作成できます。また、作成したページは複製可能なため、最小限の労力でページを増やすことができます。
このシステムでは、税込・税別表示、在庫の有無など、入力が不要とお考えの項目は空欄でスキップすれば表示されません。
例えば、静的なホームページの場合、サイト全体にニュースや商品の更新を反映させるには、記事へのリンクをすべて手作業で行う必要があります。CMSを用いれば、必要なリンクは自動的に生成されます。例えばこのデモサイトの場合、商品を追加すると自動的にフォームや確認画面・お客様や管理者へのメールにも反映されます。
こちらをご覧ください。
このページは東京豊島区のWeb製作GRIPの商品ページのレイアウト・機能のサンプルです。フ…
ここをドラッグすると移動します。