リファインsnowリンク付き画像を動かす設定方法(マウスオーバー)

こんにちわ 須賀です^^

マウスカーソルを画像の上に置いたら、ちょっと動くように設定しているサイト。

見かけた事はありませんか?

僕のサイトもそうですが、リンク付きの画像の上に
マウスカーソルを合わせたらカクっと動きますよね。

「このように設定したいけど、どうしていいかわからない・・・」

「そもそも、この画像を動かすの何ていうの?」

名前がわからなければ調べようがありませんよね。

という事で今回の記事タイトルは、
なるべく検索されやすい表現にしました。

ちなみにこれ。

マウスオーバーといいます。

設定方法は至って簡単です。

ただcssを編集するので、
ちょっと仕切りが高く感じるかもしれませんがご安心下さい。

画像を見ながら簡単に設定しちゃいましょう!

リファインSNOWマウスオーバー設定方法

まずはワードプレスのダッシュボードから外観⇒テーマ編集を選択します。

画面右の項目にcustom.phpと言うのがあるはずです。

そちらをクリックして下さい。

WS000002

REFINE CUSTOM STYLESHEETと書いてある下に

——————————-で区切られていますよね。

空いているスペースに以下のタグをコピペして貼りつけて下さい。

a:hover {
position:relative;
top: 3px;
left:3px;
}
WS000003

 

ファイルの更新をクリックします。

はい。

これでマウスオーバーの設定は完了です。

確認してみましょう!

マウスオーバーを設置するメリット

マウスオーバーを設置する事によって、クリック率が変わってくると思います。

リンク付きの画像にマウスポイントを合わせ時カクっと動けば、
ユーザーさんもこの先に何かあると認識しやすくなりますよね。

逆に、

「詳しくはコチラ」

などの画像ボタンを設置していながら、マウスポイントを合わせても
ボタンに変化がないと、ユーザーさんはスルーしてしまうかもしれません。

ユーザーさんをあなたのサイトで迷子にさせない為にも、
この機会にマウスオーバーを設置しちゃいましょう!

僕が副業アフィリで毎月50万円以上稼いでいるヒミツを

無料メール読者さん限定で公開しています。

なぜ、時間がない副業アフィリエイターでも
毎月50万円以上を稼ぐことが出来るのか?


僕が200万円以上投資して得たスキルと実践で得たテクニックを
超初心者の方でもすぐに実践出来るよう噛み砕いて解説しています。

 

メール講座では、パソコンド素人だった僕が


・ゼロから抜け出した方法


・3ヶ月後に10万円稼いだ方法


そして毎月継続して50万円以上稼ぎ続けているテクニック

を惜しみなく解説しています。

 

さらに

・わずか10記事で累計100万円以上稼ぐブログ運営法


・自分で1記事も書かずに毎月安定して10万円以上稼ぐ外注戦略

も期間限定で公開します。

 

かなり、再現性が高い手法ので今すぐ実践して下さいね。

 


*登録後の解除もワンクリックで簡単に出来るので気軽にご登録お願いします♪

2 件のコメント

  • こんばんは、やはぎです

    マウスオーバーを設定することができるのですね!
    これで目で読者さんにも訴えることができるので
    おっしゃるように読者さんにとって
    非常に良い機能ですね♪

    よい情報をありがとうございます!

    応援しています!
    これからも宜しくお願いします。

  • こんばんは^^

    おぉ、こんな技があるのですね!
    最近ルレアを購入していたのですが、
    これは大変使えそうです!

    情報ありがとうございます!

  • コメントを残す

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

    CAPTCHA