Menu
カテゴリー

WordPressのログイン画面にプラグインなしでBasic認証を設定

SWELLの購入やWordPressへのインストールがまだの方は以下の記事を参考に導入できます。

こちらの記事で完了すること

  • 購入
  • 会員登録
  • Discordコミュニティ登録
  • WordPressへのインストール(親テーマと子テーマ)
  • ユーザー認証
  • 使わないテーマの削除

では、本題に入ります。

WordPressのセキュリティ対策としてログイン画面にプラグインなしでBasic認証を設定する方法を教えてほしいです。

こういった悩みにお答えます。

先にお伝えしておきます。

Basic認証の設定に必要となる「.htpasswd」の作成・編集や「.htaccess」の編集は全てエックスサーバーのファイルマネージャから行っています。

しかし、以下のFTPソフトを使うことで同じことはできますので参考までに下記に記事を貼っておきます。

あわせて読みたい
【FTPソフト】「FileZilla」の使い方を初心者向けに解説 【FTPソフト】FileZillaの使い方を知りたいですか?本記事では、FTPとは?からFileZillaのダウンロード方法、FileZillaの使い方(アップロード・ダウンロード)、FileZillaを起動してサーバーに接続する度に発生するパスワードを入力する手間の解決方法、ファイルを編集するテキストエディタの設定方法まで解説しています。【FTPソフト】FileZillaの使い方を知りたい方は非是ご覧ください。

本記事で解決できること

  • Basic認証に必要な「ユーザー名」と「パスワード」を生成するツールが手に入る。
  • Basic認証の設定に必要な「.htpasswd」の作成方法、またそのファイル内に書き込むハッシュ化パスワードを生成するツールが手に入る。
  • Basic認証の設定に必要なコードおよびそのコードを「.htaccess」に書き込む場所が分かる。

是非、最後までご覧ください。

目次

WordPressのログイン画面にBasic認証を設定するために必要な「.htpasswd」を用意します。

Basic認証に必要な「ユーザー名」と「パスワード」を決めます。

普通はアドレスバーに「サイトドメイン/wp-login.php」と入力すると下記のログイン画面に移動します。

しかし、Basic認証を設定することで、下記の画面が表示されます。

ここで「ユーザー名」と「パスワード」を入力することでログイン画面に移れます。

そのために必要となる「ユーザー名」と「パスワード」を用意します。

僕は下記のパスワード生成を使用しました。 ※使い慣れたツールがあればそちらでも構いません。

パスワード生成

ラッコツールズ
パスワード生成 | ラッコツールズ 安全で強力なランダムパスワードを生成できる無料ツール。文字数はプリセットボタンや数値入力で指定でき、大文字・小文字・数字・記号の組み合わせや使用する記号も自由に...

下記画像を「ユーザー名」と「パスワード」を決める参考にお役立て下さい。

ユーザー名

パスワード

「ユーザー名」と「パスワード」を忘れるとBasic認証を解除できなくなりますので忘れないようにしましょう!

次に「.htpasswd」に必要なハッシュ化パスワードを作成します。

僕は、下記の「htpasswd 作成」を使用しました。 ※こちらも使い慣れたツールがあればそちらで構いません。

「htpasswd 作成」にアクセスします。

ラッコツールズ
htpasswd作成 | ラッコツールズ Basic認証で使う.htpasswd用のハッシュ化パスワードを生成できる無料ツール。bcryptやMD5(APR1)、SHA-1、cryptの各方式に対応し、ユーザー名とパスワードを入力するだけ...

ハッシュ化パスワードの生成手順です。

  • 手順①:ユーザー名1に生成した「ユーザー名」を入力します。
  • 手順②:パスワード1に生成した「パスワード」を入力します。
  • 手順③:「生成する」をクリックします。
  • 手順④:「ハッシュ化パスワード」が生成されます。 ※この後で作成する「.htpasswd」ファイルにコピペしますので画面は閉じずにしておきます。

