これ何?
 Amazon Ran9 は、Amazonの商品を表示するブログパーツ。ベストセラーだけでなく、さまざまなランキングが表示できます。人とは違った商品を並べたい方にオススメ。
 配置や背景色、文字サイズなどデザインのカスタマイズが、HTMLを知らなくても(たぶん)できる点も特徴です。このページはファッション専用ページです。
アフィリエイトできます!
 Amazonアソシエイト で取得したアソシエイトID(トラッキングID)を入力することで、作成したリンクから商品が買われると、Amazonから紹介料がもらえます。その他詳細は、この画面一番下とこちらで。
デザイン

準備ができるまでお待ちください。
ボックス背景色 オススメ配色をセット →

なし あり(改行なし) あり(改行あり)
サイズを指定
長すぎが気になる場合に。行数を指定
なし あり
 
著者名・出演者名・社名など
なし あり
なし あり
縦並び:
情報が下
情報が右
サイドバー向け
横並び:
情報が下
情報が右
メインカラム向け
横並び時のみ反映
枠内に隙間を作りたい場合
(偶数番の色 ) 指定なし 初期値に
表示サンプル
ここにサンプルが表示されます。
縦並び時の高さ、横並び時の全体の幅(その中に入るボックスの数)はなりゆき。配置する部分のHTML、CSSによります(上に表示されるサンプルでは、縦並び時の幅は300px、横並び時の幅は940pxになっています)。横並び時はボックスサイズでうまいこと調整してください。
HTMLコード

CSSによるデザイン変更

それぞれの項目にはclassが指定してあるので、上記で設定せず(指定なし)、CSSで表示を変えることも可能。

各項目のclass指定は右のとおり。

ランキングの種類について

「ヒット商品(24時間で売上が伸びた商品)」は、一部のカテゴリのみの対応となります(最上位のカテゴリの「すべて」のみ)。

全体
各ボックス
ボックス(枠調整用)
文字情報部分
画像
商品名
商品名(高さ調整用)
アーティスト名
レビュー
価格

div.fun9fw
div.fun9fw-each
div.fun9fw-inner
div.fun9fw-text
img.fun9fw-img
a.fun9fw-title
div.fun9fw-titlediv
span.fun9fw-artist
span.fun9fw-review
span.fun9fw-price

設置の際のヒント

HTMLコードのうち、1行目の位置が実際にウィジェットが表示される位置となります。以下の行とは別のところでもOK。

2行目以降はJavaScriptのロードをしている部分を含むので、bodyタグ内の最後の方にもっていくと、その他の部分の表示待ちを防げます(表示は非同期で行われるので、気にする必要はほぼないとは思いますが)。4行目以降はウィジェットの設定部分です。

注意事項

アソシエイトIDについて。数パーセントの割合で当サイトのIDに差し替えます。お気に召さない場合は利用をおやめください。

当サービスは、予告なく仕様変更、停止する可能性があります。また、当方はいかなる問題・不具合について責任を負いません。

その他、追加情報などはfun9 labで公開されます。