WordPress管理者とログインロゴを変える方法

WordPressのログインフォームにWordPressのロゴが表示され、クリックしてWordPressのウェブサイトに移動します.管理領域では、ツールバーのWordPressロゴも表示します.の代わりに自分のロゴを表示する方法を学びましょう!

ログインフォーム

ロゴ
ログインフォームに表示されるロゴを変更するには、LoginRound頭アクションフックを利用します.「外観」テーマエディタに移動し、関数と呼ばれるテーマのテンプレートファイルを開きます.PHP次のコードを追加します.

add_action( 'login_head', 'my_custom_login_logo' );

addRangeアクション関数の2番目のパラメータは、呼び出したい関数の名前です.今その機能を作りましょう.デフォルトのWordPressロゴを上書きするCSSを出力します.必ずロゴファイルにパスを変更してください.

// Override login logo.
function my_custom_login_logo() {
  echo '<style type="text/css">
          body.login div#login h1 a { 
            background-image:url(' . get_bloginfo('template_directory') . '/path/to/logo) !important;
            background-size: inherit;
            height: 40px;
            width: 100%;
          }
        </style>';
}

タイトル
あなたがロゴの上にマウスをホバーするならば、あなたはそれがWordPressに言及するのに気がつきます.LoginCount頭文字フィルタフックを使用する代わりに、あなたのウェブサイトの名前にそれを変えましょう.「外観」テーマエディタに移動し、関数と呼ばれるテーマのテンプレートファイルを開きます.PHP次のコードを追加します.

add_filter( 'login_headertext', 'my_custom_login_title' );

addCountフィルタ関数の2番目のパラメータは、呼び出したい関数の名前です.今その機能を作りましょう.これは、タイトルとして表示するテキストを返します.

// Override login title
function my_custom_login_title() {
  return 'NightWolf Software Development';   
}

URL
あなたがロゴをクリックするならば、あなたはそれがWordPressのウェブサイトに行くと気がつきます.LoginShare HeaderURLアクションフックを使用して、それをあなたのウェブサイトアドレスに変えましょう.「外観」テーマエディタに移動し、関数と呼ばれるテーマのテンプレートファイルを開きます.PHP次のコードを追加します.

add_action( 'login_headerurl', 'my_custom_login_url' );

addRangeアクション関数の2番目のパラメータは、呼び出したい関数の名前です.今その機能を作りましょう.それは、ロゴをクリックするとき、訪問されるべきURLを返します.

// Override login url.
function my_custom_login_url() {
  return 'https://nightwolf.dev';
}

管理ツールバー
管理ツールのツールバーに表示されているロゴを変更するには、我々はWadiumを使用します.「外観」テーマエディタに移動し、関数と呼ばれるテーマのテンプレートファイルを開きます.PHP次のコードを追加します.

add_action( 'wp_before_admin_bar_render', 'my_custom_admin_bar' );

addRangeアクション関数の2番目のパラメータは、呼び出したい関数の名前です.今その機能を作りましょう.これは、WordPressロゴを上書きするいくつかのCSSを出力します.必ずロゴファイルにパスを変更してください.

// Override admin bar.
function my_custom_admin_bar() {
    echo '<style type="text/css">
        #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
            background-image: url(' . get_bloginfo('template_directory') . '/path/to/logo) !important;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            color: rgba(0, 0, 0, 0);
        }
        #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
            background-position: 0 0;
        }
    </style>';
}

https://nightwolf.devで我々のウェブサイトを訪問して、Facebookと我々について来てください!