んちゃ!5号機です!
すっかりお久しぶりになってしまいました!(きゃ!
本日は楽天などでよく使うiframeについて物申したいことがあって
筆をとりました。(心の中で)
よく商品ページやヘッダー・フッター・レフトナビなど使われていると思うのですが。
ここでひとつ質問です。
そのiframeに名前(class名)はついていますか?
・・・
つ い て い な い ?
まさか、あなた、
iframeのタグに直接「width」や「height」書いていないでしょうね!?
え!?
書いてるって!?
・・・
orz
そのiframeの高さが変わったらどうしますか?
商品ページ全部いちいち変えますか?
そのiframeが不要になったらどうしますか?
設置場所が複数あったら全部から消すのめんどくさいですよね?
iframeはぜひclassをふって
CSSで幅やら高さを調整することをおすすめします!
理由は簡単。
前述の通り、その方が圧倒的に
管 理 が 楽 だから!
一箇所だけで使うなら直接いろいろ書いてもいいと思いますが
複数箇所で使う箇所はぜひ
CSSでの制御をおすすめします!
いろんなお店を見ているうちに
あまりに直書きの店舗が多くてびっくりしました・・・
なんて面倒なことを・・・
iframeをCSSで制御するメリット
・一時的に隠せちゃう(display:hidden)
⇒期間限定クーポンを配布している時とか
お買い物カゴの近くに設置していると獲得率UPに!
・高さや変わってもへっちゃらだぜ!
・複数箇所を一括で管理できます
この記事を読んでもし「ギクっ!」と思う方がいたら
ぜひ見直しを〜
ばいちゃ〜!