Personalize o editor Gutenberg do WordPress colocando a logomarca do seu site. Usando o código CSS essa tarefa fica fácil e rápida.
Crie uma imagem PNG com fundo transparente da logomarca, ela deverá ter o tamanho 60×60 pixels e depois faça o upload da mesma.
Agora instale plugin Add Admin CSS.
Depois de instalado o plugin, no menu lateral clique em Aparência / Admin CSS.
Agora adicione as linhas de código abaixo no campo Admin CSS:
/* Alterar a Logo no Editor Gutenberg */
.edit-post-header a {
background: #111111 !important;
}
.edit-post-fullscreen-mode-close.has-icon svg {
display: none !important;
}
.edit-post-fullscreen-mode-close.has-icon {
background-image: url("../wp-content/uploads/0000/00/logo-gutemberg-branco.png") !important;
background-repeat: no-repeat;
}Não esqueça de alterar o endereço da imagem da logo no código CSS
A URL deve começar com “../wp-content”. Portanto, tenha certeza de ter alterado.
A seguir salve e pronto.
Editor Gutemberg – Alterando a logo do WordPress