「.htpasswd」を作成してハッシュ化パスワードをコピペします。

エックスサーバーの公式サイトにアクセスします。

レンタルサーバー 高速・高機能・...
レンタルサーバー 高速・高機能・高安定性の【エックスサーバー】 高速かつ高い安定性を誇る高性能レンタルサーバー【エックスサーバー】稼働率99.99%以上の高い安定性で、業界トップクラスの高コストパフォーマンスを誇る高品質レンタル...

トップページから、「ログイン」>「ファイルマネージャ」を選択します。

ファイルマネージャにログインします。

ファイルマネージャにログインしました。

ここから「wp-login.php」ファイルがある場所まで移動します。

「(Basc認証を設定したい)サイトドメイン」>「public_html」と移動します。

「wp-login.php」がある「public_html」フォルダまで移動しました。

ここに「.htpasswd」を作成して、ファイル内に先ほど生成したハッシュ化パスワードをコピペします。

「.htpasswd」を用意します。

  • 手順①:「新規ファイル」>「.htpasswd」を作成します。
  • 手順②:「.htpasswd」>「編集」を選択します。

「.htpasswd」の編集画面が表示されています。

ここに先ほど生成したハッシュ化パスワードをコピペして「更新」をクリックします。

これで「.htpasswd」が用意できました。

WordPressのログイン画面にBasic認証を設定するために「.htaccess」を編集します。

「.htaccess」>「編集」を選択します。

※「.htaccess」は「.htpasswd」と同じ場所にあります。

「.htaccess」を開きます。

「.htaccess」が開きました。

コードを追記します。

※追記する場所は最上下部か、常時SSL化コードを最上部に記載している場合はその下からが良いと思います。

下記のコードをコピペ用として置いておきますので必要な方はお使い下さい。


<Files wp-login.php>
AuthUserfile /ルートディレクトリからのフルパスを入力/.htpasswd
AuthGroupfile /dev/null
AuthName "Please enter your ID and password"
AuthType Basic
require valid-user
</Files>

ルートディレクトリからのフルパスを入力します。

「ルートディレクトリからのフルパスを入力」と記載している部分にルートディレクトリからのフルパスを追記します。

ルートディレクトリからのフルパスの調べ方を紹介します。

手順
ルートディレクトリからのフルパスを調べるためのファイルを用意します。

※「.htpasswd」と同じ場所に用意します。

  • 手順①:「新規ファイル」>「full-path.php」を作成します。 ※お好きなファイル名でOK
  • 手順②:「full-path.php」>「編集」を選択します。
手順
「full-path.php」にコードを書きます。

下記をコピペ用に置いておきますので必要な方はお使い下さい。


<?php
echo __FILE__;
?>
手順
アドレスバーにURLを入力します。

入力するURLは、サイトドメイン/full-path.phpです。

すると、ルートディレクトリからfull-path.phpまでのフルパスが表示されますので、「/full-path.php」を除いたURLを先ほどの場所にコピペします。

これでBasic認証の設定が終わりました。

WordPressのログイン画面にBasic認証を設定できたか確認します。

アドレスバーにURLを入力します。

入力するURLは、サイトドメイン/wp-login.phpです。

Basic認証の画面が表示されましたので「ユーザー名」と「パスワード」を入力後「ログイン」をクリックします。

WordPressのログイン画面が表示されました。

これでWordPressのログイン画面にBasic認証を設定できました。

参考までにXserverでBasic認証を設定する記事を貼っておきます。

あわせて読みたい
XserverでWordPressのログイン画面にBasic認証を設定 WordPressのログイン画面にXserverでBasic認証を設定する方法を知りたいですか?本記事では、Basic認証の設定から解除方法まで解説しています。WordPressのログイン画面にXserverでBasic認証を設定したい方は是非ご覧ください。

今回は以上です。

よかったらシェアしてね!
  • URLをコピーしました!
目次