6º PASSO – ADICIONANDO EFEITO FADE-IN AO FORMULÁRIO
Para entender o efeito que estou falando acesse a demonstração ao vivo dessa personalização. Com o pequeno código JQuery abaixo, inserido no arquivo “functions.php” do seu template, no momento do carregamento da sua nova página de login você terá um interessante efeito que vai agradar aos seus visitantes.
1
2
3
4
5
6
7
8
9
10
11
12
13
| add_action( 'login_head', 'untame_fadein',30);function untame_fadein() {echo '<script type="text/javascript">// <![CDATA[jQuery(document).ready(function() { jQuery("#loginform,#nav,#backtoblog").css("display", "none"); jQuery("#loginform,#nav,#backtoblog").fadeIn(3500);});// ]]></script>';} |
7º PASSO – ALTERAR O LINK DO SEU LOGO
A última etapa é para ter certeza de que seu logo está com o link apontando para seu site, ao invés de wordpress.org como no padrão. Isto pode ser feito por adição de um simples filtro no arquivo “functions.php” do seu template.
1
2
3
4
5
6
7
| add_filter( 'login_headerurl', 'custom_login_header_url' );function custom_login_header_url($url) {return 'http://seusite.com/';}<span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;font-size: 13px;line-height: 19px"> </span> |
Substitua a ‘http://seusite.com/’ pela URL do seu site
CUSTOMIZANDO SUA PÁGINA DE LOGIN COM UM PLUGIN
Se você não sabe como ou ainda tem receio de alterar o código do seu WordPress, vou listar alguns dos plugins que podem resolver essa questão da personalização da sua página de login de forma bem simples.
A5 CUSTOM LOGIN PAGE
Este plugin é perfeito para aqueles que não estão nenhum pouco familiarizados com alterações em arquivos CSS, pois utiliza um estilos “modelos” para personalização da sua página de logi. Com ele, você pode adicionar um logo personalizado, mudar a cor ou adicionar uma imagem de fundo e adicionar um pouco de cor para o formulário de login.
SOCIAL LOGIN
O Social Login é um plugin que adiciona a funcionalidade de Login Social ao seu site. Com a ativação deste plugin, os usuários podem se conectar ao seu site via Facebook, Twitter, Google, LinkedIn e Yahoo, além de 17 outros sites sociais.
Você não pode mudar o estilo da sua página de login somente com este plugin, mas adicionar uma boa linha de botões sociais que faz com que seja mais fácil para seus visitantes fazer login em seu site. Sendo assim uma boa opção e existem muitos outros plugins de login social no WordPress.
CUSTOM LOGIN
Este é o plugin mais usado para personalizar a sua página de login, com ele é possível adicionar uma cor de fundo ou imagem, adicionar um logotipo personalizado e alterar o formulário de login (cores, raio, espessura, sombra, fontes). Além de tudo isso você também pode adicionar seu próprio CSS personalizado e HTML, se quiser.
Este plugin também inclui um modelo de Photoshop que você pode usar ou personalizar, se você estiver familiarizado com a edição de templates.
Comentários
Postar um comentário