wordpress admin login 1

Customizando a página de login de seu WordPress

Publicado em Atualizado em

Muitos procuram como personalizar as páginas de login do WordPress, e isso é possível com um pouco de CSS e uma função para adicionar tal CSS nas páginas corretas. São apenas alguns passos, vamos a eles!

1 – Se o tema não foi desenvolvido por você, primeiro crie um tema filho (Como criar um tema filho? Leia em https://codex.wordpress.org/Child_Themes ), caso contrário as modificações serão perdidas ao atualizar seu tema.


2 – Crie um arquivo CSS no seu tema / tema filho (melhor se você criar uma pasta para adicionar CSS lá).


3 – Adicione o seguinte trecho no seu arquivo functions.php:

function tpw_enqueue_admin_style() {
        echo '<link rel="stylesheet" type="text/css" href="' . get_stylesheet_directory_uri() . '/css/admin/custom-login-styles.css" />';
}

add_action('login_head', 'tpw_enqueue_admin_style');

4 – Observe que ‘/css/custom-login-styles.css’ deve ter o caminho correto para o arquivo CSS. Portanto, como exemplo, se você adicionou o arquivo CSS em /theme-name/assets/css/custom-login-styles.css, seu código deve ser ‘/assets/css/custom-login-styles.css’


5 – Feito isso, você pode criar CSS para alterar as páginas de login, recuperação de senha e cadastro no site.

Fiz isso em um projeto recente e compartilhei o CSS utilizado em meu Gist, área no Github onde podemos compartilhar dicas de programação, e você pode ver o código utilizado em https://gist.github.com/gugaalves/45675011e7cf01e4386420834091a02b

Abaixo, deixo algumas imagens do resultado de tal código no projeto que personalizei.

  • wordpress admin login 1
    Página de Login
  • wordpress admin lost password
    Página de Recuperação de Senha no WordPress
  • wordpress admin register
    Página de novo cadastro

Especialista em WordPress & SEO

Desbravando o mundo WordPress desde 2007, me especializei também em SEO e entreguei grandes projetos no mercado brasileiro para a partir de 2015 me dedicar ao mercado fora do Brasil. Trabalhei na empresa do criador do WordPress por 4 anos (no WordPress.com, da Automattic) e mais 4 anos em uma das maiores empresas de hospedagens do mundo, a Liquid Web, gerenciando uma equipe de suporte do plugin The Events Calendar.

No Brasil, atendi grandes marcas como canal Futura, Corpo Perfeito, Catraca Livre, Hostgator Brasil e Hostnet, também palestrei em diversos eventos e dei aula em cursos livres e pós-graduação (no Rio de Janeiro e em Brasília).

Trabalho remoto, viajo bastante, mas minha base é no Rio de Janeiro/RJ.

Posts Similares

  • Como excluir uma categoria do feed RSS

    Temos o seguinte cenário: em um blog WordPress, temos uma categoria que não deve ser exibida via RSS.. como proceder para que tal categoria seja removida ? Simples ! Adicione a função abaixo no arquivo functions.php function myFilter($query) { if ($query->is_feed) {  $query->set(‘cat’,’-5′); } return $query; } add_filter(‘pre_get_posts’,’myFilter’); Lembre-se de alterar o id da categoria…

  • Identificando o body da página com ID no WordPress

    Atualizado em

    Por padrão o WordPress identifica o body de cada página com classes. Essa identificação é feita com várias classes, dependendo do tipo de página, post, etc. Exemplos: body class=”single single-post postid-162 single-format-standard” body class=”archive category category-tutoriais category-9″ body class=”page page-id-442 page-template page-template-contato-php” Para aplicar estilos, algumas vezes, essa identificação pode ficar um pouco confusa. Este…

  • Veja todas as novas funções do WordPress 3.8

    Atualizado em

    A cada nova versão do WordPress, novas funções interessantes vão surgindo. Vamos ver TODAS as novas funções do WordPress? A explicação de cada uma está em inglês, mas aos poucos vamos traduzindo para vocês 😉 get_theme_update_available Retrieve the update link if there is a theme update available. Will return a link if there is an…

  • Entendendo o Date Query no WordPress 3.7

    Entendendo o Date Query no WordPress 3.7

    Atualizado em

    Muitas novidades interessantes foram divulgadas no lançamento do WordPress 3.7, e a que mais animou a comunidade de desenvolvimento foram as Date Query’s. Entendendo a Date Query O Date Query surgiu como um patch sugerido por Alex Mills, um desenvolvedor conhecido como Viper007Bond que introduziu a capacidade de fazer consultas baseadas em data complexas para buscar…

  • Evitando SPAM nos comentários de seu blog WordPress usando Captcha

    Evitando SPAM nos comentários de seu blog WordPress usando Captcha

    Atualizado em

    Receber spam nos Comentários de um site WordPress podem virar algo que te dá muito trabalho se você não aprender a se previnir contra eles. Ao invés de desativar os comentários, você pode adicionar o reCAPTCHA ao formulário de comentários para eliminar (ou ao menos diminuir drasticamente) os spams em seu site. Ativando o Akismet…

Deixe um comentário

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

1 Comentário