デザイナー機能でもエディター機能でも、サイトを公開すると、ファイルやサーバーの管理、バージョンの上書きといった面倒な作業をすることなく、すべての変更が即座にウェブに反映されます。

このレッスンでは、次のことを学びます。

  1. サイトを公開する方法
  2. 個々のコレクションアイテムを公開する方法
  3. サイトの公開を解除する方法
  4. ウェブフローステージングサブドメインをテストとフィードバックのために使用する方法
  5. 高度なパブリッシングオプション

1. サイトの公開方法

デザイナー機能、エディター機能、またはサイトセッティングから、すべてのサイトの変更と更新を公開することができます。

デザイナー機能またはサイトセッティングからの公開

  1. [公開]をクリックします。
  2. 公開先のドメインにチェックを入れます。
  3. [選択したドメインに公開する]をクリックします。
The publish modal window includes two publish destinations with a check box for each, an advanced options button, a close button and a publish to selected domains button.
After clicking on the blue publish button a modal window has appeared with two publish destinations with a check box each, a blue publish to selected domains button and a cancel button.

2. エディター機能からの公開

エディター機能で行った変更を公開すると、デザイナー機能で行った変更もウェブにプッシュされます。

エディター機能からサイト全体を公開するには

  1. パブリッシュをクリックすると、変更内容の概要が表示されます。
  2. [変更を公開]をクリックすると、すべての変更と更新が公開されます。
The publish preview includes three changes that have been made through the Editor, a cancel button and a Publish 3 changes button.

2. コレクションアイテムを個別に公開する方法

サイト全体を公開せずに 1 つのコレクション アイテムを公開または更新する場合は、アイテムの作成、編集、または保存後に [公開] を選択します。

The save button has been clicked and a modal window (highlighted) includes a Publish, save as draft, and schedule options. There is also a notice saying "Publish the item to your live site."

3. サイトの公開を解除する方法

デザイナーまたはサイト設定から、一部または全部のドメインからサイトの公開を解除することができます。公開を解除するとすぐに動作しますが、ドメインをチェックして再度公開することで、いつでも再公開できます。

すべてのドメインとサブドメインからサイトの公開をすばやく解除するには、サイト設定の［公開解除］アイコンをクリックします。

The toolbar in the project settings includes icons for transfer, delete, duplicate and unpublish (highlighted). To the right of the icons are buttons for share, designer, editor and publish.

1つのドメインからサイトの公開を解除するには

  1. デザイナー機能でサイトを開くか、サイト設定(Site settings)に移動します。
  2. [公開]をクリックします。
  3. サイトの公開を解除するドメインの横にある[公開解除]をクリックします。
The publish modal window in the Designer includes a Unpublish button (highighted) under the domain address.
The Publish modal window includes a Unpublish button (highlighted) under the domain address and next to the time stamp of when it was published.

4.ウェブフローのサブドメインをテストやフィードバックに使用する方法

カスタムコードのテストやサイトデザインのフィードバックや承認を得るために、Webflow staging subdomain (例: yoursite.webflow.io) にサイトを公開することができます - その際、カスタムドメインに変更を反映させる必要はありません。

カスタムドメインに公開せずにステージングサブドメインに公開するには

  1. デザイナー機能でサイトを開くか、［サイト設定］に進みます。
  2. [公開]をクリックします。
  3. Webflow staging subdomain（例：yoursite.webflow.io）をチェックします。
  4. カスタムドメインのチェックを外す
  5. Publish(公開)をクリックしてドメインを選択します。
重要：エディタから公開する場合、サイトはwebflow.ioステージングサブドメインとカスタムドメイン（複数可）の両方に公開されます。

サブドメインは、[サイト設定] > [一般]タブで指定することができます。

The subdomain input field is highlighted in the General settings section of the Project Settings page. The subdomain is filled out with the address awesomeportfolio3000.webflow.io

5. 高度なパブリッシングオプション

高度なパブリッシングオプションは、Designerのパブリッシングドロップダウン、またはSite settings > Publishing tab > Advanced publishing optionsにあります。

これらのオプションにより、SSLの有効化／無効化、HTML、CSS、JSの最小化、セキュアフレームヘッダーの使用を選択し、サイトの埋め込み場所を制限することができます。

Advanced publishing options include the option to enable SSL, minify HTML, CSS, and JS, and use secure frame headers.

‍