CSSを記述することで、曜日に背景色をつけることができます。
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通「CSS」 に背景色を指定するCSS記述し保存してください。
それぞれの<td>にclassがついていますので、classにたいして背景色(background)やテキストの色(color)をCSSで指定してください。
| 曜日、日付 | class名 |
|---|---|
| 日 | sunday |
| 月 | monday |
| 火 | tuesday |
| 水 | wednesday |
| 木 | thursday |
| 金 | friday |
| 土 | saturday |
| 1、2、3、・・・31 | day1、day2、day3、・・・day31 |
<例>
土曜日と日曜日の背景色を赤、文字(数字)を白にする場合
.saturday,
.sunday{
background-color: #f00;
color: #fff;
}
タイトル「土」「日」には色をつけず、日付の数字欄にのみ、背景色を赤、文字(数字)を白に指定する場合
td.saturday,
td.sunday{
background-color: #f00;
color: #fff;
}
毎月3 のつく日= 3、13、23日の背景色を赤、文字(数字)を白にする場合
.day3,
.day13,
.day23{ background-color: #f00; color: #fff; }
テンプレートによってはすでに曜日にたいして色をつけるCSSが記述されていますので、そのCSSを編集してください。
<記述の探し方>
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通「CSS」
欄内に一度カーソルを置いた状態で、キーボードのCtrlとFキーを同時に押し表示される検索窓に探したいclass名、たとえば「土曜日」の場合は
saturday
と入力(コピー&ペースト)しキーボードのEnterキーを押して検索してください。
<例>
テンプレート【Complete】の場合は
このような記述が見つかりますので、この記述のカラーコードを変更し、背景色を追加する場合は背景色のプロパティ(background:またはbackground-color:)を追加し保存してください。
<関連記事>
■makeshopサポート
かんたん便利なCSS(スタイルシート)の書き方!
【初めてのHTML/CSS】CSS(スタイルシート)の基本の書き方と「id/class」について
【初めてのHTML/CSS】CSS(スタイルシート)の優先順位を覚えておこう!


