---
title: "Elementor AIで生成したHTMLスライドをレビュー用URLにして共有する方法"
description: "Elementor AIで作成したHTMLスライドをプレゼン前に関係者へレビューさせたいデザイナーや制作者向け。ファイル共有の問題点・URL発行の手順・認証と期限の設定を具体的に説明する。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/elementor-ai-slide-html-review-url"
markdown: "https://giga-site.com/articles/elementor-ai-slide-html-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Elementor AIで生成したHTMLスライドをレビュー用URLにして共有する方法
Elementor AIで生成したHTMLスライドをプレゼン前にクライアントや上司に確認してもらいたいとき、ファイル送付では環境差分でレイアウトが崩れる問題がつきまとう。ギガサイト便にHTMLをアップロードすれば、Elementor特有のCSSや外部ライブラリもセットで配信でき、実際のスライド体験をそのままURLで共有できる。
> Source HTML: https://giga-site.com/articles/elementor-ai-slide-html-review-url
> Article index: https://giga-site.com/articles/index.md
## 何が共有しづらいのか
ElementorのHTMLスライドはWordPressのフロントエンドアセット（`wp-includes/js/`のJavaScriptなど）に依存している場合があり、WordPressの外で開くとスライドの切り替え機能が一切動かないことがある。スライドを正常に動かすには、依存しているJSを特定してHTMLファイルと一緒にパッケージしてからアップロードする必要がある。
スライドをZipファイルで送付した場合、受け取り側がHTMLを直接ダブルクリックして開くとブラウザの「file://」プロトコル制約でCSSや外部フォントが読み込まれないことがある。URLとして配信することで「https://」プロトコルが適用され、外部リソースの読み込みに関するエラーを大幅に減らせる点がギガサイト便を使う大きなメリットだ。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
## URL化する前の確認点
Elementor AIが生成したスライドのHTMLに、WordPressの`home_url`や`site_url`が絶対URLとして埋め込まれていないかを確認する。埋め込まれていた場合、画像やCSSがWordPressのサーバーからしか読み込まれないため、ギガサイト便で配信するとリソースが見つからない404エラーが大量に発生する。`,wp-content/`という文字列を検索して相対パスに直しておこう。
スライドにアニメーションGIFや動画ファイルが含まれている場合、ファイルサイズが大きくなりアップロードに時間がかかることがある。事前にGIFをWebPに変換するか、動画をYouTubeにアップロードしてiframe埋め込みに切り替えると配信パフォーマンスが改善する。ギガサイト便にアップロードできるファイルサイズの上限も事前に確認しておこう。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
## 認証と期限の決め方
プレゼン前の最終確認では、承認権限を持つ担当者だけが見られるようにパスワード認証を設定する。「スライドのURLをチャットで送ります」という場面では、パスワードを別のDMで送ることでURLの転送リスクを軽減できる。プレゼン当日のみ有効な期限を設定すれば、翌日以降に古いバージョンが参照されるリスクもない。
社内の複数チームがスライドをレビューする場合、同じURLを全員に送れる状態が理想だ。ドメイン認証を設定すれば社員が会社メールで認証するだけでアクセスでき、チームが増えてもパスワードを個別に配布する必要がない。承認フローが複数段階ある場合は、承認ステータスを追記したスプレッドシートとURLをセットで管理しよう。
- 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
- 特定の相手だけ: パスワードまたはメール認証を使う
- 会社内だけ: 会社ドメイン認証を検討する
- 短期レビュー: 期限を設定して古いURLを残さない
## 共有後のフィードバック回収
スライドのレビューでは「このスライドで何を伝えたいかが30秒以内に分かるか」というチェックポイントを必ず設定する。閲覧者がスライドを開いてから閉じるまでの平均時間は短いため、各スライドの伝達力を個別に評価してもらうことがスライド全体のクオリティ向上につながる。
スライドを修正してURLを更新した場合は「バージョン2を反映しました」と一言連絡する。レビュアーが以前のフィードバックを参照しながら確認できるよう、前回指摘した箇所のスクリーンショットと修正後の比較画像をメールに添付すると確認効率が上がる。「前の版のどこが変わったか分からない」という問い合わせを予防できる。
- 確認してほしい観点を3つ以内に絞る
- 期限と返信先を明記する
- 修正後も同じURLで見られるか伝える
- 最終版と途中版が混ざらないようタイトルを付ける
## よくある質問
### ElementorのスライドHTMLをアップロードしたら画像が表示されません。原因は何ですか？
画像のパスがWordPressの`wp-content/uploads`への絶対URLになっている可能性が高い。該当の画像ファイルをHTMLと同じフォルダにコピーし、imgタグのsrc属性を相対パス（例：`./images/photo.jpg`）に書き換えてから再アップロードすると解決するケースが多い。
### スライドのページ数が多いと読み込みが遅くなりますか？
画像が多いスライドは初回読み込みが遅くなる場合がある。画像をWebP形式に変換して圧縮するか、スライドライブラリの遅延読み込み（lazy loading）設定を有効にすると改善する。また、一度読み込んだ後はキャッシュが効くため、スライド送り自体はスムーズになる。
### プレゼン当日にURLを使ってプロジェクターで投影しても問題ありませんか？
発表会場のPCからURLにアクセスしてブラウザでスライドを表示する方法は、ローカルファイルより安定して動作することが多い。ただしネットワーク接続が必要なため、会場のWi-FiまたはLANへの接続確認を事前に行うこと。オフライン環境での使用が想定される場合はHTMLをローカルにキャッシュする方法も検討しよう。
## 関連記事
- [Elementor AIで生成したLP案をレビュー用URLにして共有する方法](https://giga-site.com/articles/elementor-ai-lp-draft-review-url/index.md)
- [Elementor AIで生成した管理画面モックをレビュー用URLにして共有する方法](https://giga-site.com/articles/elementor-ai-admin-mock-review-url/index.md)
- [Elementor AIで生成したフォーム付きページをレビュー用URLにして共有する方法](https://giga-site.com/articles/elementor-ai-form-page-review-url/index.md)
- [Elementor AIで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法](https://giga-site.com/articles/elementor-ai-internal-tool-prototype-review-url/index.md)
- [Firebase Studioで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/firebase-studio-slide-html-review-url/index.md)
- [Google Stitchで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/google-stitch-slide-html-review-url/index.md)
```json
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Elementor AIで生成したHTMLスライドをレビュー用URLにして共有する方法",
"description": "Elementor AIで作成したHTMLスライドをプレゼン前に関係者へレビューさせたいデザイナーや制作者向け。ファイル共有の問題点・URL発行の手順・認証と期限の設定を具体的に説明する。",
"datePublished": "2026-06-25",
"dateModified": "2026-06-25",
"mainEntityOfPage": "https://giga-site.com/articles/elementor-ai-slide-html-review-url",
"url": "https://giga-site.com/articles/elementor-ai-slide-html-review-url",
"inLanguage": "ja",
"image": "https://giga-site.com/og-image.png",
"articleSection": "AI活用",
"author": {
"@type": "Organization",
"name": "ギガサイト便"
},
"publisher": {
"@type": "Organization",
"name": "ギガサイト便"
},
"mainEntity": [
{
"@type": "Question",
"name": "ElementorのスライドHTMLをアップロードしたら画像が表示されません。原因は何ですか？",
"acceptedAnswer": {
"@type": "Answer",
"text": "画像のパスがWordPressの`wp-content/uploads`への絶対URLになっている可能性が高い。該当の画像ファイルをHTMLと同じフォルダにコピーし、imgタグのsrc属性を相対パス（例：`./images/photo.jpg`）に書き換えてから再アップロードすると解決するケースが多い。"
}
},
{
"@type": "Question",
"name": "スライドのページ数が多いと読み込みが遅くなりますか？",
"acceptedAnswer": {
"@type": "Answer",
"text": "画像が多いスライドは初回読み込みが遅くなる場合がある。画像をWebP形式に変換して圧縮するか、スライドライブラリの遅延読み込み（lazy loading）設定を有効にすると改善する。また、一度読み込んだ後はキャッシュが効くため、スライド送り自体はスムーズになる。"
}
},
{
"@type": "Question",
"name": "プレゼン当日にURLを使ってプロジェクターで投影しても問題ありませんか？",
"acceptedAnswer": {
"@type": "Answer",
"text": "発表会場のPCからURLにアクセスしてブラウザでスライドを表示する方法は、ローカルファイルより安定して動作することが多い。ただしネットワーク接続が必要なため、会場のWi-FiまたはLANへの接続確認を事前に行うこと。オフライン環境での使用が想定される場合はHTMLをローカルにキャッシュする方法も検討しよう。"
}
}
]
}
```