この記事がお勧めな方
- SWELL（スウェル）のバナーリンクの使い方を知りたい方
- SWELL（スウェル）のバナーリンクで出来ることを知りたい方
- SWELL（スウェル）のバナーリンクがどんな感じか知りたい方
SWELL（スウェル）のバナーリンクではバナー風のリンクを作成することができます。
SWELLのバナーリンクはこんな感じです。
バナーリンクを作成するにはSWELLブロックの「バナーリンク」を選択します。
バナーとして使用したい画像をアップロードします。
SWELL：バナーリンクで出来ること
| ① バナー設定 | バナーの高さなどの設定が可能 |
| ② カラー設定 | バナーテキストの色変更が可能 |
| ③ 画像設定 | 画像サイズとALTテキストの設定が可能 |
| ④ デバイス制限 | スマホとPCで表示制限が可能 |
| ⑤ ブロック下の余白量 | ブロック下の余白量の設定が可能 |
① バナー設定
バナーの高さ設定
バナーの高さの入力欄に直接サイズを入力して設定することができます。
入力は半角で「px」の単位を最後に入力するようにしてください。
PCとスマホで別々のサイズを設定することができます。
例えば高さを300pxに設定するとこんな感じです。
ブラー効果をつける
ブラー効果（ぼかし）をつけることができます。
影をつける
影をつけることができます。
角の丸みを設定する
角の丸みを設定することができます。
② カラー設定
カラー設定ではバナーリンクのテキスト色を黒もしくは白に変更できます。
オーバーレイカラーでは黒または白のマスクを画像に付けることができます。
オーバーレイカラーの不透明度を色を調整し、それに合わせてテキスト色も変更し見やすいように調整してください。
③ 画像設定
画像設定では画像サイズとALTテキストを設定することができます。
画像サイズは基本フルサイズで使用するのがいいと思います。
アップロードする画像サイズは大きめを準備するのがお勧めです。（１０００px程度）
ALTテキストには画像の説明文を入力します。
④ デバイス制限
スマホとPCで表示制限が可能です。
⑤ ブロック下の余白量
ブロック下の余白量の設定が可能です。
SWELL（スウェル）のバナーリンクの実際表示はSWELL（スウェル）で作成したサンプルサイトでも確認することができますので、そちらも参考にしてみてください。
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。
AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪
現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。
\\ 無料お試し利用がずっと可能なAIライティングツール//
-
-
無料お試しがずっと可能なAIライティングツール
「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...
SWELL：記事一覧
SWELLの購入とインストール方法
SWELLの設定関係
- SWELL：必須プラグイン「SEO SIMPLE PACK」のインストール方法
- SWELL（スウェル）：Googleアナリティクスの導入方法
- SWELL（スウェル）：Googleサーチコンソールへの登録方法
- SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法