〈ConoHa〉最新キャンペーン情報当サイト限定!5,000円クーポン

画像の上にボタンを配置『SWELLバナーリンクの使い方』10秒でバナー制作

一部プロモーションを含みます
SWELLバナーリンクの使い方
  • URLをコピーしました!

SWELLを導入すると、専用のバナーリンク機能が使えるようになります。

画像を一枚用意するだけで、わずか10秒ほどでバナーが完成します。追加の費用も一切かかりません。

この記事では、SWELLのバナーリンク機能の使い方を説明します。

実際の使い勝手を知れば、制作のハードルがぐっと下がるのを実感できるはずです。SWELLを選ぶか迷っているなら、一つの判断材料にしてみてください。

2026年2月12日の情報です。

記事でわかること(もくじ)

SWELLで「画像の上にボタン」を実装!画像を選ぶだけで簡単バナーリンク

手持ちの画像をバナーとして使いたい。

そんなときに重宝するのがバナーリンクという機能です。

ブログ初心者にとって、バナーをゼロから自作するのは骨が折れる作業ですが、これなら画像を選ぶだけで形になります。

デザインに悩む時間を省けるため、執筆そのものに集中できるようになります。

おくさん

どんなバナーが制作できるの?

ただの画像:バナーリンクにしてみます
ただの画像:バナーリンクにしてみます

実例でご紹介します。上の画像は通常の画像です。

下の画像はバナーリンク機能を使い、画像上にテキストリンクを配置しています。

バナーリンク機能を使って画像に文字を配置

ブロックエディタのバナーリンク機能を使うと、画像上にリンクとテキストを配置できます。これはWordPress のすべてのテーマで利用可能です。

バナーリンクを使うメリット
  • バナー作成が不要
  • 簡単にアフィリエイトリンクへ誘導できる
  • ブログ初心者でも簡単に設置できる
おくさん

普通のバナーリンクと、SWELLバナーリンクは何が違うの?

通常のバナーリンクとSWELLの機能の違いは、以下のとおりです。

実際に「SWELLバナーリンクブロック」として使用した様子

SWELLを使えば、画像のぼかしや角丸、文字色の変更など、細かなデザインができます。

専門ソフトがなくても、プロが作成したようなバナーを簡単に作れます。

SWELLバナーリンクでできること
  • 画像にオーバーレイを設定
  • 画像に丸みを持たせる
  • 画像の上に文字リンクを配置する

SWELLバナーリンク:通常バナーリンクとの機能差【画像編集ソフト不要】

項目SWELLのバナーリンク他ワードプレスのバナーリンク
テキスト位置の調整設定可不可
画像をリンクにする設定可不可
背景色の変更設定可設定可
テキストの色変更設定可設定可
テキストリンク設定可設定可
フルサイズ表示設定可不可
広告タグ設定可不可
カラム設定設定可不可
高さ調整設定可不可
ブラー効果設定可不可
影をつける設定可不可
画像に丸み設定可不可
ボタン設置設定可不可
オーバーレイ設定可設定可
不透明度設定可設定可

SWELLと通常バナーリンクの違い(個人調査)

SWELLバナーリンクと通常のバナーリンクは、利用できる機能の数が異なります。画像編集ソフトがなくても、おしゃれなバナーを制作できます

SWELLブロック
SWELLブロック

SWELLでバナーリンクを使うには、ブロック編集画面で「バナーリンク」を選択してください。簡単なバナーであれば、PhotoshopやCanvaを使わずに作成できます。

画像をバナーに変換
SWELLバナーリンクのメリット例
  • バナー高さが調整できる
  • トリミングできる
  • 画像を丸くできる
  • 文字の修正
  • オーバーレイ機能
  • ショートコード

SWELLバナーリンク機能:作成できるバナーを実例で紹介

SWELLバナーリンク機能を使って作成できるバナーを実例で紹介します。

「SWELLバナーリンクブロック」で作成

上のバナーはSWELLバナーリンクで制作したものです。

SWELLバナーリンクを使えば、簡単におしゃれなバナーが作れます。

SWELLバナーリンク:できること

例として、上の動画のように画像を丸くし、高さを調整できます。

また、バナー内にボタンを設置できるため、アフィリエイトにも最適です。

SWELLバナーリンクのデメリット:複雑なデザインは不可

デメリット:凝ったデザインはできない
デメリット:凝ったデザインはできない

SWELLのバナーリンクは、細かな作り込みには向きません。

文字を強調したり画像を重ねたりといった、デザイン上の細かな調整ができないためです。

凝ったバナーを作りたいのであれば、フォトショップなどの専門ソフトで画像そのものを制作しておくのがスムーズです。

SWELLバナーリンク:クリックだけで高品質なバナー作成できる【まとめ】

まとめです。

SWELLバナーリンクは、標準的な機能をさらに使いやすく磨き上げた独自の仕組みです。

本来、フォトショップなどを使って一からバナーを制作しようとすれば30分はかかりますが、これならわずか3分ほどで作業が完了します。

SWELLを使っている限り追加費用はかかりません。制作の手間とコストを同時に抑えられるため、より効率的にサイト運営を進められます。

つまり、SWELLは時間もお金も節約できます。

「SWELLバナーリンク」の詳細は、以下リンクから確認できます。

カスタムバナー機能(SWELL)

クリックだけで美しいサイトに。ページ速度も早いのでSEOに強いテーマです。

SWELLスピード100点
SWELL:ページ速度100点取れるテーマです。
よかったらシェアしてね!
  • URLをコピーしました!
記事でわかること(もくじ)