menu

想像とシンプル/体温を感じるWEBサービス
WEB DISIGNERS Blog

2016/06/19
  • WordPress

WordPressカスタマイズ ログイン画面の背景とロゴの変更方法

WordPressのログイン画面を顧客に合わせてロゴや背景などを変更したい場合があると思います。そんな場合の変更方法をご紹介します。
wplogin

ログイン画面の背景とロゴの変更方法

デフォルト → カスタマイズ後

デフォルトのログイン画面から「functions.php」を使ってオリジナルのログイン画面へ変更します。
w37-1

背景とロゴを変更

ページ全体の背景、WordPressのロゴ、入力周りの色ををスタイルシートで変更します。
「functions.php」に以下のコードを記述。

ロゴのリンク先を変更

「functions.php」に以下のコードを記述。
デフォルトではwordpress.orgへ設定されているので任意のリンク先へ変更する。
「get_bloginfo( ‘url’ )」でWordPressのトップページを指定。

または

「return ‘http://任意のリンク先.com/’;」で任意のURLを指定。

顧客先によって企業のロゴやコーポレートカラーがあると思うのでそのような場合に使用できると思います。

コメントを残す




POPULAR POSTS

高機能jQueryスライダー「Slider Pro」の使い方

2016/03/03

HTML要素に背景としてYouTube動画を表示するレスポンシブ対応

2016/02/11

「HTML5」と「CSS」のみで背景動画をフルスクリーンで再生する

2016/04/09

HTML/CSSのみで動きを加えてくれるアニメーション ホバーエフェクト9選まとめ

2016/03/24

NEW ENTRY

HTMLとCSSだけ簡単シンプルなスライダーを実装

2016/08/23

マウスホバーでテキストの色を左からアニメーションで変更するCSSテクニック

2016/07/26

テキストをCSSだけで映画のタイトルのように、ぼかしたブラーの状態から徐々に表示させるテクニック

2016/07/12

画像を使わずにCSSのみでボーダーにグラデーションをかける方法

2016/07/11