2017-01-12 7 views
-1

Я хочу заменить логотип Wordpress на панели управления в левом верхнем углу? Где есть «W»Можете ли вы добавить логотип пользовательской панели на Wordpress?

Возможно ли это?

+2

Короткий ответ: да! Как? Сначала ударил Google: http://www.wpbeginner.com/wp-themes/adding-a-custom-dashboard-logo-in-wordpress-for-branding/ –

+2

Возможный дубликат [Как изменить логотип Wordpress по умолчанию из Admin?] (Http://stackoverflow.com/questions/19922335/how-to-change-the-wordpress-default-logo-from-the-admin) – user3802077

ответ

0

Да, вы можете, 2 пути:

  1. Плагин: White Label CMS wordpress plugin
  2. Via код:

Сначала вам нужно сэкономить c ustom logo как custom-logo.png файл на ваш компьютер. Это должно быть точно 16 x 16px в габаритах.

После того как у вас есть готовый логотип, вам необходимо загрузить его в папку /wp-content/themes/your-theme/images с помощью FTP. Если в вашей теме нет папки с изображениями, вам необходимо ее создать.

После загрузки пользовательского логотипа просто добавьте этот код в ваш файл темы functions.php или плагин для сайта.

function wpb_custom_logo() { 
    echo '<style type="text/css"> 
    #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { 
    background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important; 
    background-position: 0 0; 
    color:rgba(0, 0, 0, 0); 
    } 
    #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon { 
    background-position: 0 0; 
    } 
    </style> 
    '; 
} 

//hook into the administrative header output 
add_action('wp_before_admin_bar_render', 'wpb_custom_logo'); 

Вы можете найти более подробную информацию здесь: http://www.wpbeginner.com/wp-themes/adding-a-custom-dashboard-logo-in-wordpress-for-branding/

+0

Dat copy/paste tho: D –

+0

Если вы не разделяете источник. – Syden

0
function wpb_custom_logo() { 
echo ' 
<style type="text/css"> 
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { 
background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important; 
background-position: 0 0; 
color:rgba(0, 0, 0, 0); 
} 
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon { 
background-position: 0 0; 
} 
</style> 
'; 
} 

//hook into the administrative header output 
add_action('wp_before_admin_bar_render', 'wpb_custom_logo'); 

добавить этот код в ваш functions.php после загрузки логотипа (16x16)