WordPressでパスワードで保護されたページをカスタマイズする方法を知りたいですか？
ロックされたページをカスタマイズすることで、より多くの訪問者にあなたのサイトの購読者になってもらうことができます。さらに、あなたのサイトの他のサービスやページを宣伝するためにスペースを活用する素晴らしい方法です。
この記事では、WordPressのパスワードで保護されたページをカスタマイズする手順を説明します。
WordPressでパスワード保護されたページをカスタマイズするタイミングとは？
パスワードで保護されたカスタムページを使用することが良いアイデアである様々なシナリオがあります。
例えば、あなたのサイトがまだ建設中である場合、パスワードでページをロックすることで、許可された人だけがテスト目的でアクセスできるようになります。パスワードで保護されたページが本当に便利なもう一つの一般的な状況は、あなたのページの一部を有料購読者のみに制限したい場合です。
デフォルトのWordPressパスワードロックページは、パスワードフィールドがあり、WordPressテーマに基づいたデザインを持つ非常に基本的なデザインを持っています。これが標準的なWordPressのパスワードロックされたページの外観です：
残念ながら、WordPressのデフォルトエディターを使ってカスタムボタン、ウィジェット、フォームなどの要素を追加するのは簡単ではありません。
しかし、これをかなり簡単にするために、SeedProdと呼ばれるWordPress用の特別なプラグインを使用します。WordPressのための最高のページビルダー・プラグインであるSeedProdは、コードを一切必要とせずに、超素敵に見えるパスワードロックされたページを作成することができる！
SeedProdでパスワードで保護されたWordPressページをカスタマイズする方法
WordPressでパスワードで保護されたページをカスタマイズするには、以下の手順に従うだけです：
- ステップ1：SeedProdのインストール
- ステップ2：カミングスーンページの作成
- ステップ3：パスワードで保護されたページをカスタマイズする
- ステップ4：WordPressパスワード保護ページ設定
- ステップ5：パスワードで保護されたWordPressページを公開する
始めよう。
ステップ1：SeedProdのインストール
SeedProdはWordPressのためのドラッグ＆ドロップのランディングページビルダーです。ページのカスタマイズが非常に簡単にできるテンプレートが組み込まれています。
それでは、プラグインをインストールするところから始めましょう。インストールが完了したら、ライセンスキーをコピーしてください。SeedProdアカウントのライセンスキーは、SeedProdのダッシュボードに行き、ダウンロードタブをクリックすることで見つけることができます。次に、下にスクロールしてライセンスキーのフィールドを見つけ、それをコピーします。
WordPressの管理ダッシュボードを開き、SeedProdに アクセスしてください。 "設定. ここで、ライセンスキーを入力し、検証ボタンをクリックします。
素晴らしい！SeedProd Proがあなたのサイトでアクティブになった今、あなたはあらゆる種類のエキサイティングなカスタマイズを行うことができます。
ステップ2：カミングスーンページの作成
SeedProdには、アクセス制限の設定が可能なカミングスーンモードがあります。このアクセス制限を使えば、簡単にページにパスワードを設定することができます。
SeedProdで近日公開ページを作成するには、WordPressのサイドバーにあるSeedProdメニューをクリックしてください。
では、「Set up a Coming Soon Page」ボタンをクリックしてください。
ここでは、多種多様なテンプレートから選ぶことができます。お好きなものをお選びいただけますが、この例では「カンファレンス・ウェビナー・ページ」のテンプレートを使用します。
テーマを選択した後、SeedProdドラッグ＆ドロップビルダーが表示され、あらゆる方法でページをカスタマイズすることができます。
ステップ3：パスワードで保護されたページをカスタマイズする
テンプレートを選択したら、左側のペインに表示されている数十種類のブロックを使って、パスワードで保護されたページをカスタマイズできます。
これらのブロックを右側にドラッグ＆ドロップするだけで、フォーム、ソーシャルメディアアイコン、プレゼントコンテストなどの新しい要素を追加できます。
ロックされたコンテンツにアクセスするためのパスワード・フィールドを追加したいので、カスタムHTMLをページにドラッグ・アンド・ドロップします。
これを行うには、検索フィールドでカスタムHTMLを検索し、パスワードで保護されたページの希望の場所にこのブロックを配置するだけです。
次に、ライブエディター上でブロックをクリックし、その設定にアクセスします。ここで、カスタムHTMLフィールドに次のコードを貼り付けます：
seed_bypass_form msg="パスコードを入力してください" button-txt="Login" return="https://yourwebsite.com/welcome"
注：カスタムHTMLフィールドに貼り付ける際は、上記のコードを必ず角括弧で囲んでください。
上のコードは標準的なパスワード・フィールドを作成するものですが、あなたのサイトで完璧に機能させるためには、少し編集する必要があります。このコードの3つの部分のそれぞれの意味は以下の通りです：
- msg: このタグは、パスワード・フィールドに表示されるテキストを指定します。デフォルトでは "Enter passcode "に設定されています。このテキストは編集することができますが、その必要はありません。
- button-txt： このタグは、パスワードで保護されたページにつながるボタンに表示されるテキストを制御します。このテキストも編集できますが、必須ではありません。
- を返します： このタグの中に、ユーザーにパスワードを使ってアクセスしてもらいたいページのURLを入力する必要があります。必ず正しいリンクを入力してください。
この例では、コード内の値を次のようにカスタマイズしている：
seed_bypass_form msg="パスコードを入力" button-txt="アクセス" return="https://wpforms.example.com/"
プレビューするまでパスワード入力フィールドが表示されないことに注意してください。しかしその前に、パスワード保護を設定するために、さらにいくつかの設定を行う必要があります。
右上のSaveボタンをクリックして、ここまでの変更を保存してください。
ステップ4：WordPressパスワード保護ページ設定
このステップでは、ユーザーが実際に保護されたコンテンツにアクセスするために必要なパスワードを設定します。
SeedProdページビルダーで、ページ設定タブ（左上から3番目のオプション）をクリックします。次に、左側のメニューからアクセスコントロールを選択します。次に、バイパスURLフィールドに、設定したいパスワードを入力します。
重要なのは、あなたが選んだパスワードが、あなたのバイパスURLにもなるということです。つまり、ユーザーにこのページに直接アクセスしてもらいたい場合は、バイパスURLを教えるだけでいいということです。
もう少しです！Include/ExcludeURLsセクションまでスクロールダウンし、Include URLsオプションをクリックします。そして、パスワードで隠したい実際のページへのリンクをここに貼り付けます。
そして今、新しいパスワードで保護されたカスタムページを公開し、有効化する時が来た！
ステップ5：パスワードで保護されたWordPressページを公開する
ページをカスタマイズし、好みの設定にすることができたので、次はそれを公開しよう。
保存」ボタンの隣にある下向きの矢印をクリックしてメニューを展開し、「公開」を押します。
すると、次のようなメッセージがポップアップ表示されます。
SeedProdのダッシュボードに戻り、トグルスイッチを押して、Coming Soon Modeの下にActiveと表示されるようにします。
パスワードで保護されたカスタムページが公開されました！
素晴らしい！
パスワードで保護されたフォームページをカスタマイズしたい場合は、WPFormsを使用した以下の手順を参照してください。
パスワードで保護されたフォームページをカスタマイズする方法
WordPressサイトにパスワードロックされたフォームページを作成し、カスタマイズすることもできます。これはログインしているユーザーやパスワードを持っているユーザーのみにフォームへのアクセスを制限したい場合にとても便利です。
詳しくは、パスワードで保護されたフォームの作り方をご覧ください。
これで完成だ！これで、WordPressでパスワードで保護されたページをカスタマイズする方法がわかりました。
次に、独自のWordPressテーマを作成する
思い通りのWordPressテーマを作りたいですか？ありがたいことに、開発者でなくてもWordPressテーマを作ることができます。詳しくは、コードなしでWordPressテーマを作成する詳細ガイドをご覧ください。
また、サイトへの訪問者を増やす簡単な方法をお探しなら、WordPressからプッシュ通知を送信することもできます。
フォームを作る準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
