新・はじめての特典講座第6回:特典の紹介画像の作り方

新・はじめての特典講座第6回です。 特典受け渡しの流れはわかったけど、 特典の紹介って、どのように作ったらいいのでしょうか?

ららです。



特典をつけてアフィリエイトする方法について、
はじめての方でもわかりやすいように、ご紹介しています。

特典講座
過去記事はこちら
第1回:特典の種類について
第2回:特典の整理のしかた
第3回:特典受け渡しの全体像
第4回:クッキーの重要性
第5回:特典請求フォームに載せる項目について



今日は、
無料オファーを例にとって、
特典の紹介のしかたをご紹介します。



特典をつけよう!って思っても、
まず悩むのが、特典の紹介方法じゃないですか?

私も最初、どうやったらいいのか、わかりませんでした。

とりあえず…と、文字だけで紹介してみたんですが、
ぱっとしないんですよね~。

ここ、特典だよ!って、
一目でわかりやすいようにしたいなって思ってました。



特典の画像の作り方

ほかのブログを見て回ってみるとわかるのですが、
特典が魅力的に感じる時は、だいたい画像が魅力的なんですよね。

画像で惹きつけられると、
思わず文章もきちんと読んでしまい、
結果、その特典が欲しくなります。

そんな画像、私には用意できるない…;;
頭を抱えていたときに出会ったのがこのツールでした。

shouhin_gazou001



イージー・イーカバー・クリエイターを使ったら、
ほんの数クリックで、思い通りの特典画像が、
サクサクと出来上がってしまって、とても驚きました。

それ以来、
特典やレポート紹介の画像に悩むことは、1分もないんですよ。

これって、積み重なると、 
ずいぶんと大きな差になるなって感じてます。 



イージー・イーカバー・クリエイターを使った
特典の紹介ページの例をご紹介します。

これは、ららのブログの、
読者さまプレゼントの特典紹介部分の画像です。

※実際のページはこちら

画像がぱっと目を引くのではないでしょうか。



イージー・イーカバー・クリエイターなら、
クオリティの高い画像ができるので、
このくらい大きくしてもアラが見えないんです。

ららのブログでは、
ほとんどの特典画像を、
イージー・イーカバー・クリエイターで作っています。
>>特典ページを見てみる

そうすることで、
ただ、キレイなだけではなく、
特典の画像を並べたときに、統一感が出るのでとても気に入っています。



文字を画像に回りこませる方法

画像ができたら、
次は文章を画像の回りに配置しなければいけません。

さきほどの特典の例は、
画像と文章が、このように配置されていますね。

こんなふうに表示させるには、
画像の右側に、文章を回り込ませる指定をします。
 

実際のコードはこちら

ピンクで囲った部分が画像を表示させている部分です。
その中の赤線の部分に注目してください。
※ワードプレスのコードを前提に、話を進めます。



alignleftという文字が、
画像の右側に、文章を回り込ませる指定です。

詳細は、こちらの記事をご覧下さい。
>>画像の回りに文字を配置する方法



文字を回り込ませない方法

もうひとつの方法として、
画像の下に文字が回り込むのは、カッコ悪い
と思われる場合のやり方です。

こんなふうにすることもできます。



さきほどの例とちがって、
画像と文章が、横にキレイに並んでいます。



こんなふうに表示させるには、
画像の右側に、文章を回り込ませる指定をした上で、
画像の下の部分の余白を多めに取ります。

実際のコードはこちら

ピンクで囲った部分が画像の指定。
その中の赤線の部分に注目してください。



margin-bottomというのは、
画像の下の余白のことです。
これを120ピクセルにするという指定です。

最初の例は、ここが50ピクセルになっていましたが、
この数字を大きくすることで、
画像に余白がついて、大きな画像を使ったのと同じことになるんです。

画像の余白についての詳しいことは、
こちらの記事をごらん下さい。
>>画像の回りに余白を作る方法



以上、少し難しい話になってしまいましたが、
初めての方にもわかりやすく説明できたか正直不安です。

わからなかったところなどは、
遠慮なくららにメールをくださいね。
>>メールフォーム

イージー・イーカバー・クリエイターの詳細は、
こちらのページを参照してください。
>>イージー・イーカバー・クリエイターレビューと特典




→ 第7回:インフォトップの商品に特典をつけるとき

こんな記事もありますよ☆ぜひ見ていってね!

 

アドセンス関連記事


外注マスタープログラム


ららサポート

 




最後まで読んでいただき、ありがとうございました。
このブログを「いいな」と思ったら、
下の白いボタンを、1回クリックしてくださいね。
ららに一票入って、人気ブログランキングに飛びます
↓ ↓ ↓

ありがとうございます☆ あなたの1票が、励みになってます^^

 

この記事はいかがでしたか?
ららは、あなたのお役にたてる記事の配信を心がけています。
「こんな記事を書いてほしい」「聞いてみたいことがある」
そんな場合は、こちらからいつでもメールを送ってください。
>>ららにメールを送る

 

 

2 Responses to “新・はじめての特典講座第6回:特典の紹介画像の作り方”

  1. アフィリエイトナビゲーター 秀行 より:

    ららさん
    はじめまして、秀行といいます。

    私も文字の回り込ませる方法を、
    一時期必死に探していたことがあります。

    画像の下の余白の作り方は
    この記事で初めて知ったので、
    凄くためになりました。

    応援ポチです!

    • らら より:

      秀行さん
      ご訪問&コメントありがとうございます。
      そうですね。
      知ってしまうと普通のことでも、
      最初はすごく難しいことのような気がしますよね。
      私もそうでした^^
      これからもよろしくお願いいたします。
      応援ありがとうございました。

コメントを残す

サブコンテンツ

このページの先頭へ