アフィピク登録

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

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

ららです。



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

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



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



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

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

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

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



特典の画像の作り方

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

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

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

shouhin_gazou001



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

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

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



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

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

※実際のページはこちら

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



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

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

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



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

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

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

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

実際のコードはこちら

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



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

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



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

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

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



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



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

実際のコードはこちら

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



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

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

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



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

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

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




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

あなたがもし、オレンジメール有料版のユーザーなら。
あなたがもし、オレンジメールを有料版にしようと思っているのなら…。
ぜひこの記事を読んでから帰ってください。
そうじゃないと、きっと損すると思いますよ☆

 

無料オファー攻略レポプレゼント

この記事を読んだあなたには、こちらの記事もオススメです☆

 




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

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

 

↑ この動くアバターは、こちらで作っていただきました。
あなたのアバターに命を吹き込む「四次元アバター」

 

「記事が書けない」「ネタが浮かばない」「手が止まってしまう」
そんなあなたへ。
このままだと、せっかくの稼げるチャンスを失ってしまうかも。
そうなる前に、記事の書き方を勉強してみませんか?
満足度98%、ブログ初心者さん向けのライティング教材が好評です。
>>関連記事はココをクリック

 

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

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

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

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

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

    応援ポチです!

    • らら より:

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

コメントを残す

サブコンテンツ

プロフィール

情報商材アフィリエイト

ららです。
高校生と中学生の2人の子供がいる、40代主婦です。
主婦業・母親業をやりながら、隙間時間でアフィリエイトを実践し、
日給10万円を達成することができました。

あなたと同じ目線の、安心できるブログを目指してます。
お気軽にメールくださいね。

詳しいプロフィールはこちら




応援よろしくね♪

メールはお気軽に


ららに相談したいことなどがありましたら、お気軽にどうぞ。
些細なことでもアホらしいことでも、大歓迎です♪
>>ららにメールを送る

相互リンクについて

2015年10月をもちまして、相互リンクのページは終了いたしました。
理由は
・昨今のSEO事情では、相互リンクが有益ではないこと
・リンク先の閉鎖が相次ぎ、機能を果たさなくなったこと
です。
相互リンクしていただいたブログ様、長いあいだありがとうございましたm(_ _)m

カテゴリー

このページの先頭へ