AI要約
WordPressでパスワード保護されたページをカスタマイズする方法を学びたいですか？
ロックされたページをカスタマイズすると、より多くの訪問者をサイトの購読者に促すことができます。さらに、サイトの他のサービスやページを宣伝するためにスペースを活用する素晴らしい方法です。
この記事では、WordPressのパスワード保護されたページをカスタマイズする手順を説明します。
WordPressでパスワード保護されたページをカスタマイズするのはいつですか？
カスタムパスワード保護ページを使用するのが良いアイデアであるさまざまなシナリオがあります。
たとえば、サイトがまだ構築中の場合、ページをパスワードでロックすると、承認されたユーザーのみがテスト目的でアクセスできるようになります。パスワード保護されたページが非常に役立つもう1つの一般的な状況は、一部のページを有料購読者のみに制限したい場合です。
デフォルトの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には、アクセス制限の設定が付属する「Coming Soon」モードがあります。これらのアクセス制限により、ページのパスワードを簡単に設定できます。
SeedProdで「Coming Soon」ページを作成するには、WordPressサイドバー内のSeedProdメニュー項目をクリックします。
次に、Coming Soonページを設定ボタンをクリックします。
ここでは、膨大な種類のテンプレートから選択できます。好きなものを選べますが、この例ではカンファレンスウェビナーページテンプレートを使用します。
テーマを選択すると、SeedProdのドラッグ＆ドロップビルダーが表示され、ページをさまざまな方法でカスタマイズできます。
ステップ3：パスワード保護ページをカスタマイズする
テンプレートを選択したら、左側のペインに表示される数十種類のブロックを使用して、パスワード保護ページをカスタマイズできます。
これらのブロックを右側にドラッグ＆ドロップするだけで、フォーム、ソーシャルメディアアイコン、プレゼントコンテストなどの新しい要素を追加できます。
ロックされたコンテンツにアクセスするためのパスワードフィールドを追加したいので、カスタムHTMLをページにドラッグ＆ドロップします。
これを行うには、検索フィールドでカスタムHTMLを検索し、このブロックをパスワード保護ページ上の希望する場所に配置します。
次に、ライブエディタのブロックをクリックして設定にアクセスします。ここで、カスタムHTMLフィールドにこのコードを貼り付けます：
seed_bypass_form msg="Enter passcode" button-txt="Login" return="https://yourwebsite.com/welcome"
注意：カスタムHTMLフィールドに貼り付ける際は、上記のコードを角括弧で囲むようにしてください。
上記のコードは標準のパスワードフィールドを作成しますが、サイトで完全に機能するようにするには、少し編集する必要があります。このコードの3つの部分の意味は次のとおりです。
- msg: このタグは、パスワードフィールド内に表示されるテキストを指定します。デフォルトでは、「パスコードを入力」に設定されています。必要に応じてこのテキストを編集できますが、必須ではありません。
- button-txt: このタグは、パスワード保護ページへのボタンに表示されるテキストを制御します。ここでも、テキストを編集できますが、必須ではありません。
- return: このタグ内で、パスワードでアクセスしたいページのURLを提供する必要があります。正しいリンクを入力してください。
この例では、コード内の値を次のようにカスタマイズしました。
seed_bypass_form msg="Enter passcode" button-txt="Access" return="https://wpforms.example.com/"
パスワード入力フィールドは、プレビューするまで表示されないことに注意してください。しかし、それを行う前に、パスワード保護を設定するために、さらにいくつかの設定を行う必要があります。
ここまでの変更を保存するために、右上にある保存ボタンをクリックしてください。
ステップ4：WordPressパスワード保護ページの設定
このステップでは、ユーザーが保護されたコンテンツに実際にアクセスするために必要なパスワードを設定します。
SeedProdページビルダーで、ページ設定タブ（左上から3番目のオプション）をクリックします。次に、左側のメニューからアクセス制御を選択します。その後、バイパスURLフィールドに、設定したい任意のパスワードを入力できます。
選択したパスワードがバイパスURLにもなることに注意することが重要です。これは、ユーザーにこのページに直接アクセスさせたい場合、単にバイパスURLを提供できることを意味します。
これでほぼ完了です！下にスクロールして「URLの含める/除外」セクションに移動し、「URLを含める」オプションをクリックします。次に、パスワードで保護したい実際のページへのリンクをここに貼り付けます。
そして今、私たちの新しいカスタムパスワード保護ページを公開して有効にする時間です！
ステップ5：パスワード保護されたWordPressページを公開する
ページをカスタマイズし、設定を好みに合わせて構成したので、公開に進むことができます。
「保存」ボタンの横にある下向き矢印をクリックしてメニューを展開し、「公開」を押します。
次に、次のメッセージがポップアップ表示されます。
次に、SeedProdダッシュボードに戻り、トグルスイッチを押して、「近日公開モード」の下のステータスが「アクティブ」になるようにします。
カスタムパスワード保護ページが公開されました！
素晴らしい！
パスワード保護されたフォームページをカスタマイズしたい場合は、以下の手順でWPFormsを使用してこれを実現する方法をご覧ください。
パスワード保護されたフォームページをカスタマイズする方法
WordPressサイトでパスワードロックされたフォームページを作成およびカスタマイズすることもできます。これは、フォームへのアクセスをログインユーザーまたはパスワードを持っているユーザーのみに制限したい場合に非常に役立ちます。
詳細については、パスワード保護されたフォームの作成方法に関するこのガイドを参照してください。
これで完了です！WordPressでパスワード保護されたページをカスタマイズする方法がわかりました。
次に、独自のWordPressテーマを作成する
思い通りのWordPressテーマを作成したいですか？幸いなことに、独自のWordPressテーマを作成するために開発者である必要はもうありません。詳細については、コードなしでWordPressテーマを作成する方法に関する詳細ガイドをご覧ください。
また、サイトへの訪問者を増やす簡単な方法を探している場合は、WordPressからプッシュ通知を送信することを検討してください。
フォームの作成準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。
もしこの記事がお役に立ったなら、WordPressの無料チュートリアルやガイドをもっと知るために、FacebookとTwitterでフォローしてください。
