売るノウハウお気に入りに追加する(※この記事は、2013年9月12日のオガレポを再掲載しています)こんにちは、昨日何ヶ月かぶりに38度の熱が出たオガリア中村です。病院で熱を測る時はいつも、できる限り高熱の測定値が出る様にがんばってしまいます。本日は、楽天ショップのスマートフォン特設ページ作成について、書きます!楽天の場合、「スマフォTOPページ」と「商品ページ」についてはRMSに編集機能がついているのですが・・・企画用の特設ページ等については自身でHTMLページを作成しなければなりません。楽天の場合、RMSで用意されているスマホ編集機能を使わずにページ構築するには、「楽天GOLD」を使う必要があります。(スマホページ基本的な構築方法の違いについてはこちらの記事を参照ください。)その際に最低限必要な「viewport」の設定についてお話します。設定は簡単!以下のHTMLをコピペしますPC用の画像を横幅ピッタリに表示するにはオガリアツールはスマホも対応!こちらの記事もおすすめ早く簡単にスマホページを作成するには?ドラッグ&ドロップの操作だけでスマホページを簡単作成!画面の大きさに合わせて横幅を100%表示にする「viewport」スマホでHTMLページを開いた際、初期状態では横幅980pxの設定で表示します。PCのページをスマホで見るように文字や画像が小さく表示されてしまいます。スマホ画面の横幅にピッタリ合わせて、全体の表示や文字の大きさを調整してくれるのが「viewport」です。user-scalable=yes">上記を、楽天GOLDにアップロードするHTML内、<head>~</head>内に挿入するだけでOKです。PC用の画像を横幅ピッタリに表示するにはPC用に作成した画像をスマホで横幅ピッタリに表示させるには・・・「width=”100%”」を使えばOKです。(詳しく見る)の設置がおすすめです。無料トライアルからいつでもお試しできます。【1-1】楽天GOLDの仕組み/sell_knowhow/smart_phone/2750早く簡単にスマホページを作成するには?ドラッグ&ドロップの操作だけでスマホページを簡単作成!ogaRia「「スマホページくみたて君」」を使えば、数分でスマホページが作れます!ドラッグ・アンド・ドロップの操作だけで、さまざまなパーツを配置できます。<二ヶ月無料で利用できる!>最大二ヶ月の無料トライアルで、「スマホページくみたて君」や、その他便利ツールもお試しできます。元楽天ショップ店長やってました。歩くときに他人との距離感が掴めないところがあり、よくオジサンのかかとを踏んでしまいます。PMviewportを使って横幅600pxのGOLDにUPしてある画像を、見ている媒体に合わせた横幅にしたいのですが、スマホで見ても画面からはみ出して画像が横にのびて表示されてしまいます。iframeを使って表示させようとしている状態です。やり方を間違えているのでしょうか?それとも当方の解釈が間違っているのでしょうか?宜しくお願い致します。AMご質問頂きありがとうございます。推測での回答となりますが、ご状況から恐らくiframタグとimgタグにwidth=”100%”の指定が入っていないものと思われます。/>また、iframeを記述するHTML/iframeで呼び出すHTMLどちらにもviewportの設定が必要です。AMご連絡が遅くなってしまい申し訳御座いませんでした。ご指摘頂きました内容で無事表示されました!(多分・・・)iPhoneのみでの確認ですが表示が確認出来ましたので、ご報告させて頂きました。AMご丁寧にご連絡いただきありがとうございます!無事解決されたとの事お伺いでき大変幸いです。=コメント*内容をご確認の上、送信してください。Us[株式会社オーガランド]現在24のネットショップを運営する鹿児島の企業です。販促支援システムを提供する「ogaRia(オガリア)」サービスを運営しています。株式会社オーガランド。