WordPressでパスワードで保護されたページを作成する方法

公開: 2022-01-17
how to edit a password protected page in wordpress

コード行に触れることなく、パスワードで保護されたページを作成してカスタマイズしたいですか?

パスワードで保護されたページを使用することにより、コンテンツが作成中の場合、または特定のメンバーのみにアクセスを許可したい場合に、訪問者からコンテンツを非表示にすることができます。

パスワードで保護されたページのメッセージや画像などの要素を変更して、より魅力的なものにすることができます。 ただし、これらのページを自分でカスタマイズすることは、開発者なしでは非常に困難です。 またはそれは?

この投稿では、コードを1行も記述せずに、WordPressでパスワードで保護されたページを自分で作成および編集する方法を紹介します。

その前に、パスワードで保護されたページをカスタマイズする必要がある理由について説明します。

パスワードで保護されたページをカスタマイズする理由

WordPressは、ページや投稿をパスワードで保護する簡単な方法を提供します。 デフォルトのパスワード保護機能を使用すると、任意のページのコンテンツを保護したり、簡単なパスワードで投稿したりできます。

しかし、このページのフロントエンドビューはかなりわかりやすいです。 パスワードを入力するためのシンプルなテキストボックスと送信ボタンのみが含まれています。

wordpress password protected page

特にクライアント、メンバー、さらには自分のチームにアクセスを許可したい場合は、これはWebサイトの見栄えが良くありません。

パスワードで保護されたページをカスタマイズすることで、ユーザーにとってより魅力的なページにすることができます。 ブランドロゴやソーシャルメディアプロファイルを追加して、オンラインでの存在感を高めることもできます。

さらに、パスワードで保護されたページに有用なコンテンツを追加すると、ユーザーエクスペリエンスとSEOも向上します。 また、ユーザーがアクセシビリティの問題に直面した場合にユーザーがあなたに連絡できるように、連絡フォームを埋め込むこともできます。

そうは言っても、パスワードで保護されたページを編集して、これらのページ要素を簡単に追加する方法を学びましょう。

WordPressでパスワードで保護されたページを作成する方法

パスワードで保護されたWordPressページを作成するために開発者を雇いたくない人のために、私たちは完璧なソリューションを持っています。

ユーザーフレンドリーなWordPressプラグインの助けを借りて、パスワードで保護されたページを数ステップで簡単に作成できます。

使用するプラグインはSeedProdです。

SeedProd

SeedProdは、市場で入手可能なナンバーワンのドラッグアンドドロップランディングページビルダーです。 数分であらゆるタイプのランディングページを作成できる強力な機能が満載です。

SeedProdを使用すると、パスワードで保護されたページを作成し、コーディングなしでカスタマイズできます。 アクセス制御オプションを使用して、近日公開予定のメンテナンスモードやその他のランディングページを設定できます。 これは、このページを表示して、他のユーザーがアクセスできないようにブロックできることを選択できることを意味します。

Webサイト全体をロックして、ユーザーに表示されないようにすることもできます。

SeedProdのドラッグアンドドロップフォームビルダーを使用すると、見出し、テキスト、CTAボタン、オプチンフォーム、連絡先フォームなどの便利なコンテンツブロックを追加できます。 コーディングなしでページのデザインとレイアウトを編集することもできます。

さらに、100以上のランディングページテンプレートと、作成中、リリース前、および404ページのテンプレートを備えたテンプレートライブラリを提供します。

SeedProdのハイライトのいくつかを次に示します。

  • 完全に応答するので、パスワードで保護されたページはすべての画面サイズでうまく機能します
  • 高度な権限管理
  • 100以上の事前に設計されたテンプレート
  • Google reCAPTCHAオプションは、スパムや悪意のある攻撃からページを保護します
  • ランディングページをパーソナライズするための40のコンテンツブロック
  • Constant Contact、Aweber、ConvertKitなどのEメールマーケティングサービスとの統合

これで、SeedProdがパスワードで保護されたページを作成するための完璧なプラグインであることがわかります。 SeedProdで作成できるものの簡単なプレビューは次のとおりです。

customized password protected page

次に、SeedProdを使用してこのタイプのパスワードで保護されたページを作成およびカスタマイズする方法を以下に示します。

ステップ1:SeedProdをインストールしてアクティブ化する

まず、SeedProdアカウントにサインする必要があります。 彼らはあなたがあなたに適したものを選ぶことができるようにすべてのタイプのビジネスのために異なる価格設定プランを提供します。

サインアップすると、SeedProdダッシュボードにアクセスできるようになります。 [ダウンロード]タブに移動して、プラグインファイルとライセンスキーを見つけます。

Download SeedProd

あなたがする必要があるのはあなたのWordPressサイトにSeedProdプラグインをインストールすることです。 これについてサポートが必要な場合は、WordPressプラグインのインストール方法に関するチュートリアルを確認してください。

プラグインをインストールしてアクティブ化したら、 SeedProd»[設定]タブに移動して、ライセンスキーを入力します。

seedprod license key

