Biblioteca de códigos

Home / Códigos WordPress / Mudar logo na página de login WordPress

Mudar logo na página de login WordPress

Substitua a logo do WordPress na página padrão de login.

1

Personalizar o logo na página de login do WordPress é uma maneira eficaz de estender a identidade visual do seu site até mesmo nas áreas de autenticação. Ao mudar o logo padrão exibido na página de login, você adiciona um toque de branding que pode ser especialmente útil para sites corporativos, blogs ou qualquer plataforma que deseje criar uma experiência mais coesa e reconhecível para os usuários. Essa customização não apenas reforça a presença da sua marca, mas também contribui para uma experiência de login mais única e memorável.

A mudança do logo na página de login do WordPress é uma prática simples que pode fazer uma grande diferença na percepção visual do seu site. Ao escolher um logo que represente sua identidade de maneira eficaz, você estabelece uma conexão visual imediata com os usuários antes mesmo de acessarem o conteúdo do site. Essa personalização é especialmente valiosa para empresas que desejam criar uma experiência de marca consistente em todas as interações online.

Implementação para mudar logo na página de login em código

Para implementar a mudança do logo na página de login por meio de código, adicione o seguinte trecho ao arquivo functions.php do seu tema ou utilize um plugin específico para essa finalidade:

add_filter( 'login_head', function () {
	// Update the line below with the URL to your own logo.
	// Adjust the Width & Height accordingly.
	$custom_logo = 'https://wpcode.com/wp-admin/images/wordpress-logo.svg';
	$logo_width  = 84;
	$logo_height = 84;

	printf(
		'<style>.login h1 a {background-image:url(%1$s) !important; margin:0 auto; width: %2$spx; height: %3$spx; background-size: 100%%;}</style>',
		$custom_logo,
		$logo_width,
		$logo_height
	);
}, 990 );
Deixe seu insight abaixo!

Continue lendo

As 8 linguagens de programação mais usadas no mercado em 2020

Neste artigo, trazemos as 8 linguagens de programação mais usadas no mercado, segundo lista da [...]

Técnica Pomodoro: como usá-la para aumentar a sua produtividade

Você costuma ter os dias cheios e com inúmeras tarefas a desempenhar? Gostaria de aumentar [...]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Abrir WhatsApp
1
Oi! Tudo bom? 👋🏻
Qual ideia iremos desenvolver hoje?