ShipPress のアドレスを使って無料でサイトを公開する
初めてのサイトをインターネットに公開するのに、ホスティング会社は必要ありません。ShipPress を使えば、末尾が .workers.dev の無料アドレスにサイトの静的コピーを公開できます。サイト上のフォームから送信された内容は、あなたのメールに届きます。このチュートリアルでは、カフェのサイト「Harbor Beans」をパソコン上からインターネットへ公開し、変更の反映や、公開されたサイトでのお問い合わせフォームのテストを行う流れを紹介します。
著者:Oberon Lai。私は ShipPress(Codotx, LLC)の開発者で、これは自社の製品です。
-
パソコン上でサイトの準備をする
サイトを公開するまでは、サイトはあなたのパソコン上でのみ動いています。まずはプレビューで全体を確認してみましょう。訪問者からの問い合わせを受け付けたい場合は、Contact(お問い合わせ)ページにフォームがあることを確認してください。もしフォームがなければ、AI に次のように頼んでみましょう。
お問い合わせページに、名前、メールアドレス、メッセージ欄のあるお問い合わせフォームを追加して。
-
「公開する」をクリック
画面右上の 公開する をクリックします。初回は、ShipPress が選択肢を2つの短いステップで説明します。まず Web アドレスが必要であること、そしてサイトをオンラインに公開する方法(自分のパソコン、ShipPress の静的ホスティング、またはプロ向けのホスティング会社)です。次へ をクリックし、次に 完了 をクリックします。
-
「無料アドレス」を選択
公開ウィンドウには、無料アドレス と WordPress ホスト の2つのタブがあります。無料アドレス を選択してください。ホスティング会社を選ぶ必要はなく、末尾が .workers.dev の無料アドレスでサイトが公開され、フォームの送信内容はメールで届きます。
無料アドレスでは、サイトの静的コピーがホストされます。ネットショップ(WooCommerce)など、サーバー上で WordPress を動かし続ける必要がある機能は利用できません。そうした機能が必要な場合は、WordPress ホスト タブを使い、公開する の手順に従ってください。
-
メールアドレスでサインイン
メールアドレスを入力し、コードを送る をクリックします。ShipPress から6桁のコードがメールで届きます。そのコードを入力して サインイン をクリックしてください。パスワードはありません。サイトのフォームからのメッセージもここに届くため、普段読んでいるアドレスを使用してください。
-
無料アドレスで公開
サインインすると、ShipPress は無料アドレスで利用中のサイト数を表示します。1つのアカウントで最大5つまで作成できます。無料アドレスで公開 をクリックします。
ShipPress は全ページの静的コピーを作成し、変更されたファイルを検出してアップロードし、サイトを新しいバージョンに切り替えます。完了すると、公開されたページ数とフォームが設置されているページが表示されます。確認しておくとよいこと の下には、WordPress ダッシュボードへのリンクなど、訪問者が開けない項目が一覧表示されます。
-
公開されたサイトを開く
無料アドレス の下に表示されているアドレスをクリックすると、ブラウザでサイトが開きます。お試し バッジがついているアドレスは、検索エンジンから除外されます。本格的に公開するには、お持ちのアドレスを接続するか、サイト でドメインを購入してください。
-
変更を公開する
いつも通り ShipPress で編集を続けましょう。動画では、AI がサイト全体の営業時間を変更しています。その後、もう一度 公開する をクリックし、変更を公開 をクリックします。変更されたファイルだけがアップロードされます。
以前のバージョン にはこれまでに公開した内容が一覧表示され、現在のバージョンには印がついています。もし変更で問題が起きた場合は、以前のバージョンの横にある このバージョンに戻す をクリックしてください。
-
お問い合わせフォームをテストする
公開されたサイトで、お問い合わせフォームに入力して送信してみましょう。簡単なセキュリティチェックの後、送信完了のメッセージが表示され、サインインに使用したメールアドレスにメッセージが届きます。プラグインやメールサーバーの設定は一切不要です。
-
次のステップ
独自ドメインや WordPress ホストを利用したい場合は、公開する をご覧ください。サイトの改善を続けるには、サイトを編集する を参考にしてください。
ShipPress をまだお持ちでないですか? ShipPress をダウンロード(無料、Mac)。