[WP 3.7.1] ログイン画面のロゴマークを変更してみる

WordPressのログイン画面には、通常はWordPressのロゴマークとユーザー名入力ボックス、
パスワード入力ボックスが並んでいます。

20131207-1

今回はこのWordPressロゴマークを消して、他の画像ファイルに差し替えたい場合の対処方法です。
まずメディアのファイルアップローダーから、適当な画像をアップロードします。
WordPressロゴマーク画像はpng形式で、幅274px x 高63px ですので、
以下のような同じサイズの画像を用意しました。

nakweb

修正は ./wp-admin/css/wp-admin.min.css で行います。
wordpress-logo.png を背景に設定するCSS箇所がありますので、そこを探します。

.login h1 a{background-image:url(../images/wordpress-logo.png?ver=20120216);

以下のような感じで書き直します。なお、今回はメディアのファイルアップローダーを使い、nakweb.png という画像ファイルを用いた場合の一例です。

.login h1 a{background-image:url(../../wp-content/uploads/2013/12/nakweb.png);

以下のように画像修正することができました。

20131207-2

カテゴリー: 未分類   パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

* Copy This Password *

* Type Or Paste Password Here *

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>