ヘルプその他

HTML をエクスポートする

作ったサイトを HTML ファイルと画像の ZIP としてダウンロードし、別のサーバーで公開したり手を加えたりできるようにします。

必要なプランプレミアム

エクスポートしたファイルは、できるくんAI から離れて使えます。別のサーバーで公開したりする場合に使います。

エクスポートの手順

「HTMLエクスポート」を開く

HTML エクスポートを開く

サイトエディター右上の「…」→「HTMLエクスポート」を選びます。未購入のサイトでは、鍵のアイコンが付いています。

購入する (初回のみ)

「HTMLエクスポートの購入」で金額を確認し、「購入する」を押します。登録しているカードで決済されます。「購入が完了しました」と表示されたあと、そのままエクスポートの画面に進みます。

次の表示が出たときは、先に対応してください。

  • 「支払い方法の登録が必要です」 - カードが未登録です。「支払い方法を登録」からカードを登録してください
  • 「プレミアムプランが必要です」 - フリープランです。「ダッシュボード」→「請求・プラン」からプレミアムプランにアップグレードしてください

形式とファイル名を決める

「HTMLエクスポート」の画面で、ファイル名 (ダウンロードする ZIP ファイルの名前) を決めます。

ダウンロードする

「ダウンロード」を押します。終わるとファイルが保存されます。

ページ数や画像の枚数によって、数十秒から数分かかります。完了するまで画面を閉じないでください。

ZIP ファイルの中身

ZIP の中には、各ページの HTML ファイル (トップページは index.html)、CSS と JavaScript、サイトで使っている画像 (public/images/ の中) が入っています。展開したフォルダをそのまま Web サーバーに置くと表示できます。

次のものは ZIP に入りません。元の URL を参照するのみになります。

  • YouTube などの埋め込み
  • 取得に失敗した画像
  • SNS 共有用 (OGP) の画像

ダウンロードしたファイルを確認する

展開した index.html をダブルクリックで開くと、ブラウザの制限でページの一部が表示されなかったり、動かなかったりします。

正確な見た目を確かめるには、Web サーバーにアップロードして開くか、手元で簡易サーバーを起動してください。

関連記事

最終更新