SWELL：ボタンブロックの使い方と出来ること

この記事ではSWELL（スウェル）のボタンブロックの使い方・できることについて初心者向けに解説しています。

SWELL：ボタンブロックで出来ること

①　スタイル	ボタンのスタイルを設定可能
②　ボタンサイズ設定	ボタンのサイズを変更可能
③　カラー設定	ボタンの色を変更可能
④　ボタンの計測設定	ボタンのクリック率を計測可能
⑤　アイコン設定	ボタンにアイコンを設定可能
⑥　広告タグ設定	広告タグを設定可能
⑦　デバイス制限	スマホとPCで表示制限をすることが可能
⑧　ブロック下の余白量	ブロック下の余白量を設定可能

①　スタイル

ボタンのスタイルを５種類から変更することができます。

ノーマル

立体

キラッと

光る効果があるボタンです。

アウトライン

MOREボタン

「SWELL設定」→「エディター設定」の「ボタン」でボタンの丸みを設定することができます。

ボタンの丸みを「すこし丸める」を設定するとこんな感じです。

SWELL設定でボタンの丸みを変更することができますが、サイト全体のボタンに反映されるので個別のボタンごとに丸みを設定することはできません。

SWELLのボタンの実際の表示をSWELLで作成したサンプルサイトにて確認できますので、そちらも参考にしてみてください。

→　SWELLで作成したサンプルサイト（ボタンブロック）

②　ボタンサイズ設定

ボタンのサイズを変更することができます。

小・標準・大の他にカスタムサイズに変更可能です。

③　カラー設定

カラー設定でボタンの色を変更することができます。

ボタンの色を変更するとこんな感じです。

カラー設定に表示される色は「SWELL設定」→「エディター設定」の「ボタン」で設定することができます。

④　ボタンの計測設定

「クリック率を計測する」のタブをオンにすると、そのボタンのクリック率を計測することができます。

⑤　アイコン設定

アイコン設定でボタンにアイコンを表示させることができます。

表示するアイコンはテキストの左右を選択可能で、アイコンサイズも変更することができます。

⑥　広告タグ設定

広告タグを入力して設定することができます。

アフィリエイトサイトを運営するうえでとても便利です。

⑦　デバイス制限

スマホとPCで表示制限をすることができます。

⑧　ブロック下の余白量

ボタン下の余白量を設定することができます。

初心者でもわかりやすい操作性で、SWELLでは簡単にボタンを記事内に表示させることができます。

SWELLの使い方

SWELL：関連記事