Personalizar o Logo da Página de Login

Esse snippet de código é usado para customizar o logo da página de login do WordPress. Por padrão, o WordPress exibe seu próprio logo na página de login, mas com esse código, você pode substituir pelo logo personalizado do seu site.

0
				
					function custom_login_logo() {
    echo '
        h1 a {
            background-image: url(' . get_bloginfo('template_directory') . '/images/custom-logo.png) !important;
            height: 65px;
            width: 320px;
            background-size: contain;
        }
    ';
}
add_action('login_head', 'custom_login_logo');

				
			

Quer ajuda de um especialista para implementar?

Instruções de Uso

O que o código faz:

  1. Define a função custom_login_logo: Esta função adiciona um bloco de estilos CSS na página de login do WordPress.
  2. Estilo CSS: O estilo altera a imagem de fundo do elemento h1 a (onde o logo do WordPress normalmente aparece) para uma imagem personalizada (custom-logo.png) localizada na pasta images do diretório do tema ativo.
  3. add_action: Essa função diz ao WordPress para executar custom_login_logo no cabeçalho da página de login, aplicando o CSS.

Instruções de Uso

Substitua ‘ . get_bloginfo(‘template_directory’) . ‘/images/custom-logo.png pelo caminho do seu logo personalizado.

Adicione este código ao seu arquivo functions.php do tema ou crie um plugin específico. O logo será exibido na página de login.

Para utilizar esse snippet de forma segura e eficaz, recomendamos a criação de um plugin específico para o site. Isso evita que suas personalizações sejam perdidas durante atualizações de temas e facilita a manutenção do código.

Passos Gerais:

  1. Criação do Plugin: Em vez de adicionar o código diretamente no arquivo functions.php do seu tema, crie um plugin específico para essa funcionalidade.
  2. Organização: Manter essas customizações em um plugin separado ajuda a manter o código do tema mais limpo e facilita futuras manutenções e atualizações.

Seguindo essas diretrizes, você garante que suas customizações fiquem seguras e bem organizadas, evitando problemas com futuras atualizações do tema.

Outros Snippets

WooCommerce
Este snippet cria um shortcode que exibe os detalhes de uma reserva do WooCommerce com base no ID do pedido fornecido na URL.
WordPress
Este snippet redireciona todos os visitantes do site que não estejam logados para uma página específica (não a página de login).
WordPress
Este snippet redireciona todos os visitantes do site que não estejam logados para a página de login do WordPress. Isso é útil se você deseja restringir o acesso ao conteúdo do seu site apenas para usuários autenticados.

Últimos Posts

Listagem e Detalhes de Posts WordPress com API REST no Next.js

Listagem de Posts e Roteamento Dinâmico no Next.js

Aprenda a listar e mostrar detalhes de posts do WordPress no Next.js, usando a REST API e App Router, com dicas práticas e código atualizado

Frontend com Next.js - Setup e Integração Inicial com WordPress

Frontend com Next.js: Setup e Integração Inicial

Configure Next.js com TypeScript, Tailwind e App Router, e integre a REST API do WordPress para criar um site headless rápido e moderno

Configurando o WordPress como Backend Headless

Configurando o WordPress como Backend Headless

Aprenda como configurar o WordPress para atuar como backend headless, com REST API, CORS, autenticação e mais

REST API do WordPress

REST API do WordPress: Visão Geral

Descubra como funciona a REST API do WordPress, com estrutura de endpoints, permissões e como integrá-la com React ou Next.js.

Introdução ao WordPress Headless

Introdução ao WordPress Headless

Como Distribuir Seus Blocos Gutenberg em Plugins ou no GitHub

Distribuindo Seus Blocos: Plugins, Repositório e GitHub

Aprenda a empacotar e distribuir seus blocos personalizados como um plugin WordPress completo, pronto para produção, GitHub e WordPress.org

Comentários

Você precisa estar logado para ver esta informação.

Adicione seu Snippet

Título *
Resumo *
Descrição Completa *
Código *
Instruções de uso *

Solicitar Orçamento

Torne-se um Assinante e Eleve seu Conhecimento do WordPress!

Acesso Exclusivo, Suporte Especializado e Muito Mais.

Se você está aproveitando nosso conteúdo gratuito, vai adorar os benefícios exclusivos que oferecemos aos nossos assinantes! 

Não perca a oportunidade de maximizar seu potencial no WordPress. Clique no botão abaixo para se tornar um assinante e leve suas habilidades ao próximo nível!