カテゴリー : 楽天Tips

【ネットショップで使えるCSSコピペ】左側にスクロール追従バナーを複数設置する方法

0212-2

※記事の内容を精査し、こちらに載せ直しました。→【最新版・超かんたん!】楽天/Yahoo!のページに「スクロール追従バナー」を左右複数並べる方法 こんにちは。コンビニ店員さんの袋詰め終了までにお金を用意する事へ命をかけて […]

»続きを読む

【楽天ショップ担当者必見!!】スマホ商品ページに、PC版商品ページをまるっと載せる方法

【楽天ショップ担当者必見!!】スマホ商品ページに、PC版LPをまるっと載せる方法

こんにちは。身体を曲げるとたまに、肋骨が重なった感覚になり、うっ、となるオガリア中村です。共感できる方探しています。 本日は、楽天ショップのスマートフォン転換率向上施策について書きます。 スマホとなると、ページ制作に必要 […]

»続きを読む

【コピペで完了】楽天ショップで今すぐ使える!マウスオーバー効果 – 画像透過CSS

1225

こんにちは。歯の治療中にくしゃみがしたくなったら一体どうしたら良いのか26年間答えが出ていないオガリア中村です。花粉の時期は意地でも歯医者に行きません。 今日は、リンク付き画像へマウスオーバーした時に、画像に効果を加える […]

»続きを読む

▼デモ

以下のソースをそのままコピペしてください。

<style type="text/css">
<!-- 
a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
-->
</style>

※現在80%の透過設定になっています。数値を変化させる事で、透過を強くしたり弱めたりが可能です。

画像のマウスオーバー変化はつけた方が良い!

なぜなら、クリック率が上がるからです!

ネットショップの場合は特に、テキストよりバナー画像が多い為に「どの画像がクリック可能なのか」の判断が難しくなります。クリックできる画像にはマウスオーバー時に変化を加える事で、お客様にも過ごしやすいネットショップサイトとなります。

マウスオーバー効果をまだつけられていないショップ様は、ぜひ今すぐご対応くださいませ。

 
以上!歯がうずくオガリア中村でした。

 
 

-->

楽天ショップの「お気に入り登録」ボタンを設置するTips

1107--5

こちらの記事は、2016年3月から内容を修正の上「繁盛レシピ」に再掲載しました!こちらからご確認できます。 こんにちは。背伸びするとアキレス腱が千切れ飛びそうになるオガリア中村です。社会人になってから、背伸びしてアキレス […]

»続きを読む

【コピペで完了】楽天GOLDで作るスマフォページに「検索窓」を設置する方法

【コピペで完了】楽天GOLDで作るスマフォページに「検索窓」を設置する方法

こちらの記事は、2016年3月から内容を修正の上「繁盛レシピ」に再掲載しました!こちらからご確認できます。 こんにちは!小学生の時、産卵期のカラスに頭をつつかれて、額から血を流したオガリア中村です。マタニティブルーな野生 […]

»続きを読む

楽天GOLDでスマートフォンページを作成する際必ず使うべき「viewport」

楽天GOLDでスマートフォンページを作成する際必ず使うべき「viewport」

こちらの記事は、2016年3月から内容を修正の上「繁盛レシピ」に再掲載しました!こちらからご確認できます。 こんにちは、昨日何ヶ月かぶりに38度の熱が出たオガリア中村です。病院で熱を測る時はいつも、できる限り高熱の測定値 […]

»続きを読む