次に、[キーの確認]ボタンをクリックして、「確認に成功しました」というメッセージを表示します。

これで、パスワードで保護されたページを作成し、数回クリックするだけでカスタマイズできます。

ステップ2:ランディングページを作成する

SeedProdを使用すると、販売、optin、近日公開、メンテナンスページなど、サイトのあらゆる種類のランディングページを作成できます。 次に、パスワードを使用して、特定のページ、投稿、またはWebサイト全体へのアクセスを制限するためのアクセス許可を追加できます。

WordPressメニューからSeedProd»ページに移動すると、近日公開のページ、メンテナンスページ、404ページ、ログインページを設定するためのオプションが表示されます。

ここでは、パスワードで保護されたページでWebサイト全体をロックできるため、近日公開モードを選択します。 以下の手順は同じままなので、ここで他のオプションを自由に調べてください。

開始するには、[近日公開ページの設定]ボタンをクリックして、サイトのパスワードで保護されたページをカスタマイズします。

次のウィンドウで、間もなくパスワードで保護されるページのテンプレートを選択する必要があります。

SeedProdは、始めるのに役立つ多くの美しくデザインされたテンプレートを提供します。 フィルタまたは検索ボタンを使用して、要件に合ったテンプレートを見つけることができます。

この例では、 PatternComingSoonテンプレートを使用しています。

seedprod templates

テンプレートをプレビューするには、テンプレートにカーソルを合わせて虫眼鏡アイコンをクリックする必要があります。 パスワードで保護されたページにそのテンプレートを使用する場合は、チェックマークアイコンをクリックします。

choose a template for password protected page

次に、パスワードで保護された近日公開のテンプレートをカスタマイズする方法を説明します。

ステップ3:パスワードで保護されたページをカスタマイズする

選択したテンプレートを選択すると、SeedProdのドラッグアンドドロップページビルダーが自動的に起動します。 ここでは、ページの左側にすべてのコンテンツブロックが表示され、右側にページプレビューが表示されます。

seedprod page builder

見出し、テキスト、画像、リスト、ボタンなど、コンテンツをパーソナライズするために必要なすべてのページ要素が見つかります。

さらに、SeedProdを使用すると、次のような変換率の高い要素を挿入できます。

  • 与える
  • オプトインフォーム
  • お客様の声
  • 星評価
  • 社会的プロフィール
  • 秒読み
  • などなど

テンプレートには、見出し、コンテンツテキスト、オプチンフォームなどのページ要素がすでに含まれています。 好みに応じて、任意のブロックを編集または削除できます。

新しいコンテンツブロックを追加するには、ページビルダーの右側にあるライブプレビューにドラッグアンドドロップするだけです。 パスワードで保護されたページに[お問い合わせ]ボタンを追加します。

seedprod drag and drop builder

ブロックの内容と設定を編集するには、ボタンをクリックするだけで、ラベルの編集、リンクの追加、ボタンのスタイルの変更を行うためのオプションが表示されます。

このように、任意のページ要素を簡単にカスタマイズして、必要に応じて独自のコンテンツを追加できます。

パスワードで保護されたページを作成しているので、Webサイトのユーザーをガイドするためにカスタマイズされたメッセージを追加します。

必要に応じて、ソーシャルプロファイルや連絡フォームなどのページ要素を追加して、パスワードで保護されたページをより魅力的にすることができます。

次に、パスワードフォームを追加して、秘密のパスワードを使用してWebサイトコンテンツへのアクセスを制限します。

ステップ4:パスワード保護を追加する

SeedProdは、コンテンツをパスワードで保護するために追加できる単純なショートコード[seed_bypass_form]を提供します。

このショートコードは、ページのフロントエンドにパスワード送信フォームを追加します。 このコードは、高度なブロックセクションのカスタムHTMLブロックを使用して挿入できます。

custom html block

他のコンテンツブロックと同様に、ショートコードを挿入するには、ページプレビューのHTMLブロックをクリックする必要があります。

add password protected page form

カスタマイズが完了したら、ページビルダーの右上にある[保存]ボタンを押すことを忘れないでください。

ステップ5:アクセス制御を設定する

パスワード要素をフロントエンドでスムーズに機能させるには、パスワードも設定する必要があります。 これを行うには、ページビルダーの[ページ設定]»[アクセス制御]タブをクリックします。

ここには、ユーザーの権限とアクセスを制御するためのオプションの詳細オプションが表示されます。

まず、デフォルトでは、SeedProdは、ログイン、管理者、ダッシュボード、アカウントなどの特定のURLをサイトから除外します。 これにより、サイト所有者としてのあなたが自分のサイトから締め出されることがなくなります。 オフにすることもできますが、このオプションはそのままにしておくことをお勧めします。

次に、毎回新しいWordPressユーザーを作成する代わりに、Cookieを使用してユーザーを識別することを選択できます。 今のところ、このオプションは必要ありません。

次のフィールドのバイパスURLは、前の手順で作成したフォームのパスワードを設定するために使用する必要があるフィールドです。

