カラーミーショップの運営・管理 ショップ情報の設定やからデザインテンプレートの編集まで解説

ホームカラーミーショップの運営・管理レスポンシブ対応の無料テンプレートを追加してHTML・CSS編集

レスポンシブ対応の無料テンプレートを追加してHTML・CSS編集

ECサイトのデザインを構築するには、ベースとなるテンプレートを選択して、共通ヘッダー・フッターなど大枠部分のHTML・CSS編集をします。このページではカラーミーの管理画面で出来るヘッダー看板ロゴの登録やレスポンシブテンプレートの追加など大枠となる共通部分の編集方法を解説します。

ショップのロゴ画像やSNSアカウントを登録する

店舗ロゴ画像の登録はネットショップ>ショップ情報へ進み下図の編集画面で画像ファイルを選ぶボタンを押してロゴ画像を登録します。SNSのアカウントの登録も同じ編集画面の下部にユーザーIDの入力欄があります。YouTubeチャンネルのチャンネルURL入力欄もあります。

無料テンプレートを追加して大枠のHTML・CSS編集する

まずはECサイトのベースデザインとなるテンプレートを選びます。ネットショップ>デザインテンプレート追加>無料テンプレートのタブへ進みDISCOVER(無料版)という一番人気のテンプレートを追加します。その上でネットショップ>デザインテンプレートへ進み追加したテンプレートのテンプレート編集ボタンを押して下図のページ種類一覧ページが表示されます。ECサイトで共通表示されるヘッダー・フッターの共通となる大枠部分を編集する為には共通のHTML・CSSリンクをクリックすると下図のようにHTML・CSSを編集できます。