Web制作(フリーランスWebデザイナー)

日にち2015/10/2
WordPress

WordPressログイン画面カスタマイズ方法

この記事は書いてから 約 2年 経過しています。 1年以上経過しているので情報が古い可能性があります。

WordPressログイン画面カスタマイズ方法

WordPressを使っているサイトは沢山あるかと思います。その中で管理画面やログイン画面をカスタマイズしているサイトはいくつあるでしょうか?基本表に出ないページなのでそこまでやる必要が無いと思う方も多いかと思います。またログインページをカスタマイズする際は、複数で管理する場合やユーザー登録出来るサイトの場合が多いかと思います。ですが、やってもWordPressのロゴをオリジナルロゴに変更する程度だと思います。そこで、今回はログインページ自体をカスタマイズする方法です。

プラグイン無しでカスタマイズ

プラグインも不必要です。functions.phpにCSSを書くだけです。

/*ログイン画面編集*/
function custom_login() { ?>
    <style>
        .login {
            /*cssを書く*/
        }
        .login h1 {
            /*cssを書く*/
        }
        .login h1 a {
            /*cssを書く*/
        }
        .login form {
            /*cssを書く*/
        }
        .login #nav {
           /*cssを書く*/
        }
        .login #backtoblog, .login #nav {
            /*cssを書く*/
        }
        #backtoblog {
            /*cssを書く*/
        }
        .login .message {
            /*cssを書く*/
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'custom_login' );

 

facebook twitter

© 2013-2017 visual hallucination.