SWELL：バナーリンクの使い方や出来ること

SWELL（スウェル）のバナーリンクではバナー風のリンクを作成することができます。

SWELLのバナーリンクはこんな感じです。

バナーリンクを作成するにはSWELLブロックの「バナーリンク」を選択します。

バナーとして使用したい画像をアップロードします。

SWELL：バナーリンクで出来ること

①　バナー設定	バナーの高さなどの設定が可能
②　カラー設定	バナーテキストの色変更が可能
③　画像設定	画像サイズとALTテキストの設定が可能
④　デバイス制限	スマホとPCで表示制限が可能
⑤　ブロック下の余白量	ブロック下の余白量の設定が可能

①　バナー設定

バナーの高さ設定

バナーの高さの入力欄に直接サイズを入力して設定することができます。

入力は半角で「px」の単位を最後に入力するようにしてください。

PCとスマホで別々のサイズを設定することができます。

例えば高さを300pxに設定するとこんな感じです。

ブラー効果をつける

ブラー効果（ぼかし）をつけることができます。

影をつける

影をつけることができます。

角の丸みを設定する

角の丸みを設定することができます。

②　カラー設定

カラー設定ではバナーリンクのテキスト色を黒もしくは白に変更できます。

オーバーレイカラーでは黒または白のマスクを画像に付けることができます。

オーバーレイカラーの不透明度を色を調整し、それに合わせてテキスト色も変更し見やすいように調整してください。

③　画像設定

画像設定では画像サイズとALTテキストを設定することができます。

画像サイズは基本フルサイズで使用するのがいいと思います。

アップロードする画像サイズは大きめを準備するのがお勧めです。（１０００px程度）

ALTテキストには画像の説明文を入力します。

④　デバイス制限

スマホとPCで表示制限が可能です。

⑤　ブロック下の余白量

ブロック下の余白量の設定が可能です。

SWELL（スウェル）のバナーリンクの実際表示はSWELL（スウェル）で作成したサンプルサイトでも確認することができますので、そちらも参考にしてみてください。

→　SWELLで作成したサンプルサイト（バナーリンク）

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

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

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

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

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

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

SWELL：記事一覧

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

SWELLの設定関係

SWELLの使い方

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