- Web制作
WordPressで特定ページだけID / パスワードでログイン制限をかける方法【プラグイン配布】
WordPressで「特定ページだけパスワード保護したい」
「ログイン制限をかけたい」
そんなときに、
・会員機能を入れるほどでもない
・共通IDでシンプルに管理したい
・管理画面からID / パスワードを変更できるようにしたい
というケース、意外と多いと思います。
この記事では、
WordPressで「共通ID / パスワードでログインした人だけ見れるページ」を作る方法と、
そのためのプラグインを無料配布します。
できること
- 特定の固定ページを保護
- 共通ID / パスワードでログイン
- ID / パスワードは管理画面から変更可能
- ログイン後は指定ページへ遷移
- デザインは自由にカスタマイズ可能
デモイメージ
ダウンロード
以下からプラグインをダウンロードしてください。
インストール方法
- 1. ZIPをダウンロード
- 2. WordPress管理画面 → プラグイン → 新規追加 → アップロード
- 3. ZIPをアップロードして有効化
使い方
ログインページを作成
固定ページを作成し、本文に以下を記述。
[shared_page_login_form]
管理画面で設定
プラグインを有効化すると管理画面のメニューに「共通ログイン設定」の項目が追加されます。
共通ログイン設定 → 以下を入力
・ログインページID
ログインフォームを表示する固定ページID（[shared_page_login_form]を記述したページ）
・ログイン後遷移ページID
ログイン成功後に表示する固定ページID
・保護するページID
遷移後のページを含む保護するページが複数ページあればカンマ区切りで入力（配下の子ページ等）
・共通ログインID / 共通パスワード
完成
未ログイン → ログインページへ
ログイン成功 → 指定ページへ遷移
デザインカスタマイズ
.spl-login-form-wrap {
max-width: 500px;
margin: 0 auto;
text-align: left;
}
.spl-login-form-wrap .spl-form-row {
margin-bottom: 30px;
}
.spl-login-form-wrap .spl-form-row label {
display: block;
width: 100%;
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
}
.spl-login-form-wrap .spl-form-row input {
border: 1px solid #cccccc;
display: block;
width: 100%;
padding: 10px;
}
.spl-login-form-wrap .spl-form-row.submit {
margin-top: 60px;
text-align: center;
}
.spl-login-form-wrap .spl-form-row.submit input,
.spl-login-form-wrap .spl-form-row.submit button {
background: #c1272d;
color: #fff;
font-size: 21px;
width: 254px;
height: 70px;
transition: all 0.3s ease 0s;
}
.spl-login-form-wrap .spl-form-row.submit input:hover,
.spl-login-form-wrap .spl-form-row.submit button:hover {
opacity: 0.7;
}
見た目はcssで自由に調整できます。
注意点（重要）
※このプラグインは「簡易的なアクセス制限」です
・ユーザーごとの管理はできません
・アクセスログは取れません
・ファイルURLの直アクセスは防げません
本格的な会員サイトには向きませんが、
「限定公開ページ」用途には最適です。
まとめ
WordPressには標準で「パスワード保護」機能がありますが、共通IDでログインさせるような使い方には向いていません。
そのため、
「会員機能なしでログイン制限をかけたい」
という場合は、今回のような仕組みがちょうど良いです。
名古屋の Web 制作会社で 9 年半働いた後フリーランスに。中小企業のWEBサイト制作実績 120 サイト以上。ディレクション、デザイン、コーディング、WordPress 構築まで手掛けます。Web制作に関わる情報やワーケーション日記などを執筆しています。
