Как изменить логотип WordPress по умолчанию от администратора?
Я хочу создать собственный логотип, поэтому мне нужно изменить стандартный логотип WordPress по умолчанию.
6 ответов
Вот функция (вставленная в functions.php), которая корректно переопределит логотип администратора:
/**
* customize the admin logo that appears in the header
* http://www.wpbeginner.com/wp-themes/adding-a-custom-dashboard-logo-in-wordpress-for- branding/
* @author Paul Bredenberg
*/
function htx_custom_logo() {
echo '
<style type="text/css">
#wp-admin-bar-wp-logo > .ab-item .ab-icon {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/assets/images/dashboard-logo.png) !important;
background-position: 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('admin_head', 'htx_custom_logo');
Взять отсюда: http://goo.gl/GuDZM6
НТН!
Вот отличный плагин для этого и многое другое. White Label CMS
Я сделал несколько аранжировок:
- поддержка полноэкранного режима
- используйте значок сайта, чтобы он автоматически настраивался для мультисайтов, и вы можете поместить какое-то изображение по умолчанию, если нет значка).
Я поставил "width: 12px", чтобы иметь квадратную форму для фона обложки значка.
Если это может кому-то помочь, вот код:
function my_custom_admin_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {content:none;}
#wpadminbar #wp-admin-bar-wp-logo > a {
background-image: url(' . get_site_icon_url() . ') !important;
background-size: cover !important;
}
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {width: 12px;}
@media screen and (max-width:782px){ #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {width: 46px;} }
a.edit-post-fullscreen-mode-close.has-icon {
background-image: url(' . get_site_icon_url() . ');
background-size: cover;
}
.edit-post-fullscreen-mode-close.has-icon > svg > path { display: none;}
</style>
';
}
//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'my_custom_admin_logo');
function my_login_logo() { ?>
<style type="text/css">
body.login div#login h1 a {
background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/site-login-logo.png);
padding-bottom: 30px;
}
</style>
Измените свой логотип на приборной панели с этим кодом:
add_action('admin_head', 'my_custom_logo');
function my_custom_logo() {
echo '
<style type="text/css">
#header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.gif) !important; }
</style>
';
}
Ответ Санни переопределяет только значок элемента. Если вы хотите полностью удалить элемент, вы можете сделать это:
function htx_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo>.ab-item {
display:none;
}
</style>
';
}
//hook into the administrative header output
add_action('admin_head', 'htx_custom_logo');