お役立ちコラム

  • コラム

サイトを本番公開する

投稿日 2023.07.10

更新日

サイトのカスタマイズや制作が完了したら、いよいよ本番公開です。
この記事ではサイトの公開方法についてご紹介していきます。

公開するサーバーを選ぶ

まずはどのサーバーを使うか決めましょう。

おすすめはNetlifyVercelなどの静的ホスティングサービスで、WordPressのようにバックエンドの動的な処理のいらないサイトであれば利用が可能です。

どちらも英語のサイトですが、小規模のサイトであれば無料で使用することができてFTPツールも不要。フォルダをドラッグ&ドロップで公開できます。

もちろんXserverやさくらのレンタルサーバー、ロリポップ!のレンタルサーバーでも、WEBサーバーであればなんでもOKです。

すでにお持ちのサーバーがあればそちらを、まだ持っていなければ静的ホスティングサービスを使うと良いかと思います。

このテンプレートのお問い合わせフォームをそのまま使う方は、Netlify以外では送受信できないのでご注意ください。

Netlifyで公開する方法

Netlify

新しくサイトを公開する

Netlifyでの公開方法をご紹介します。

アカウントをお持ちでない方はSign upからアカウントを作成して、簡単なアンケートがあるので適当に回答しておいてください。

アンケートに回答すると次のような画面になるので、赤枠の「Try Netlify Drop」をクリックします。

次の画面が表示されたら、中央の円部分にプロジェクトのフォルダごと(圧縮する必要はありません)ドラッグ&ドロップします。

うまくいけば以下のようなポップアップが出るので「Get started」を押して次に進みましょう。
この時点ですでに公開が完了しています。

ポップアップを閉じた画面がダッシュボードになります。
この中部くらいに「Sites」とあるのでこちらをクリックしましょう。

この画面の上部のURLが本番公開されているURLになります。
とても簡単ですね。

あとはドメインを持っていれば、Netlify DNSと連携することによって独自ドメインが使用可能になります。SSLも無料です。

サイトを更新する

本番公開されているサイトを更新したい場合は、「Sites」から該当のサイトに進み、サイドバーの「Deploys」をクリックします。

この画面の真ん中に「Deploys」というパネルがあるので、こちらにフォルダごとドラッグ&ドロップするだけです。
更新も簡単ですね。

share

この記事がよかったらシェアお願いします!

  • Twitter
  • Facebook
  • LINE