Home > wordpress > ログイン画面をカスタマイズしよう【WordPress】

ログイン画面をカスタマイズしよう【WordPress】

WordPressのログイン画面に企業ロゴなどを入れたい。

以前、【ログイン画面を変更する【WordPress】】という記事を書いたが、この方法だと、コアな部分を変更することになるので、納品後のメンテナンスのしやすさを考え、プラグインを使ってみようかということで、その備忘録です。

今回はBM Custom Login Pluginというプラグインを使ってみる。

  1. プラグインをダウンロードして解凍する
  2. イメージ画像作成
    解凍したフォルダ内の「image-templates」フォルダの中の
    「login-bkg-tile.psd」「footer.png」を参考にデザインをカスタマイズする。
  3. 画像は「images」フォルダに、ファイル名「login-bkg-tile.jpg」「login-bkg-bottom.gif」で格納する。
    すでに「images」フォルダにある「login-bkg-tile-SAMPLE.jpg」は未使用なので削除してもよい。
  4. 必要に応じてスタイルシートを変更する
    今回私が使用しているのはver3.0なのでスタイルのカスタマイズは「bm-custom-login-3.css」というファイルを修正する。ver2.7までは(bm-custom-login-2.cssを修正)
    今回は具体的にはもう少し狭い幅で作りたかったので画像の幅を小さくしてつくったので、合わせてcssの関連するwidthも小さくした。
  5. 「bm-custom-login」フォルダを「wp-content/plugins」にアップする。
    「image-templates」フォルダは素材なのでアップしなくてもよい。
  6. 管理画面で「bm-custom-login」を有効にする。

これでできあがりー!!

【関連記事】
WordPress管理画面のロゴを変える方法

※この記事を書いたあと、プラグインを使わずにロゴ部分のみカスタマイズする方法を発見したので記事を分けて書きましたのでそちらもご参考に。
プラグインを使わずにログイン画面をカスタマイズしよう【WordPress】

関連記事

コメント:250

