HOMEレイアウトサンプル
文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。
文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。
文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。 文章が入ります。
表組み | 表組み | 表組み |
表組み | 表組み | 表組み |
1 | りんご | 1KG |
2 | みかん | 2KG |
3 | ぶどう | 3KG |
変更前
1 | りんご | 100 |
2 | ぶどう | 200 |
3 | もも | 300 |
変更後
1 | りんご | 100 |
2 | ぶどう | 200 |
3 | もも | 300 |
画像をパソコン版、スマートフォン版ページ上でも最適に表示したい場合はフルサイズ、もしくは大サイズで挿入してください。
画像の幅がコンテンツ幅を超える場合、もしくは画面幅を超える場合は縦横比を維持した状態で自動でリサイズされます。
●フルサイズ(最適化される)
●大サイズ
意図的なサイズで画像を調整したい場合は、中サイズ・サムネイルサイズで配置してください。
設定したサイズで掲載されますが、画像の幅、高さが固定されるため、
画面がせまくなったとき、画面外にはみ出ることがあります。
●中サイズ(最適化されない)
●中サイズ リサイズ時(※参照)
※中サイズの画像は初期状態はでは300pxですが、300px以上に引き伸ばすことが可能です。
編集時は上記のようにぼやけた画像となりますが、
公開時には引き伸ばしたサイズに最適化された画像が読み込まれます。
ただし、スマートフォンでは画面からはみ出てしまいますのでサイズ調整は慎重に行ってください。
例:
中サイズ画像(300px)を600pxに引き伸ばした場合
公開時には600px以上の画像に置換されます。
●サムネイル(最適化されない)