中国輸入ビジネスで売っチャイナ

EXCELで出来るネットショップの効率化、中国の習慣やどうでもいい話を記事にしています。

カラーミーショップで簡単に出来る、トップページスライドショー

      2015/05/07

皆さんこんにちは。長谷川です。

よくネットショップのトップページで画像が右から左へ流れたりしてるの
見たことありませんか?

こんなヤツです>>

一般的にスライドショーと言われている物なんですが、
綺麗なデザインのお店には大体ついていますね。

このスライドショー、ネットショップ作成の初心者には結構敷居が高く
今流行しているのは jQuery もしくは Flash で作る事になると思います。

初心者からしてみたら、HTMLやCSSでいっぱいいっぱいの所に
jQuery って言われても『なんのこっちゃ?』って感じだと思います。

で、昨日カラーミーショップで自分のサイトをゴソゴソイジっていたら、
カラーミーショップで簡単にスライドショーが作れる機能が
実装されているではないかぁっっ!!

ちなみにJavascriptで生成されるみたいです。

ちょっと興味が湧いて、簡単に出来るか試して見ました。

20130726-1

まずは、カラーミーショップの管理画面のヘッダーメニューから、
お店を作る → デザイン設定

デザイン設定の画面が開いたら、
左サイドバーのデザイン設定のスライドショー設定をクリック


20130726-2

するとスライドショー設定の画面が開きますので、
スライドショーで表示したい画像をドラッグするかファイルを追加ボタンを押して
画像を登録します。


20130726-3

登録した画像が上記の様に表示されます。
また、登録した画像にリンク先URLと字幕を登録出来る様になりますので、
入力しましょう。

字幕については、スライドショーで表示される画像の下部に表示される
テキストの事です。

取り敢えずどんな感じで表示されるか見るために、なんでもいいから
入力しましょう。
後で簡単に変更出来ます。


20130726-4

ちょっと下にスクロールすると、出力用HTMLタグ取得という所が出てきます。
ここで画像が切り替わる時の、停止時間やスライドする時のスピードなどの
設定が可能です。

スライド方法も、『横スライド』か『フェード』を選択出来ます。

先程入力した字幕もここで表示と非表示を選択出来ます。

入力が完了したら『アップロード』ボタンをクリック。

※その下に『表示サンプル』とありますが、自分が作成したスライドショーの
プレビューでは無く、あくまでもサンプルになります。


少し下にスクロールすると、出力用HTMLタグというテキストボックスがありますので
この中のタグをコピーして、表示させたい箇所にペーストするだけ。


20130726-5

これだけの工程で簡単に自分のショップにスライドショーが出来ちゃいます。
ライバルショップとの差別化にもなるし、見た目もキレイになって
売上UP出来ちゃうかもですね。

30日の無料お試し付♪ 初期投資4,025円で出来るネットショップ カラーミーショップはこちら>>

ハセガワは今何位?


 - ColorMeShopお役立ち情報 , ,

アドセンスPC

アドセンスPC

  関連記事

関連記事はありませんでした

Message

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>