****** 12-07-10 (火) 9:07
このコメントは管理者の承認待ちです
****** 12-07-27 (金) 18:10
このコメントは管理者の承認待ちです
****** 12-10-22 (月) 14:42
このコメントは管理者の承認待ちです
****** 13-05-22 (水) 8:15
このコメントは管理者の承認待ちです
****** 13-05-27 (月) 7:38
このコメントは管理者の承認待ちです
****** 13-06-09 (日) 14:35
このコメントは管理者の承認待ちです
****** 13-06-22 (土) 2:17
このコメントは管理者の承認待ちです
****** 13-07-13 (土) 12:16
このコメントは管理者の承認待ちです
****** 13-07-22 (月) 21:35
このコメントは管理者の承認待ちです
****** 13-07-25 (木) 19:40
このコメントは管理者の承認待ちです
****** 13-07-27 (土) 3:32
このコメントは管理者の承認待ちです
****** 13-07-31 (水) 15:47
このコメントは管理者の承認待ちです
****** 13-08-15 (木) 8:30
このコメントは管理者の承認待ちです
****** 13-08-30 (金) 10:39
このコメントは管理者の承認待ちです
****** 13-09-07 (土) 2:40
このコメントは管理者の承認待ちです
****** 13-09-18 (水) 1:37
このコメントは管理者の承認待ちです
****** 13-09-24 (火) 15:36
このコメントは管理者の承認待ちです
****** 13-10-09 (水) 17:40
このコメントは管理者の承認待ちです
****** 13-10-23 (水) 20:55
このコメントは管理者の承認待ちです
****** 13-11-07 (木) 19:02
このコメントは管理者の承認待ちです
****** 13-11-14 (木) 12:58
このコメントは管理者の承認待ちです
****** 13-11-16 (土) 10:17
このコメントは管理者の承認待ちです
****** 14-05-04 (日) 1:54
このコメントは管理者の承認待ちです
****** 14-06-02 (月) 6:55
このコメントは管理者の承認待ちです
****** 14-06-02 (月) 10:30
このコメントは管理者の承認待ちです
****** 14-06-02 (月) 19:26
このコメントは管理者の承認待ちです
****** 14-06-02 (月) 20:24
このコメントは管理者の承認待ちです
****** 14-06-02 (月) 20:45
このコメントは管理者の承認待ちです
****** 14-06-02 (月) 20:45
このコメントは管理者の承認待ちです
****** 14-06-03 (火) 7:39
このコメントは管理者の承認待ちです
****** 14-06-04 (水) 19:21
このコメントは管理者の承認待ちです
****** 14-07-02 (水) 18:19
このコメントは管理者の承認待ちです
****** 14-07-23 (水) 0:04
このコメントは管理者の承認待ちです
****** 14-08-14 (木) 2:35
このコメントは管理者の承認待ちです
****** 14-11-29 (土) 1:01
このコメントは管理者の承認待ちです
****** 14-12-07 (日) 10:57
このコメントは管理者の承認待ちです
****** 14-12-14 (日) 13:45
このコメントは管理者の承認待ちです
****** 15-06-10 (水) 20:54
このコメントは管理者の承認待ちです
****** 15-06-12 (金) 22:02
このコメントは管理者の承認待ちです
****** 15-07-05 (日) 0:50
このコメントは管理者の承認待ちです
****** 15-07-05 (日) 1:29
このコメントは管理者の承認待ちです
****** 15-07-06 (月) 8:19
このコメントは管理者の承認待ちです
****** 15-07-10 (金) 0:30
このコメントは管理者の承認待ちです
****** 15-07-14 (火) 4:57
このコメントは管理者の承認待ちです
****** 15-07-16 (木) 10:27
このコメントは管理者の承認待ちです
****** 15-07-16 (木) 13:22
このコメントは管理者の承認待ちです
****** 15-07-18 (土) 1:40
このコメントは管理者の承認待ちです
****** 15-07-18 (土) 8:21
このコメントは管理者の承認待ちです
****** 15-07-18 (土) 8:44
このコメントは管理者の承認待ちです
****** 15-07-18 (土) 10:17
このコメントは管理者の承認待ちです
****** 15-07-18 (土) 15:45
このコメントは管理者の承認待ちです
****** 15-07-22 (水) 0:52
このコメントは管理者の承認待ちです
****** 15-07-22 (水) 10:15
このコメントは管理者の承認待ちです
****** 15-07-23 (木) 4:01
このコメントは管理者の承認待ちです
****** 15-07-23 (木) 4:18
このコメントは管理者の承認待ちです
****** 15-07-23 (木) 9:16
このコメントは管理者の承認待ちです
****** 15-07-24 (金) 10:35
このコメントは管理者の承認待ちです
****** 15-07-25 (土) 4:15
このコメントは管理者の承認待ちです
****** 15-07-25 (土) 20:30
このコメントは管理者の承認待ちです
****** 15-07-26 (日) 5:59
このコメントは管理者の承認待ちです
****** 15-07-28 (火) 3:29
このコメントは管理者の承認待ちです
****** 15-07-28 (火) 14:21
このコメントは管理者の承認待ちです
****** 15-07-28 (火) 21:51
このコメントは管理者の承認待ちです
****** 15-07-28 (火) 23:11
このコメントは管理者の承認待ちです
****** 15-07-29 (水) 1:47
このコメントは管理者の承認待ちです
****** 15-07-29 (水) 2:37
このコメントは管理者の承認待ちです
****** 15-07-29 (水) 9:51
このコメントは管理者の承認待ちです
****** 15-07-29 (水) 11:58
このコメントは管理者の承認待ちです
****** 15-07-29 (水) 19:08
このコメントは管理者の承認待ちです
****** 15-07-30 (木) 11:26
このコメントは管理者の承認待ちです
****** 15-07-31 (金) 10:25
このコメントは管理者の承認待ちです
****** 15-08-01 (土) 19:08
このコメントは管理者の承認待ちです
****** 15-08-01 (土) 22:38
このコメントは管理者の承認待ちです
****** 15-08-01 (土) 23:04
このコメントは管理者の承認待ちです
****** 15-08-02 (日) 21:58
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 0:39
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 0:41
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 1:40
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 11:34
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 15:45
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 16:34
このコメントは管理者の承認待ちです
****** 15-08-04 (火) 8:51
このコメントは管理者の承認待ちです
****** 15-08-05 (水) 22:51
このコメントは管理者の承認待ちです
****** 15-08-06 (木) 14:02
このコメントは管理者の承認待ちです
****** 15-08-09 (日) 8:10
このコメントは管理者の承認待ちです
****** 15-08-09 (日) 11:24
このコメントは管理者の承認待ちです
****** 15-08-09 (日) 22:05
このコメントは管理者の承認待ちです
****** 15-08-11 (火) 6:50
このコメントは管理者の承認待ちです
****** 15-08-11 (火) 20:34
このコメントは管理者の承認待ちです
****** 15-08-12 (水) 11:26
このコメントは管理者の承認待ちです
****** 15-08-12 (水) 14:07
このコメントは管理者の承認待ちです
****** 15-08-12 (水) 18:37
このコメントは管理者の承認待ちです
****** 15-08-12 (水) 21:24
このコメントは管理者の承認待ちです
****** 15-08-13 (木) 11:54
このコメントは管理者の承認待ちです
****** 15-08-16 (日) 10:42
このコメントは管理者の承認待ちです
****** 15-08-16 (日) 15:46
このコメントは管理者の承認待ちです
****** 15-08-18 (火) 5:41
このコメントは管理者の承認待ちです
****** 15-08-18 (火) 21:53
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 0:29
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 3:12
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 14:38
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 18:06
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 0:48
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 4:00
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 9:04
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 10:31
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 12:26
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 19:10
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 5:29
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 9:44
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 15:38
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 19:03
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 20:43
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 21:53
このコメントは管理者の承認待ちです
****** 15-08-23 (日) 2:56
このコメントは管理者の承認待ちです
****** 15-08-23 (日) 12:57
このコメントは管理者の承認待ちです
****** 15-08-23 (日) 17:39
このコメントは管理者の承認待ちです
****** 15-08-23 (日) 20:14
このコメントは管理者の承認待ちです
****** 15-08-24 (月) 23:25
このコメントは管理者の承認待ちです
****** 15-08-25 (火) 2:23
このコメントは管理者の承認待ちです
****** 15-08-25 (火) 4:51
このコメントは管理者の承認待ちです
****** 15-08-25 (火) 8:08
このコメントは管理者の承認待ちです
****** 15-08-25 (火) 11:32
このコメントは管理者の承認待ちです
****** 15-08-26 (水) 0:02
このコメントは管理者の承認待ちです
****** 15-08-26 (水) 6:37
このコメントは管理者の承認待ちです
****** 15-08-26 (水) 9:49
このコメントは管理者の承認待ちです
****** 15-08-26 (水) 21:23
このコメントは管理者の承認待ちです
****** 15-08-26 (水) 23:00
このコメントは管理者の承認待ちです
****** 15-08-27 (木) 0:58
このコメントは管理者の承認待ちです
****** 15-08-27 (木) 5:32
このコメントは管理者の承認待ちです
****** 15-08-27 (木) 17:22
このコメントは管理者の承認待ちです
****** 15-08-28 (金) 1:35
このコメントは管理者の承認待ちです
****** 15-08-28 (金) 2:30
このコメントは管理者の承認待ちです
****** 15-08-28 (金) 15:09
このコメントは管理者の承認待ちです
****** 15-08-28 (金) 19:54
このコメントは管理者の承認待ちです
****** 15-08-28 (金) 20:22
このコメントは管理者の承認待ちです
****** 15-08-29 (土) 7:05
このコメントは管理者の承認待ちです
****** 15-08-29 (土) 12:52
このコメントは管理者の承認待ちです
****** 15-08-29 (土) 20:21
このコメントは管理者の承認待ちです
****** 15-08-30 (日) 1:29
このコメントは管理者の承認待ちです
****** 15-08-30 (日) 17:23
このコメントは管理者の承認待ちです
****** 15-08-31 (月) 15:42
このコメントは管理者の承認待ちです
****** 15-09-01 (火) 5:06
このコメントは管理者の承認待ちです
****** 15-09-01 (火) 18:29
このコメントは管理者の承認待ちです
****** 15-09-01 (火) 21:32
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 0:41
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 3:37
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 5:35
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 10:24
このコメントは管理者の承認待ちです
****** 15-09-03 (木) 6:13
このコメントは管理者の承認待ちです
****** 15-09-03 (木) 12:14
このコメントは管理者の承認待ちです
****** 15-09-03 (木) 15:47
このコメントは管理者の承認待ちです
****** 15-09-06 (日) 1:23
このコメントは管理者の承認待ちです
****** 15-09-07 (月) 21:23
このコメントは管理者の承認待ちです
****** 15-09-08 (火) 18:59
このコメントは管理者の承認待ちです
****** 15-09-09 (水) 6:33
このコメントは管理者の承認待ちです
****** 15-09-23 (水) 4:09
このコメントは管理者の承認待ちです
****** 15-09-23 (水) 4:40
このコメントは管理者の承認待ちです
****** 15-09-23 (水) 5:35
このコメントは管理者の承認待ちです
****** 15-09-24 (木) 10:28
このコメントは管理者の承認待ちです
****** 15-09-24 (木) 10:39
このコメントは管理者の承認待ちです
****** 15-09-25 (金) 7:39
このコメントは管理者の承認待ちです
****** 15-09-26 (土) 1:58
このコメントは管理者の承認待ちです
****** 15-09-26 (土) 1:59
このコメントは管理者の承認待ちです
****** 15-09-26 (土) 6:02
このコメントは管理者の承認待ちです
****** 15-09-26 (土) 8:04
このコメントは管理者の承認待ちです
****** 15-09-27 (日) 1:20
このコメントは管理者の承認待ちです
****** 15-09-27 (日) 6:15
このコメントは管理者の承認待ちです
****** 15-09-27 (日) 20:36
このコメントは管理者の承認待ちです
****** 15-09-27 (日) 20:37
このコメントは管理者の承認待ちです
****** 15-09-28 (月) 1:32
このコメントは管理者の承認待ちです
****** 15-09-28 (月) 7:40
このコメントは管理者の承認待ちです
****** 15-09-28 (月) 20:01
このコメントは管理者の承認待ちです
****** 15-09-30 (水) 2:48
このコメントは管理者の承認待ちです
****** 15-09-30 (水) 18:01
このコメントは管理者の承認待ちです
****** 15-09-30 (水) 22:17
このコメントは管理者の承認待ちです
****** 15-10-01 (木) 2:56
このコメントは管理者の承認待ちです
****** 15-10-01 (木) 8:17
このコメントは管理者の承認待ちです
****** 15-10-01 (木) 14:52
このコメントは管理者の承認待ちです
****** 15-10-01 (木) 22:49
このコメントは管理者の承認待ちです
****** 15-10-06 (火) 14:34
このコメントは管理者の承認待ちです
****** 15-10-08 (木) 21:07
このコメントは管理者の承認待ちです
****** 15-10-09 (金) 1:09
このコメントは管理者の承認待ちです
****** 15-10-09 (金) 5:38
このコメントは管理者の承認待ちです
****** 15-10-09 (金) 11:21
このコメントは管理者の承認待ちです
****** 15-10-09 (金) 17:35
このコメントは管理者の承認待ちです
****** 15-10-10 (土) 2:20
このコメントは管理者の承認待ちです
****** 15-10-10 (土) 7:20
このコメントは管理者の承認待ちです
****** 15-10-10 (土) 19:36
このコメントは管理者の承認待ちです
****** 15-10-11 (日) 0:17
このコメントは管理者の承認待ちです
****** 15-10-11 (日) 5:05
このコメントは管理者の承認待ちです
****** 15-10-11 (日) 10:20
このコメントは管理者の承認待ちです
****** 15-10-11 (日) 16:57
このコメントは管理者の承認待ちです
****** 15-10-12 (月) 0:43
このコメントは管理者の承認待ちです
****** 15-10-12 (月) 9:46
このコメントは管理者の承認待ちです
****** 15-10-12 (月) 10:31
このコメントは管理者の承認待ちです
****** 15-10-12 (月) 13:58
このコメントは管理者の承認待ちです
****** 15-10-12 (月) 18:29
このコメントは管理者の承認待ちです
****** 15-10-12 (月) 23:07
このコメントは管理者の承認待ちです
****** 15-10-13 (火) 4:43
このコメントは管理者の承認待ちです
****** 15-10-13 (火) 11:29
このコメントは管理者の承認待ちです
****** 15-10-13 (火) 19:36
このコメントは管理者の承認待ちです
****** 15-10-14 (水) 4:18
このコメントは管理者の承認待ちです
****** 15-10-14 (水) 14:08
このコメントは管理者の承認待ちです
****** 15-10-14 (水) 20:14
このコメントは管理者の承認待ちです
****** 15-10-15 (木) 0:37
このコメントは管理者の承認待ちです
****** 15-10-15 (木) 10:47
このコメントは管理者の承認待ちです
****** 15-10-15 (木) 17:40
このコメントは管理者の承認待ちです
****** 15-10-15 (木) 22:02
このコメントは管理者の承認待ちです
****** 15-10-16 (金) 2:22
このコメントは管理者の承認待ちです
****** 15-10-16 (金) 7:10
このコメントは管理者の承認待ちです
****** 15-10-16 (金) 12:58
このコメントは管理者の承認待ちです
****** 15-10-17 (土) 9:58
このコメントは管理者の承認待ちです
****** 15-10-19 (月) 4:47
このコメントは管理者の承認待ちです
****** 15-10-19 (月) 10:48
このコメントは管理者の承認待ちです
****** 15-10-21 (水) 15:41
このコメントは管理者の承認待ちです
****** 15-10-21 (水) 20:16
このコメントは管理者の承認待ちです
****** 15-10-23 (金) 9:50
このコメントは管理者の承認待ちです
****** 15-10-24 (土) 3:23
このコメントは管理者の承認待ちです
****** 15-10-25 (日) 20:15
このコメントは管理者の承認待ちです
****** 15-11-02 (月) 6:46
このコメントは管理者の承認待ちです
****** 15-11-10 (火) 4:04
このコメントは管理者の承認待ちです
****** 15-11-10 (火) 6:18
このコメントは管理者の承認待ちです
****** 15-11-12 (木) 0:17
このコメントは管理者の承認待ちです
****** 15-11-24 (火) 4:04
このコメントは管理者の承認待ちです
****** 15-11-28 (土) 8:08
このコメントは管理者の承認待ちです
****** 15-12-05 (土) 6:15
このコメントは管理者の承認待ちです
****** 15-12-05 (土) 8:28
このコメントは管理者の承認待ちです
****** 15-12-05 (土) 13:49
このコメントは管理者の承認待ちです
****** 15-12-11 (金) 9:24
このコメントは管理者の承認待ちです
****** 15-12-16 (水) 8:30
このコメントは管理者の承認待ちです
****** 15-12-22 (火) 21:22
このコメントは管理者の承認待ちです
****** 15-12-23 (水) 6:00
このコメントは管理者の承認待ちです
****** 16-01-08 (金) 21:41
このコメントは管理者の承認待ちです
****** 16-01-08 (金) 23:05
このコメントは管理者の承認待ちです
****** 16-01-09 (土) 5:54
このコメントは管理者の承認待ちです
****** 16-01-13 (水) 21:33
このコメントは管理者の承認待ちです
****** 16-01-16 (土) 8:22
このコメントは管理者の承認待ちです
****** 16-01-16 (土) 10:27
このコメントは管理者の承認待ちです
****** 16-02-19 (金) 4:13
このコメントは管理者の承認待ちです
****** 16-02-22 (月) 23:19
このコメントは管理者の承認待ちです
****** 16-02-26 (金) 13:10
このコメントは管理者の承認待ちです
****** 16-03-01 (火) 4:36
このコメントは管理者の承認待ちです
****** 16-03-06 (日) 15:01
このコメントは管理者の承認待ちです
****** 16-03-11 (金) 20:14
このコメントは管理者の承認待ちです
****** 16-05-30 (月) 16:16
このコメントは管理者の承認待ちです
****** 16-06-13 (月) 17:11
このコメントは管理者の承認待ちです
****** 16-11-12 (土) 21:15
このコメントは管理者の承認待ちです
****** 17-09-25 (月) 23:12
このコメントは管理者の承認待ちです
****** 17-10-01 (日) 23:17
このコメントは管理者の承認待ちです
コメントフォーム
Remember personal info

トラックバック:5

このエントリーのトラックバックURL
http://web.donnatokimo.com/wordpress/335/trackback
Listed below are links to weblogs that reference
ログイン画面をカスタマイズしよう【WordPress】 from ウェブなとき。
pingback from ログイン画面を変更する【WordPress】 | ウェブなとき。 10-07-26 (月) 15:30

[...] ※2010.7.26追記 プラグインを使ったログイン画面変更方法の記事をup ログイン画面をカスタマイズしよう【WordPress】  [...]

pingback from プラグインを使わずにログイン画面をカスタマイズしよう【WordPress】 | ウェブなとき。 10-07-26 (月) 16:06

[...] 【関連記事】 プラグイン使用 ログイン画面をカスタマイズしよう【WordPress】 [...]

pingback from wordpressのログイン画面を装飾する - アップシェア公開メモ帳 11-05-27 (金) 20:40

[...] http://web.donnatokimo.com/wordpress/335 [...]

****** 12-10-09 (火) 14:59
このコメントは管理者の承認待ちです
****** 14-10-11 (土) 14:01
このコメントは管理者の承認待ちです

Home > wordpress > ログイン画面をカスタマイズしよう【WordPress】

want

Return to page top