カテゴリ説明文に、iframeを使ってページクリエイターで作ったページを表示される方法について

Question

お世話になっております。

カテゴリ一覧を集めたカテゴリページを作ろうと思っております。(ややこしくてすみません)
ページクリエイターを使ってGOLDのページを作るつもりです。

スマホは、楽天GOLDのページに飛ばします。
PCは、カテゴリページのカテゴリ説明文に入れたいです。

GOLDのページをカテゴリページに表示させるにあたり質問です。
・ページクリエイターでのページ作成時、PC用の幅はいくつにしておいたらよいですか？
・iframeを使って表示させられると聞いたのですが、どのような手順で行えばよいですか？

よろしくお願いいたします。

Accepted Answer

ECマスターズの伊藤です。

> ・ページクリエイターでのページ作成時、PC用の幅はいくつにしておいたらよいですか？

kami-kyotoさんのカテゴリページ
ttps://item.rakuten.co.jp/xxxxx/c/0000000101/
を拝見したところ、
横幅が710pxとなっておりましたので、

710pxで設定いただけばよろしいかと思います。


> ・iframeを使って表示させられると聞いたのですが、どのような手順で行えばよいですか？

下記コードの
【ページクリエイターで作成したページのURL】
【横幅】
【高さ】
を変更してご利用くださいませ。

Answer

ありがとうございます！
710pxで作り、ご提示いただいたタグで表示させたいと思います。

ちなみに、
>kami-kyotoさんのカテゴリページ
>ttps://item.rakuten.co.jp/xxxxx/c/0000000101/
>を拝見したところ、
>横幅が710pxとなっておりましたので、
とのことですが、横幅が710pxというのはどこから確認できるのでしょうか。

Answer

ECマスターズの田中です。

> 横幅が710pxというのはどこから確認できるのでしょうか。

ブラウザのデベロッパーツールを利用して、
該当箇所のサイズを表示することができます。

https://prog-8.com/docs/html-dev
上記ページでデベロッパーツールの使い方を解説しており、その中で
3. ページのCSSを確認する
内の
次に、今CSSを確認した場所の下、または右側に表示されている、オレンジ・黄・緑・青の四角形を見てください（以下の画像参照）。
から始まる部分にて、サイズの確認方法を説明しております。

難しい場合は、Chrome拡張機能の定規をご利用願います。
https://www.howtonote.jp/google-chrome/extensions/index7.html

Answer

ありがとうございます。

拡張機能を追加してみます。
再び必要になった時には、ご紹介いただいたページを参考に確認したいと思います。

ありがとうございました。