TOPデザイン修正マニュアル【商品レビュー伝令くん】 横幅調整方法(みんなのレビュー形式)
最終更新日 : 2023/12/26

【商品レビュー伝令くん】 横幅調整方法(みんなのレビュー形式)

スクリーンショット 2023-12-25 12.20.46.png

1.CSSファイルをダウンロードする

CSSファイルは、以下の場所にあります。FTPソフトでダウンロードし、必ずバックアップをとって置いて下さい。

http://www.rakuten.ne.jp/gold/【店舗URL】/_cdi/item_review.css

2.CSSファイルを修正する

「item_review.css」を、メモ帳などのテキスト編集ソフトで開きます。末尾に下記のコードを追加した上で、FTPソフトでアップロードして下さい。

.revRvwUserSec{
width:765px;
}

修正のポイント

  • 元々のCSSは、1行に圧縮されています。上記のCSSは、以下のように書き足す形で追加して下さい。(※画像はサンプルです)
2014-12-24_1549.png
  • widthの値は、「表示したい幅-35px」で設定するとキレイに収まります。(例)外枠の横幅を800pxで表示したい場合⇒CSSのwidthは765px

3.貼り付けタグをページに貼り付ける

以下のタグをページに貼り付けてください。(以下はwidth800pxにした場合)

<iframe src="http://www.rakuten.ne.jp/gold/【店舗URL】/ _cdi/cdi_item_review.html" frameborder="0" width="800" height="600" style="margin:0px;border:1px solid #cfcfcf;"></iframe>