wordpress admin login 1

Customizando a página de login de seu WordPress

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.

Posts Similares

  • Como acelerar seu blog WordPress usando menos plugins?

    Como acelerar seu blog WordPress usando menos plugins?

    Muitos artigos e blogueiros apresentam matérias mostrando métodos atuais para fazer seu WordPress mais rápido, recomendar soluções eficientes como ter arquivos CSS e JavaScript otimizados e concatenados, como usar CSS sprites e cache. Seguindo essa dica, na verdade este conceito, você pode fazer o seu blog carregar até duas vezes mais rápido (ou mais), e…

  • Não tema as atualizações automáticas do WordPress 3.7

    Após o lançamento do WordPress 3.7, muitas reações diferentes puderam ser observadas sobre as atualizações automáticas. De ‘Eu quero o controle das minha atualizações’ à ‘Essa atualização automática do WordPress 3.7 quebrou alguma coisa no meu site’, alguns relatos mostram que alguns usuários não estão preparados para deixar o sistema “se melhorar” sozinho. Para quebrar…

  • Criando o arquivo .htaccess em seu Windows

    Dando aulas de WordPress no Instituto Infnet e mexendo aqui no meu computador, senti a necessidade de criar um arquivo .htaccess em meu servidor local. Se você reparar bem, o Windows por padrão não permite a criação de arquivos no formato .nomedoarquivo, já que sua estrutura de arquivos segue o formato nome.extensão (e isso é…

  • Diferença entre WordPress.org e WordPress.com

    Toda vez que dou uma palestra em algum canto do Brasil falando sobre WordPress e os benefícios de se usar esta fantástica ferramenta de gerenciamento de conteúdo para gerenciar seu site/blog, busco deixar clara a diferença entre os dois modelos disponíveis para o uso do WordPress: WordPress.org e WordPress.com. Sobre o WordPress.org Quando ministro tais…

  • Quanto tempo devo esperar para atualizar meu WordPress?

    Com o lançamento do novas versões do WordPress, ouvimos vários relatos de complicações na atualização e erros acontecidos.. Eu mesmo já sofri um pouco com isso, na era do WordPress 2.X, e tais erros sempre geram alguma repercussão na comunidade de usuários do WordPress, principalmente fora do Brasil, como pude acompanhar.. A grande pergunta feita…

  • Exibindo as últimas postagens de outro blog WordPress

    Para exibir as últimas postagens de outro site WordPress, você deve adicionar o código abaixo no local desejado. Você pode adicionar no sidebar.php para exibir em sua barra lateral. <?php include_once(ABSPATH.WPINC.’/rss.php’); $feed = fetch_rss(‘https://feeds.feedburner.com/tudoparawordpress’); $items = array_slice($feed->items, 0, 5); ?> <?php if (!empty($items)) : ?> <ul> <?php foreach ($items as $item) : ?> <li> <a…

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