YAHOO! ストアクリエイターProの設定で iframeタグを全幅表示、あと使えるHTML一覧

このページで紹介したタグの利用によるトラブルについて、当方は一切の責任を負いません。予めご了承ください。

iframeタグを全幅表示

ヘッダーを全幅にする

<iframe src="https://shopping.geocities.jp/${SHOP_NAME}/header.html" frameborder="0" style="
  width: 100vw;
  height: 500px;
  position: relative;
  margin-left: calc( (980px - 100vw) / 2 );
  margin-left: -webkit-calc( (980px - 100vw) / 2 );
"></iframe>

980px の箇所は、ストアデザインの「全体の設定」のページ幅に合わせてください。

フッターを全幅にする

<iframe src="https://shopping.geocities.jp/${SHOP_NAME}/header.html" frameborder="0" style="
  width: 100vw;
  height: 500px;
  position: relative;
  margin-left: calc( (980px - 100vw) / 2 );
  margin-left: -webkit-calc( (980px - 100vw) / 2 );
"></iframe>

フリースペースで使えるHTML一覧

汎用的なタグ

<a> <b> <i> <u> <small> <strong> <span> <img> <br> <p> <div> <blockquote> <iframe> <h4> <h5> <h6>

基本的に、属性（alt や style、titleなど）は使えるみたい。

h1~h3は使えないが、h4~は使える。

データリストタグ

<dl> <dt> <dd>

リストタグ

<ul> <ol> <li>

テーブルタグ

<table> <tr> <th> <td>

その他

<link>