このコラムをPDF形式でダウンロードする

デザインのカスタマイズ
独自レイアウト（ショップスタイル）
執筆：野崎晃（株式会社デック）
はじめてＷＥＢのホームページは「独自レイアウト」を利用するとHTMLやCSSを記述してオリジナルのレイアウトを作成
することができます。
「独自レイアウト」を選択している時にショップの機能を利用した際、価格の文字の色や「カートに追加」ボタンの色など、
ショップ機能に関わる要素のスタイルを設定することができます。
まずはホームページにログインをします。
あらかじめ、レイアウトを「独自レイアウト」に変更しておいてください。
次に、ページ上部の「管理メニュー」ボタンをクリックします。
画面の左側にメニューが表示されますので、「デザイン」をクリックします。
デザインのメニューから「ショップスタイル」をクリックします。
「価格」は実際に販売する価格の表記の「フォントサイズ」「カラー」を変更できます。
それぞれの項目をクリックして編集すると、ホームページに反映された状態がプレビューで確認できます。
「通常価格」のタブをクリックすると、値下げ前などの通常価格の表記の「フォントサイズ」「カラー」を変更できます。それ
ぞれの項目をクリックして編集してください。
「ボタン」のタブをクリックすると「カートに追加」ボタンの「カラー（通常時/マウスオーバー時）」「テキストの色」「フォン
トサイズ」を変更できます。それぞれの項目をクリックして編集してください。
ショップで購入の手続きを進める際に表示される「注文フロー」の表示も色とスタイルを変更することができます。色の
項目はクリックして編集を行い、スタイルは4種類のスタイルから好きなものを選択してください。
編集が終わったら、画面の一番下にある「保存」ボタンをクリックしてください。
設定したショップスタイルがホームページに表示されるようになります。
執筆者の活用術
「価格」「通常価格」のフォントサイズは最大20pxまで、「ボタン」のフォントサイズは最大16pxまでになっていま
す。フォントサイズを自由に変更したいという場合はCSSで指定を行ってください。
野崎晃（のざき・あきら）
株式会社デック代表取締役／JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/
愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ／楽しさを伝えるべく解説ページ「Jimdoでつくる簡
単ホームページ！」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身
近に感じてもらうべく活動中。
著書に『WebデザイナーのためのJimdoスタイルブック』（共著、マイナビ）。
Copyright 2017 はじめてＷＥＢ All Rights Reserved.
http://hajimeteweb.jp/

Download Report