LikePay Academyが「スーパーサイトAcademy」に変わります。詳しくはこちらです。

サイトとページのパスワード

パスワードを使用してコンテンツへのアクセスを制限し、特定のページ、コレクション、またはウェブサイト全体にアクセスできる人を制御します。

この投稿は公式のWebflow Universityを元に作成しました。翻訳したテキストと画像は引用元のものを使用する場合があります。引用元はこちらです。

時には、ウェブコンテンツをウェブサーファーから隠したいことがあります。これはコンテンツを公開しないか、ページを下書きとして保存することで行うことができます。しかし、コンテンツを特定の人々と共有したい場合、それをパスワードで保護することができます。

Webflowでサイトをホスティングしている場合、サイト全体またはサイト内の特定のページを保護することができます。また、パスワードで保護されたページにアクセスしようとしたサイト訪問者に表示されるパスワードページのデザインをカスタマイズすることもできます。

このレッスンで学ぶこと

個々のページにパスワードを設定する方法

各サイトページに固有のパスワードを設定できます。これは、クライアントや特定の対象(内部文書、機密クライアントプロトタイプなど)と共有するためにページにパスワードを設定したい場合に役立ちます。非公開で共有する必要のないページは、下書きとして保存することもできます。

ページにパスワードを設定する

ページレベルのパスワードを設定するには:

  1. デザイナー内のPages panelを開きます。
  2. パスワードを設定したいページの右側にある設定の「歯車」をクリックします。
  3. Generalセクションで「Password protection」を「オン」に切り替えます。
  4. パスワードを設定します。
  5. Saveをクリックします。
  6. サイトを公開します。
注:ページやフォルダのパスワード保護を解除するには、サイトプランを追加する必要があります。

デザイナーでページをパスワードで保護します。

フォルダ内のすべてのページにパスワードを設定する方法

複数のページの内容を一度に非表示にするには、各ページにパスワードを設定するか、ページをフォルダに追加して、そのフォルダ全体にパスワードを設定できます。

各フォルダには、すべてのページに固有のパスワードと同様に、独自のパスワードを設定できます。フォルダレベルのパスワードを設定すると、以前にページやそのフォルダ内に設定されたパスワードは上書きされます。子ページとフォルダは親フォルダのパスワードを継承します。

フォルダにパスワードを設定する

デザイナーでフォルダレベルのパスワードを設定するには、フォルダの設定でPassword protectionを有効にします。そのフォルダ内のすべてのページに適用される固有のパスワードを入力します。その後、サイトを公開します。

コレクション内のすべてのページにパスワード保護を設定する方法

また、コレクション内のテンプレートページにもパスワード保護を設定できます。これにより、そのコレクションの自動生成ページがアクセスされたときに、すべてのページでパスワードページが表示されます。これにより、デザイン中のコレクションのページを非表示にすることができます。

コレクションのページにパスワードを設定する

コレクションのページにパスワードを設定するには:

  1. Designer内のPages panelを開きます。
  2. パスワードを設定したいコレクションのテンプレートページの右にある設定の「歯車アイコン」をクリックします。
  3. Generalセクションで「Password protection」を「オン」に切り替えます。
  4. ユニークなパスワードを設定します。
  5. Saveをクリックします。
  6. サイトを公開します。

ウェブサイト全体にパスワードを設定する方法

未完成の作業中のサイトをテストやプライベートデモのために公開したい場合、すべてのドメインにパスワードを要求することで、誰がサイトにアクセスできるかを制御できます。これは、テストまたはプライベートデモ用にサイトを公開したい場合に役立ちます。

サイトのパスワード保護は、有料のサイトプラン(Basic、CMS、Business、Ecommerce)を持つすべてのサイトで利用できます。サイトのパスワード保護は、有料のワークスペースプラン(Core、Growth、Enterprise)を持つすべてのサイト(無料および有料)でも利用できます。

注意: サイトのパスワード保護は、無料のワークスペース内の無料のホストされていないサイトでは利用できません。
  1. Site settings > General tab > Website passwordに移動します。
  2. パスワード保護を「オン」に切り替えます。
  3. ユニークなパスワードを設定します。
  4. Set passwordをクリックします。
  5. サイトを公開します。
重要: サイト全体にパスワードを設定すると、そのサイト内のページやフォルダに設定されたパスワードが上書きされます。サイト設定でサイトのパスワードを削除しない限り、ページやフォルダに新しいパスワードを設定することはできません。

ページ、フォルダ、またはサイトのパスワードを削除する方法

以前に個々のサイトページ、フォルダ、コレクションテンプレートページ、またはサイト全体に設定したパスワードを削除することができます。

個別のサイトページ、フォルダ、またはコレクションテンプレートページからパスワードを削除するには:

  1. デザイナー内でPages panelを開きます。
  2. パスワードを以前に設定した個々のページ、フォルダ、またはコレクションテンプレートページの横にある歯車アイコンをクリックします。
  3. Access control  > Restrict accessに移動します。
  4. Restrict accessを「Public」に設定します。
  5. Saveをクリックします。
  6. サイトをPublishします。

サイト全体からパスワードを削除するには:

  1. Site settings > General tab > Website passwordに移動します。
  2. パスワード保護を「オフ」に切り替えます。
  3. サイトを公開します。

ページ、フォルダ、またはサイトのパスワードを削除する方法

パスワードで保護されたURLにつまずいたサイト訪問者は、パスワードページにリダイレクトされます。パスワードで保護されたページに進む前に、設定したパスワードを入力する必要があります。

パスワードページにアクセスする

デザイナーでパスワードページのデザインをカスタマイズできます。このページには、 Pages panel > Utility pages > Password page からアクセスできます。

パスワードページのカスタマイズとスタイル

デフォルトでは、パスワードページには中央に配置された要素セットが含まれており、これを自分の好みに合わせてカスタマイズできます。パスワードページのデフォルトの要素は、入力フォームと送信ボタンを除いて、すべて削除および編集できます。また、ページに新しい要素を追加し、それらを自分の好みに合わせてスタイルすることもできます。

さらに、サイトの訪問者が間違ったパスワードを入力した場合に表示されるエラーメッセージを編集してスタイルすることもできます。エラーメッセージを編集するには:

  1. Pages panel > Utility pages > Password pageに移動します。
  2. キャンバス上でUtility page form element を選択します。
  3. Element settings > Form settingsに移動します。
  4. "Wrong password" ステートを選択します。
  5. キャンバス上のテキストブロックに新しいエラーメッセージを入力します。

目次

あなたもNoCodeのプロに

充実したサポートであなたも、最短3ヶ月間でノーコードWeb制作のプロになれます。

  • 300以上のノーコード動画教材

  • チャットサポート

  • 個別ビデオ通話相談