iFrameは、システムが自動で作成した表示用の枠（iframe）を利用して、SwipeKitで作成したサイトを外部サイトへ埋め込む方法です。

発行されたタグを表示したいページのHTMLへ貼り付けるだけで利用でき、SwipeKitで作成したサイトは枠の中に表示されます。

iFrame内で独立して動作するため、埋め込み先のWebサイトのデザインや機能に影響を与えません。

また、既存サイトの修正を最小限に抑えながら導入できます。

SwipeKitの管理画面で取得したiFrameタグを、ロリポップFTPで作成した公開用ページ（空のページ）へ貼り付け、「保存」をしてください。

基本的には、発行されたタグをそのまま貼り付けるだけで、SwipeKitで作成したサイトを表示することができます。

ただし、公開先サイトの構成やデザインによっては、画面サイズや表示位置の調整が必要となる場合があります。その際は、ご利用環境に応じて追加の設定を行ってください。

① 何も表示されない、または途中までしか表示されない

原因：公開用ページ（親要素）に高さが設定されていない可能性があります。

対応方法：iFrameの高さや画面表示サイズを設定してください。

② 二重スクロールが発生する

原因：親ページとiFrameの両方でスクロールが発生している可能性があります。

対応方法：二重スクロールを防止するための設定を行ってください。

③ スマートフォンで表示が崩れる

原因：viewport設定や表示サイズが適切に設定されていない可能性があります。

対応方法：viewport設定やiFrameの高さ・幅の調整を行ってください。

公開先サイトの構成やサーバー環境によって必要な設定は異なります。

個別のHTML・CSS・JavaScriptの実装方法につきましては、ご案内いたしかねますので、あらかじめご了承ください。

① WordPressの管理画面へログインし、「固定ページ」から新規ページを作成します。

② ブロック追加画面で「カスタムHTML」を選択し、SwipeKitの管理画面で取得したiFrameタグを貼り付けます。

③ ページを公開します。

以上で、SwipeKitで作成したサイトをWordPress上に表示することができます。
​

ご利用中のWordPressテーマによっては、ヘッダー・フッター・サイドバーなどの要素が表示に影響する場合があります。

サイトの表示領域が狭くなったり、一部のコンテンツが見切れたりする場合は、テーマ設定やページレイアウトを適宜調整してください。

また、テーマやプラグインの仕様によっては追加の設定が必要となる場合があります。