Editor Gutemberg – Alterando a logo do WordPress

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.