楽天GOLD 外枠とか横幅ってどこで変えるの?

オリジナルHTMLを作ってiframeで張り付けたはいいが…

ヤフーショッピングは管理画面から全体の横幅を変える機能もあったし、デフォルトでつけられているidやclassを操れば大枠を変更したりリキッドデザインにすることができたけど…

楽天はどこでやるんじゃい。

 

解:

楽天RMSサイトはtable要素の入れ子でできています。ので、そのままではいじれません。うん、知ってたけどほんと楽天てうんこ。

 

 

解決策:

ヘッダーやフッターの、入力欄の上下でtable要素を終わらせる記述をプラスする。

こうすることで楽天が設置しているテーブルを途中でぶった切り、間に自由な空間を生み出せる。自由な空間のうしろに、もとあったテーブルを回復させる記述も忘れずに。

 

●ヘッダーコンテンツ

<!-- テーブル終わらせ記述 -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /テーブル終わらせ記述 -->

<iframe frameborder="0" src="https://www.rakuten.ne.jp/gold/*****/header.html" width="100%" height="123" scrolling="no"></iframe>

<!-- *テーブル回復記述 -->
<table width="100%" cellspacing="20" cellpadding="0" border="0">

<tr>
<td align="center"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td colspan="4"><!-- /*テーブル回復記述-->

 

 

●フッターコンテンツ

<!-- テーブル終わらせ記述 -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /テーブル終わらせ記述 -->

<iframe frameborder="0" src="https://www.rakuten.ne.jp/gold/cell-apt/footer-rak.html" width="100%" height="893" scrolling="no"></iframe>

<!-- *テーブル回復記述 -->
<table width="100%" cellspacing="20" cellpadding="0" border="0">
<tr>
<td align="center"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td colspan="4"><!-- /*テーブル回復記述 -->

 

 こうしておきつつ、間にdivを追加してオリジナルclassなど追加もできる。

 

しかし次なる疑問

foosan.hatenablog.com