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（スウェル）のインストール方法を徹底解説！初心者が迷わない簡単手順をご紹介！

SWELLの設定関係

• SWELL：必須プラグイン「SEO SIMPLE PACK」のインストール方法
• SWELL（スウェル）：Googleアナリティクスの導入方法
• SWELL（スウェル）：Googleサーチコンソールへの登録方法
• SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法

SWELLの使い方

• SWELLの使い方-初心者向け詳細ガイド-

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

• SWELLのカスタマイズ方法-初心者向けガイド-