ログイン画面を編集したかったので奮闘してみた話 #wordpress #css ログイン画面を編集したかったので奮闘してみた話 #wordpress #css

ログイン画面を編集したかったので奮闘してみた話 #wordpress #css

wordpressの通常ログイン画面って殺風景でいかにもWordPressっていう感じがしますよね。常々、これを何とかしたいと思っていたわけですが、そのためにプラグインを入れるのも何だかなぁ~という気がしてたのです。

プラグインも入れすぎると競合するのが出てきちゃったりして、管理が面倒になるでしょう?そのイライラと闘うのも少しずつ嫌になってきていたんです。

wpログイン画面

これですね。
何かいい方法がないかな~と思って模索していたところ、いい方法を見つけました。

参考:WordPress:ログイン画面をオリジナルにカスタマイズする方法(NxWorld)

functions.phpをいじって下準備

参考サイトに記述してあったことをもとに、テーマのための関数であるfunctions.phpに以下の内容を追記します。

読み込み用のjQueryはgoogleから引っ張ってくるという方法を取ってみました。
ほかいくつか変更したいように変更します。

なお、わかっている人も多いと思いますが、<?php ~ ?>の中にちゃんと記述しましょう。

外部スタイルシートを準備する

読み込ませるための外部スタイルシートを準備します。
ログイン画面のhtmlソースをもとに、scssの雛形を作ってみました。

私事ですが、なりを潜めていた間、scssの便利さに惚れて使い込んでました。そのうちmixinとかも公開できるようになったらいいな、と思うのですが、たぶんそこまでいけるかは微妙ですね。

それはともかくとして、以上のような感じでひな形を作っておくと、管理に便利ですよね。

ログイン画面はまるまるいじれる……?

さて、この方法の弱点は外部スタイルシートは読み込むものの、もともとのログイン画面用のスタイルシートも読み込んでいるため、大掛かりなカスタマイズはできないことにあります。

ソースを確認したら

というのが<head>~</head>の中にバッチリありましたから。これと置き換えられるようになるともう少し手のこんだカスタマイズができるんだろうなと研究中です。

たぶん、これもfunctions.phpで何かするんだろうという予測はたってるんですけどね。

142 views/total