注目キーワード
筆者はECサイト運営・制作をメインにWEB事業を行っております。ご相談などありましたらコメントなどでお気軽にご相談ください。

楽天市場のスマホページで使えるhtmlタグを利用した見出しなど

楽天市場はスマホページの規制厳しすぎる。今時古臭い感じでタグ打つのは楽天くらい。愚痴言ってても仕方ないので、簡単なタグだけ使ってある程度見れる内容をメモで残しとくので使いたい人はご自由にどうぞ

デザインサンプルの下にあるコードをコピーしてください。

見出し
<table width="100%" cellpadding="10" cellspacing="0" border="2" bgcolor="#CCCCCC">
<tr>
<td><b><center><font color="#333333">見出し</font></center></b></td>
</tr>
</table>
見出し1
見出し2
<table width="100%" cellpadding="10" cellspacing="0" border="2">
<tr>
<td width="30%" bgcolor="#f5ec42"><b><center><font color="#333333">見出し1</font></center></b></td>
<td width="70%" bgcolor="#CCCCCC"><b><center><font color="#333333">見出し2</font></center></b></td>
</tr>
</table>

↑本ブログのCSSの影響でグレーになっていますが、左側のセルの背景色は黄色を指定しています。

<table width="100%" cellpadding="10" cellspacing="0" border="0">
<tr>
<td></td>
<td bgcolor="#CC3399"><b><center><a href="#"><font color="#ffffff">リンク</font></a>
</center></b></td>
<td></td>
</tr>
</table>

リンクは#のところを書き換えて下さい。

<table width="100%" border="0">
<tr>
<th align="center" bgcolor="#FDEFB5">タイトル</th>
</tr>
<tr>
<td bgcolor="#FFFDE1">
<p>説明文を入力します。</p>
</td>
</tr>
</table>

説明文を入力などに使用するブロックです。

2つ並びのボタン
<table width="100%">
<tr>
<td width="50%" height="48px" bgcolor="#fff814" align="center"><a href="ここにリンクをはる">商品ページで詳しく見る</a></td>
<td width="50%" height="48px" bgcolor="#fff814" align="center"><a href="ここにリンクをはる">商品ページで詳しく見る</a></td>
</tr>
</table>

ちょこちょこ足していきます。