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

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

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

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

①　スタイル

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

ノーマル

立体

キラッと

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

アウトライン

MOREボタン

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

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

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

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

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

②　ボタンサイズ設定

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

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

③　カラー設定

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

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

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

④　ボタンの計測設定

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

⑤　アイコン設定

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

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

⑥　広告タグ設定

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

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

⑦　デバイス制限

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

⑧　ブロック下の余白量

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

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

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

無料お試しがずっと可能なAIライティングツール

「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...

SWELL：記事一覧

SWELLの購入とインストール方法

SWELLの設定関係

SWELLの使い方

SWELLのデザインカスタマイズ