SWELLのアフィリエイト広告をきれいに作る方法

SWELLのアフィリエイトバナーの作り方

こんな感じのSWELLアフィリエイトのバナー広告を作りたいと思っていませんか?


今回は、マネしてみたいSWELLアフィリエイトのバナー広告が作れるよう紹介します。

=この記事はこんな方におすすめです=
  • SWELLテーマをすでに使っていて、SWELLERS’の会員登録している人
  • SWELLアフィリエイトのバナー広告をかっこよく作りたい人
目次

SWELLのアフィリエイト広告を作る3つの方法

今回のSWELLアフィリエイトリンクを貼るには、次の3つの方法を組合せてつくります。

―SWELLアフィリエイトリンクの作り方―
  1. バナーリンク
  2. テキストリンク
  3. ボタンリンク

これを作れるようになれば、記事内やフッター、サイドバーなどにSWELLアフィリエイトの広告を表示できるようになりますよ。

ーシンプルなのに高機能なWordPressテーマー

このブログのWordPressテーマは、「SWELL」を使っています。
はじめてでも綺麗なブログが簡単に作れるのが、「SWELL」です。

SWELLアフィリエイト広告を作ってみよう

上のバナー広告を作るステップは、次のとおりです。

SWELLのアフィリエイトバナー広告の作り方
  1. 広告タイトル
  2. SWELLアフィリエイトバナー 
  3. テキストリンク 
  4. SWELLの紹介文 
  5. SWELLボタン 
  6. 枠を付ける

1.広告のタイトル入力

STEP
広告のタイトルを入力
SWELLのアフィリエイトバナー広告の作り方|広告タイトル入力
STEP
「テキスト中央寄せ」をクリック

ブロックメニューの[テキストの配置を変更]から「テキスト中央寄せ」をクリックします。

SWELLのアフィリエイトバナー広告の作り方|テキスト中央寄せ

2.SWELLアフィリエイトバナーの設定

SWELLのアフィリエイトバナー画像を設定します。

STEP
SWELLプロモーションの検索

もしもアフィリエイトのSWELLプロモーションを検索します。

もしもアフィリエイトはこちら

SWELLのアフィリエイトバナー広告の作り方|もしもアフィリエイトSWELLプロモーションの検索
STEP
[広告リンクへ]をクリック
[広告リンクへ]をクリック|SWELLのアフィリエイトバナー広告の作り方
STEP
バナー広告のURLをコピー
バナー広告のURLをコピー|SWELLのアフィリエイトバナー広告の作り方
STEP
ブロックメニューから「カスタムHTML」をクリック
「カスタムHTML」をクリック|SWELLのアフィリエイトバナー広告の作り方
STEP
HTMLソースを貼り付け
HTMLコードを貼り付け|SWELLのアフィリエイトバナー広告の作り方
STEP
中央寄せのコードを追記

貼り付けたHTMLの先頭と末尾に中央寄せコードを追記します。

中央寄せコードを追記|SWELLのアフィリエイトバナー広告の作り方
<div align="center">
広告のソースコード
</div>

3.テキストリンクを設定する

バナー広告の下の段落にテキストリンクを設定します。

STEP
もしもアフィリエイトの「テキスト」をクリック

広告種別から「テキスト」をクリックします。

もしもアフィリエイトの「テキスト」をクリック|SWELLのアフィリエイトバナー広告の作り方
STEP
好みのテキストソースをコピー
テキストソースをコピー|SWELLのアフィリエイトバナー広告の作り方
STEP
ブロックメニューから「カスタムHTML」をクリック
「カスタムHTML」をクリック|SWELLのアフィリエイトバナー広告の作り方
STEP
HTMLを貼り付け
HTMLソースを貼り付ける|SWELLのアフィリエイトバナー広告の作り方
STEP
中央寄せのコードを追記

貼り付けたHTMLの先頭と末尾に中央寄せコードを追記します。

中央寄せコードの追記|SWELLのアフィリエイトバナー広告の作り方
<div align="center">
広告のソースコード
</div>

4.紹介テキストを入力

SWELLを紹介する一言を入力します。

STEP
紹介文のテキスト入力
紹介文のテキスト入力|SWELLのアフィリエイトバナー広告の作り方
STEP
テキスト中央寄せをクリック

ブロックメニューの[テキストの配置を変更]から「テキスト中央寄せ」をクリックします。

テキスト中央寄せをクリック|SWELLのアフィリエイトバナー広告の作り方

5.SWELLボタンに広告リンクを設定

SWELLボタンに広告をリンクさせる設定をします。

STEP
テキストリンクの「(自由テキスト)」ソースをコピー

もしもアフィリエイトのSWELLのテキストリンクの「(自由テキスト)」ソースをコピーします。

もしもアフィリエイトの自由テキストソースをコピー|SWELLのアフィリエイトバナー広告の作り方
STEP
ブロックメニューから「SWELLボタン」をクリック
[SWELLボタン]をクリック|SWELLのアフィリエイトバナー広告の作り方
STEP
広告タグを直接入力欄に貼り付け
広告タグを直接入力|SWELLのアフィリエイトバナー広告の作り方
STEP
「(自由テキスト)」をボタン名に変更

自由テキスト欄をボタンに表示させたい文言に変更します。

自由テキストをボタン名に変更|SWELLのアフィリエイトバナー広告の作り方

6.1~5を指定してグループ化して、装飾する

広告リンクのパーツを作れたので、最後に装飾してきれいなバナー広告にしましょう。

STEP
1~5のブロックをすべて選ぶ
ブロックをグループ化|SWELLのアフィリエイトバナー広告の作り方
STEP
[オプション]⇒「グループ化」をクリック
グループ化します|SWELLのアフィリエイトバナー広告の作り方
STEP
装飾をする

ボーダーや背景色など、好みに設定します。

装飾します|SWELLのアフィリエイトバナー広告の作り方

これで、綺麗なSWELLアフィリエイトのバナーが作れましたね。

まとめ

きれいなSWELLアフィリエイトのバナーが作れましたか。

SWELLアフィリエイトは、もしもアフィリエイトのクローズド案件なので、SWELLを購入した人の限定アフィリエイトです。

SWELLアフィリエイトのバナーの作り方

  1. 広告タイトル 
  2. SWELLアフィリエイトバナー 
  3. テキストリンク 
  4. SWELLの紹介文 
  5. SWELLボタン 
  6. 枠を付ける

きれいなバナー広告を作れれば、ブログを続けるモチベーションにもつながりますよね。

最後まで、読んでくださりありがとうございました。

参考になったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次