【お知らせ文のデザイン方法】

【通常の黒くて細い文字にする場合】

CMSに文章を書き込むだけです

《CMSでの記入》《サイトでの表示》

キャンペーン開催！

限定商品を抽選で2名様にプレゼント。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【黒くて太い文字にする場合】

黒くて太くしたい部分を<b>と</b>で囲う

《CMSでの記入》

<b>キャンペーン開催！</b>

　↓

《サイトでの表示》

キャンペーン開催！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【黒くて太くて大きい文字にする場合】

太くしたい部分を<span style="font-size: 20px; font-weight: bold;">と</span>で囲う。数字を変更すると文字の大きさを変更できます。

《CMSでの記入》

<span style="font-size: 20px; font-weight: bold;">キャンペーン開催！

限定商品を抽選で2名様にプレゼント。</span>

　↓

《サイトでの表示》

キャンペーン開催！

限定商品を抽選で2名様にプレゼント。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【通常の太さで赤い文字にする場合】

赤くしたい部分を<span style="color: red;">と</span>で囲う

《CMSでの記入》

<span style="color: red;">キャンペーン開催！

限定商品を抽選で2名様にプレゼント。</span>

　↓

《サイトでの表示》

キャンペーン開催！

限定商品を抽選で2名様にプレゼント。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【太くて赤い文字にする場合】

太くて赤くしたい部分を<span style="color: red; font-weight: bold;">と</span>で囲う

《CMSでの記入》

<span style="color: red; font-weight: bold;">キャンペーン開催！

限定商品を抽選で2名様にプレゼント。</span>

　↓

《サイトでの表示》

キャンペーン開催！

限定商品を抽選で2名様にプレゼント。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【太くて赤くて大きい文字にする場合】

太くて赤くて大きくしたい部分を<span style="font-size: 20px; color: red; font-weight: bold;">と</span>で囲う

《CMSでの記入》

<span style="font-size: 20px; color: red; font-weight: bold;">キャンペーン開催！

限定商品を抽選で2名様にプレゼント。</span>

　↓

《サイトでの表示》

キャンペーン開催！

限定商品を抽選で2名様にプレゼント。