Wordpress(ワードプレス)ログイン画面のURLとカスタマイズ方法。ログインできない場合の解決策についてエンジニアの転職情報サイト現役のjavaエンジニアが運営する転職情報サイトです。WordPress(ワードプレス)ログイン画面のURLとカスタマイズ方法。更新日:2022-10-16WordPress(ワードプレス)ログイン画面のURLとカスタマイズ方法。ログインできない場合の解決策についてWordPress(ワードプレス)のログイン画面をカスタマイズしたい。WordPressの管理画面にログインできない。今回の記事では、こういった方を対象に、Wordpress(ワードプレス)ログイン画面のカスタマイズ方法や、ログインできない場合の解決策について、順に解説していきます。以下、目次になります。当章では、Wordpressログイン画面の「URL」とログイン方法について、順に解説していきます。Wordpressログイン画面の「URL」ですが、Wordpressをインストールした場所によって変わります。ドメインの公開フォルダ直下に、Wordpressをインストールした場合は、「http://●●●.com/wp-login.php」が、ログイン画面のURLになります。「ドメインの公開フォルダ/Wordpress/」というフォルダに、Wordpressをインストールしている場合は、「http://●●●.com/Wordpress/wp-login.php」というパスが、ログイン画面のURLになります。ログイン方法は簡単で、下図のように、よくある「ユーザー名」と「パスワード」を入力してログインするだけです。正常にログイン出来ると、下図のようにWordpressの管理画面にアクセスできます。当章では、Wordpressログインページのカスタマイズ方法について、まとめました。今回は、使用しているテーマ・テンプレートの「functions.php(パス:wordpress/wp-content/themes/twentyfourteen/functions.php)」を用いて、手動でカスタマイズしていく手順を解説していきます。ログインページは、「wp-login.php」で構成されているため、このファイルを直接編集することによって、ログイン画面をカスタマイズすることができますが、このファイルは、Wordpress本体のコアファイルであるため、Wordpressのアップデート時に、もとに戻ってしまいます。使用しているテーマ・テンプレートの「functions.php」の編集によるカスタマイズを推奨します。そもそも、コアファイルはできるだけ手を加えないほうが良いですしね。ちなみに、「functions.php」は、テーマ・テンプレートで使用する関数がまとめられていて、CSSによってデザインを変更したり、JSやHTMLによって表示内容(文言など)を変更することができます(当然、PHPも使用できます)また、以降の解説は、「HTML、CSS、JS、PHP」の知識がある事を前提として、話しを進めていきます。※今回、カスタマイズしたWordpressのバージョン:3.5.2以下、今回解説していくカスタマイズ内容になります。戻る」を非表示にするまずは、上記(全て)を満たすソースを見てみましょう。);上記を「function.php」の末尾に追記することで、完了です。一つ一つ見て行きましょう。上図のように、背景画像を変更していきます。背景画像・色は、CSSによって変更できます。ログイン画面のソースを見てみると分かりますが、ログイン画面の背景は、「.login」というClassで定義されています。「.login」Classを編集することで、背景画像・色を変更することができます。上記のソースでは、下記に該当する部分です。cover;}上記の赤文字部分で、背景画像を指定しています。「get_stylesheet_directory_uri();」は、Wordpressで用意されている関数で、使用しているテーマ・テンプレートのパス「wordpress/wp-content/themes/●●●/」を参照しています。上記は、「wordpress/wp-content/themes/●●●/images/login-bg.png」を背景画像に設定しています。red」などと設定してください。【ロゴ画像・ロゴのリンク先・タイトルの変更】ロゴの大きさや画像は、背景と同じように「CSS」によって変更します。デフォルトでは、下図のようになっています。a」というセレクタで定義されています。a」セレクタを編集することで、ロゴを変更することができます。下記に該当する部分が、ロゴの大きさや画像を指定している部分になります。0;}上記は、ロゴの幅を300px、高さを70px、画像を、「wordpress/wp-content/themes/●●●/images/login-logo.png」に指定しています。次に、ロゴのリンク先とタイトルの変更ですが、こちらはWordpressに用意されている「PHP関数」を利用します。);上記赤文字部分を、任意の「URL」にして、リンク先を指定してください。次に、ロゴのタイトル指定です。ロゴのタイトルは、下図のように、カーソルをロゴにもっていくと、表示される文言になります。WordPress」がタイトルとなっています。ソースは、下記部分になります。);上記は、タイトルを、ブログ名に指定しています。パスワードが間違っています」というような文言となっています。ログインできませんでした」という文言に変更します。ログインできませんでした」に変更されます。戻る」といったリンクが表示されています。今回は、このリンクを非表示にしてみます。このリンクを非表示にするには、CSSで指定してあげます。#backtoblog」セレクタで指定されています。none;}以上、ログインページのカスタマイズ手順でした。今回解説してきた内容は、「functions.php」に直接「CSS」を記載してきましたが、汎用性のある「CSS」や「JS」は、外部にファイルとして独立させた方が良いでしょう。そこで、「functions.php」にて、外部の「CSS」や「JS」ファイルを読み込み処理(ソース)を下記に示します。);上記赤文字部分が、ファイルのパスになります。「get_bloginfo(‘template_directory’)」というのは、利用中のテーマ・テンプレートディレクトリのパス(wordpress/wp-content/themes/●●●/)になります。今回は、ログインページのカスタマイズ手順を解説してきましたが、他のページのカスタマイズ手順については、下記記事にてまとめています。当章では、Wordpress管理画面に、ログインできない場合の原因と解決策について、順に解説していきます。ログイン出来ない原因を、4つにまとめました(下記)ユーザー名、またはパスワードを忘れたCookieが無効になっている、または古いCookie情報が残っているプラグインが影響しているログインページのパスが違っているでは、順に解決策を提示していきます。1、【ユーザー名、またはパスワードを忘れた】:Wordpressに、ログインできない解決策ユーザー名、またはパスワードを忘れた時は、下図のように、ログイン画面の「パスワードをお忘れですか?」をクリックしてください。ユーザー名、またはメールアドレスを入力することによって、新たなパスワードがメールで送られてくるので、そちらでログインして、パスワードを再設定してください。2、【Cookieが無効になっている、または古いCookie情報が残っている】:Wordpressに、ログインできない解決策WordPress管理画面にログインするには、クッキーが有効になっていないといけません。クッキーが有効化されていない場合は、下図のようにエラーが表示されます。有効にする必要があります。」というエラーメッセージが表示されます。使用しているブラウザのクッキーを有効化してください。古いCookie情報が残っていて、ログイン出来ない場合があります。パスワードを変更したり、Wordpressを再インストールしたり、、、この場合、パスワードは変わっていますが、Cookieに保持されているパスワード情報は変更されていないため、ログインできない。いう現象になるわけですね。Cookie情報を一度リセットしてください。※リセットするのは、ログイン出来ないWordpressのドメインのみです。3、【プラグインが影響している】:Wordpressに、ログインできない解決策WordPressに、ログインできない原因に、プラグインが起因している場合もあります。ログインできない原因がわからない場合は、全プラグインを無効化して試してみましょう。手順は簡単で、プラグインが配置されているディレクトリ「wordpress/wp-content/plugins/」の名前を、リネームします。これで、プラグインの影響を排除したうえで、ログインを試行することができます。Found」が表示される場合、この場合アクセスするパスが違っています。「ドメインの公開フォルダ/Wordpress/」というフォルダに、インストールしている場合、「http://●●●.com/Wordpress/wp-login.php」というパスでアクセスしないといけません。Wordpressをインストールした場所に注意して、ログインページにアクセスしてみてください。以上、Wordpress管理画面に、ログインできない4つの原因と解決策でした。コメントをキャンセルメールアドレスが公開されることはありません。~未経験者へのおすすめも。~未経験者についても。~求人情報の見方や注意点も。