ビジネス 勉強堂

ビジネス書、お金に関する本、ネットビジネスの技術系の本や教材を紹介します。

*

ショップできすぎくんで画像のリンクを動かす/もしもドロップシッピング

      2016/01/02

 こんばんは、神谷です。

 「もしもドロップしピングで売上100万円を目指せ」講座です。

 昨日は、どろっぷしっぴんぐ研究所の対面講座でLPOについての勉強をしました。

できすぎくんの画像にリンクが貼ってあってもリンクということがよくわからない

チェック

 その勉強が終わっていいろいろ講座の内容を思い返した時、

 「画像にリンクが張ってあっても、それがリンクだと分からないから、クリックしてくれない」

という話を考えていました。

 その時の対策としては、画像内に、

 『クリック』

という文字を入れるという話が出たのです。

lowtype2

 ↑↑↑↑

 こんな感じ

 以前に、その手法を使ったことがあるのですが、それだと、画像を編集しなくちゃいけないので、どうも面倒。

 画像処理自体も面倒だし、画像に画像を重ねるので、色合いなど結構デザインにも気を使います。

 もっと簡単な方法はないかなぁ・・・。

 と思って考え付いたことがありました。

 画像に単にリンクを貼っているだけだと、カーソルが手のアイコンになるなどで分かるくらいですよね(カーソルのカスタマイズをしている方はその限りではないですが)。

 しかし、リンクが貼ってある画像にカーソルが重なると、画僧が動くようにすれば、それがリンクが貼ってあることがよくわかりますよね。

 結構メジャーな手法ですが、それを

 『もしもドロップシッピングのショップできすぎくんでやってみましょう』

という事です。

 ショップできすぎくんのカスタマイズとしては、中上級者レベルなんですが、

■ レンタルサーバーを借りていて

■ レンタルサーバーに画像を保存して

■ それをできすぎくんで表示したことのある方

なら、超簡単。

 ホンの、15分でできてしまうテクニックです。

 CSSファイルを作る

 CSSと聞いたところであきらめてしまいそうですよね。

 私もCSSと聞いた瞬間「もうできない」という感じなんですが、今回は、CSSというキーワードを考えず、これから書いてあることをそのまま実行しましょう。

 このCSSファイル、1回作ったら、すべてのできすぎくんのショップで使用可能ですから、とっても便利です。

メモ帳をでファイルを作る

 テキストエディター、

 代表は、メモ帳ですが、それで、

 「moshimo_dekisugi.css」

という名前のファイルを作りましょう。

画像を動かすCSSを書く

 作成した、「moshimo_dekisugi.css」の中に、下記をコピペしてください。

div.img-move a:hover {
position: relative;
top: 5px;
left: 5px;
}

 そして保存してください。

サーバーにアップ

 できすぎくんで使う画像をレンタルサーバーにアップするのと同じ方法で、適当なフォルダ名・・・例えば、「CSS」というフォルダをレンタルサーバの中に作って、「moshimo_dekisugi.css」をアップロードしましょう。

ショップできすぎくんにCSSファイルを登録

CSS1

 できすぎくんの

 「設定」→「ショップデザイン設定」→「拡張設定」→「オリジナルCSS URL」

に、先ほど、レンタルサーバにアップロードした「moshimo_dekisugi.css」の絶対パスを記入してください。

ショップできすぎくんの画像を動かすコーディングをする。

CSS2

 そして、できすぎくんのショップの中でカーソルが画像の上に来たら動かしたい画像の前後に、

 <div class=”img-move”> ~ </div>

で、囲えば完成です。

 サンブルサイトとして、

 『ハローミップ(Hello! MiP) オムニボットシリーズ通販』をご紹介します。

 左サイドバーの『ハローズーマー』と『ロビジュニア』の画像が、マウスカーソルと乗せると動くはずです。

 ※ショップの変更をしていたらこの限りではありません。

 いかがでしょうか、これなら画像リンクのクリック率も上がるんじゃないかと思います。

 ある程度集客ができているのに、ショップの回遊率が今一つ低いという方にはおススメの手法です。

 ※ 読者さんから情報を頂きました。この手法、できすぎくんの画像アップロード機能を使った画像には使えないそうです。

 

 ドロップシッピングで痒い所に手が届く様なスキルを学ぶことのできる場所はココです。

やじるし

 もしもドロップシッピングで、稼ぎたいなら、稼ぐ方法を学ぶのが早道です。 研究生制度(ドロップシッピング3カ月集中講座)で、みっちり学んでみましょう。

 現在、私も研究生5期目です。ここで学んでプラチナクラスになりました。

 申込み時に

 RLVG64C5

 を入力すると、受講料が割引になります。

 使ってくださいね!!

>>> 研究生制度(ドロップシッピング3カ月集中講座)

 

 

⇒ もしもドロップシッピングの「もしもチャレンジ」はこちらから

 - ドロップシッピング

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

パソコンする女性
yahoo!プロモーション広告は奥が深い もしもドロップシッピング

目次1  もしもドロップシッピングで、プロモーション広告を学べ2  プロモーショ …

考える女性
『あの繁盛サイトも「LPO」で稼いでる!』をもしもドロップシッピングをベースに紹介

目次1 ショップの購入率、回遊ページの少なさに悩む2 検索キーワードとコンテンツ …

no image
ネットビジネス日記 / 実績を出している人の背景の努力は半端じゃない

目次1 ■ ブログ2 □ アフィリエイト3 □ ドロップシッピング4 □ ビブリ …

もしもドロップシッピングの卸値の値上げ対応

目次1 利益のマイナス2 価格改定した商品が分からない  こんにちは、神谷です。 …

サーバー
ショップを作るなら、独自ドメイン、moshimoドメイン?/もしもドロップシッピングで売上100万円を目指す講座

目次1 もしもドロップシッピングのショップをどこに設置するか悩む2 moshim …

パソコンをする女性
ドロップシッピングで効率的にアクセスの多いショップを作る

目次1  ドロップシッピングでプロモーション広告を使うと利益が出ない2  だった …

縁
男性のシニアの方にこそ、「もしもドロップシッピング」をおススメ!!

 こんにちは、神谷です。  京都で、次々に夫を殺害した疑いで、女性が逮捕されまし …

スパイダーマンサイト
Googleハネムーンのときの順位への復活

目次1  スパイダーマンコスプレのサイトは順調な滑り出しだった2  意外と復活は …

no image
ブログとドロップシッピングのショップの関係 by 宮川洋

おはようございます。 神谷です。 2013年8月24日にもしもドロップシッピング …

渋谷ハロウィン アラビアン
ハロウィンの月にプラチナランク獲得

目次1 10月に再び、もしもドロップシッピングでプラチナランク獲得2 反省点は? …