付け方
ボタンリンクを作成すると下のようなHTMLが自動入力されます。（※テキストモード）
↓↑↓↑↓↑
<div class="btn01 btn-auto btn-rounded btn-icon1_R"><a href="#">お申し込みはこちら</a></div>
このボタンリンクに「0円キャンペーン！」というラベルを付け足したい場合、上のコードの青の部分と赤の部分の間にこちらで用意した下の（サンプル）コードをコピー＆ペーストします。あとはテキストを適宜変更するだけです。
<span>0円キャンペーン！</span>
結果、下のようなHTMLコードになります。
<div class="btn01 btn-auto btn-rounded btn-icon1_R"><span>0円キャンペーン！</span><a href="#">お申し込みはこちら</a></div>
カスタマイズ
文字の色/文字の太さ/背景色のみ当機能専用のモジュール上で変更可です。
中身の概要は下のようになってるので、必要に応じて数値を変更します。
（変更方法はマニュアルに記載してます）
color: #FFF; /*文字の色・デフォルトは白*/
background-color: #ff3399; /*背景色・デフォルトはピンク*/
font-weight: bold; /*文字の太さ・デフォルトはON*/
『ボタンリンクにラベル追加』の関連記事
-
SIRIUS2テンプレート【Volar2】ではトップページのヘッダー画像上のテキストに様々な装飾をかけられます。 -
SIRIUS2テンプレート【Volar2】では＜画像レイアウト＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜アイテム比較＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜画像ギャラリー＞のスマホでの表示レイアウトをカスタマイズできます。 -
SIRIUS2テンプレート【Volar】では＜CTA＞の通常レイアウトに加えて独自レイアウトも追加しました。 -
SIRIUS2テンプレート【Volar2】ではパーツ＜タブコンテンツ＞に枠線を付けるスタイルを用意してます。 -
SIRIUS2テンプレート【Volar2】では＜フローチャート＞に追加レイアウトを加えてます。 -
SIRIUS2テンプレート【Volar】では＜リンクカード＞の独自レイアウトを追加しました。