ShipPress

チュートリアル

静的サイトをダウンロードしてNetlifyで無料公開する

ShipPressは、すべてのページ、画像、スタイルを通常のWebファイルに変換し、サイト全体を静的コピーとして保存できます。このチュートリアルでは、静的コピーをダウンロードしてNetlify Dropで無料公開する方法に加えて、同じフォルダーをGitHub PagesやCloudflare Pagesで利用する方法を解説します。

著者：Oberon Lai。私はShipPressの開発者（Codotx, LLC）であり、本ツールは自社製品です。Netlify、GitHub、CloudflareはShipPressと提携関係にはなく、このページにはアフィリエイトリンクも一切含まれていません。

動画のサムネイル：静的サイトをダウンロードしてNetlifyで無料公開する 動画を再生
動画は、再生ボタンを押した後にのみYouTube（youtube-nocookie.com）から読み込まれます。 YouTubeで見る

  1. 静的コピーをダウンロードする

    サイトを開き、右上のGo liveをクリックします。Free addressタブの下部にOnly want the files?と表示されているので、Download the static copy and put it on another host yourselfをクリックしてください。

    ShipPressはすべてのページを通常のWebファイルとして保存し、結果を確認します（例：Done: 27 pages, 122 files）。アップロードする前にWorth a lookのリストをご確認ください。ここには、訪問者が開けないWordPress Dashboardへのリンクが含まれるページなどが指摘されています。先にページアドレスの変更を求められた場合は、DashboardタブでSettings › PermalinksをPost nameに設定し、再度ダウンロードしてください（サイトはあなたのものを参照）。

  2. フォルダーを見つける

    ウィンドウには、パソコン内のファイルの保存場所が表示されます。Show in Finderをクリックするとフォルダーが開き、Copy pathでその場所（パス）をコピーできます。中にはindex.html（トップページ）、404ページ、サイトマップ、そしてmenuやcontactといった各ページのフォルダーが入っています。このフォルダーがサイト全体そのものです。

  3. Netlifyにドロップする

    ブラウザーでapp.netlify.com/dropを開きます。ページ上にフォルダーをドラッグするか、folderをクリックして静的コピーのフォルダーを選択し（コピーしたパスを貼り付けます）、Uploadをクリックします。ブラウザーにファイルのアップロード確認が表示されたら、もう一度Uploadをクリックしてください。約1分後、Netlifyにyour project is liveと表示され、無料のnetlify.appアドレスが発行されます。

  4. 公開サイトを開き、保持登録する

    Openをクリックすると、オンライン上で公開されたサイトを確認できます。Netlifyアカウントがない場合、ドロップしたサイトはNetlifyに表示されるパスワードで保護され、公開期間は1時間となります。サイトを維持するには、Claim this siteをクリックして無料のNetlifyアカウントに登録してください（Netlifyの利用規約は変更される場合があるため、登録時にページをご確認ください）。

    すべてのページと画像がフォルダー内に入っているため、ページ間のリンクも正常に機能します。このサイトではWordPressは一切動作しておらず、ShipPressが作成した通常のファイルだけで構成されています。

  5. 後からサイトを更新する

    ShipPressでサイトを変更した後は、再度静的コピーをダウンロードし、新しいフォルダーをNetlifyの同じサイトにアップロードしてください。静的ホストが自動で更新されることはなく、常に最後にアップロードしたファイルが表示されます。

  6. GitHub PagesとCloudflare Pages

    同じフォルダーは、他の無料の静的ホストでも利用できます。GitHub Pagesでは、リポジトリにファイルをアップロードし、リポジトリのSettings › PagesでPagesを有効にします。Cloudflare Pagesでは、Pagesプロジェクトを作成してフォルダーをアップロードします。どちらのホストを利用する場合でも、フォルダー内のすべてのファイルをルート（最上位階層）に配置してください。リンクはルートを基準としているため、どのアドレスでもサイトが正常に動作します。

  7. 静的コピーではできないこと

    静的コピーは通常のWebページのみで構成されています。WordPressの稼働が必要な機能（WooCommerceショップ、会員ログイン、コメント、WordPress宛てに送信するフォームなど）は動作しません。これらの機能が必要な場合は、Go live内のWordPress hostタブをご利用ください。設定不要でフォームの送信内容をメールで受け取りたい場合は、代わりに無料のShipPressアドレスでサイトを公開してください。