フィールドスペースで、秘密鍵を入力する必要があります。 これは、制限されたコンテンツにアクセスするためにユーザーが入力できるパスワードとして機能します。

access control password

クライアントやチームにとってより簡単にしたい場合は、バイパスURL全体を提供することもできます。 これにより、近日公開のページにアクセスしてパスワードを入力しなくても、サイトに直接アクセスできるようになります。

また、ユーザーが保護されたコンテンツにアクセスするための時間制限を設定できます。 期限が切れた後、ユーザーはパスワードを再入力する必要があります。

次に、SeedProdを使用すると、ユーザーのIPアドレスまたは役割によってパスワードで保護されたページへのアクセスを許可できます。

デフォルトでは、パスワードで保護されたページがWebサイト全体に表示されます。 これを変更して、必要に応じて選択したページにページを表示できます。

このためには、 [URLを含める/除外する]設定まで下にスクロールして、[URLを含める]オプションを選択する必要があります。 次に、パスワードで制限するページまたは投稿にURLを追加できます。

include url for page

アクセス制御の設定が完了したら、進行状況を失わないように[保存]ボタンをクリックします。

ステップ6:メールマーケティングプロバイダーに接続する

パスワードで保護されたページをサイトに公開する前に、もう1つ行う必要があります。

ページにオプトインまたはサインアップフォームを追加すると、お気に入りのメールマーケティングサービスに接続して、自動メールをユーザーに送信できます。

SeedProdは、Constant Contact、AWeber、ConvertKit、Dripなどの人気のあるすべてのEメールマーケティングプロバイダーとの統合を提供します。

これを行うには、ページビルダーの[接続]タブに移動し、メールマーケティングプロバイダーを選択します。

email-integration-seedprod

メールサービスアカウントに接続するには、[新しいアカウントに接続]ボタンをクリックして、画面の指示に従います。

connect-email-integration-seedprod

これらのサービスのほとんどでは、接続を確立するためにAPIキーを入力する必要があります。 あなたはあなたの電子メールアカウントからあなたの鍵を得ることができます。

これで、ユーザーにメーリングリストに登録して、パスワードを使用してオートレスポンダーのメールを送信させることができます。 これにより、サインアップ後に保護されたコンテンツにアクセスできます。

最後に設定を保存してください。

ステップ7:パスワードで保護されたページを公開する

あなたが今する必要があるのはあなたのパスワードで保護されたページを公開し、あなたのウェブサイトで近日公開モードをアクティブにすることです。

ページビルダーの右上隅に、[保存]ボタンの横にあるドロップダウンメニューが表示されます。 [公開]ボタンをクリックするだけで、サイトにページが表示されます。

publish page password protected

これを行うと、ページが正常に公開されたことを通知するポップアップウィンドウが表示されます。

page is published

次に、管理パネルに戻り、[ SeedProd ]タブをクリックします。

ここで、 ComingSoonModeをアクティブにする必要があります。 管理パネルの[SeedProd]タブで、ワンクリックで近日公開のページを有効にできます。

enable coming soon mode

これにより、コーディングや開発者の支援なしに、パスワードで保護されたページを正常に作成およびカスタマイズできました。 ページをプレビューして、フロントエンドでどのように表示されるかを確認できます。

SeedProdを使用すると、数回クリックするだけで、サイトの任意のタイプのページを作成できます。 使い方はとても簡単なので、初心者でもパスワードで保護されたページやその他のランディングページを簡単にカスタマイズできます。

SeedProdは、より多くのリードを生成するのに役立つ強力な機能を多数提供するランディングページビルダーです。 見事なリードスクイーズページを作成して、訪問者の注意を引き、サインアップさせることができます。

プレミアムブログコンテンツをロックしてユーザーにサブスクライブさせる場合は、OptinMonsterを試してみてください。 これは、ポップアップ、バナー、ウェルカムマットなどの魅力的なマーケティングキャンペーンを作成できる、WordPress用の最高のリード生成プラグインです。

このツールを使用すると、視聴者にコンテンツの概要を見せたり、コンテンツにアクセスするためのアカウントにサインアップできるインラインフォームを追加したりできます。

content locking, optinmonster

OptinMonsterには、場所、デバイス、ユーザーの関心などに基づいてオファーを表示するための強力なターゲティングおよびリターゲティングルールも付属しています。 これにより、すべてのキャンペーンが、カスタマージャーニーの適切なタイミングで適切なユーザーに表示されるようになります。

それが今日のすべてです! このチュートリアルが、パスワードで保護されたページを問題なく編集する方法を学ぶのに役立つことを願っています。

サイトとコンテンツの保護について詳しく知りたい場合は、次の投稿を確認してください。

  • パスワードで保護された投稿を検索結果に含める方法
  • 重複したコンテンツからWordPressサイトを保護する方法
  • セキュリティと保護のための最高のWordPressファイアウォールプラグイン

これらの投稿は、重複コンテンツからWebサイトを保護し、パスワードで保護された投稿を検索結果に含めるのに役立ちます。 最後の1つは、WordPressサイトでの悪意のある攻撃やスパムを防ぐのに役立ちます。