Por que voc\u00ea deseja criar uma p\u00e1gina de login personalizada do WordPress?<\/h2>\n
A p\u00e1gina de login padr\u00e3o do WordPress parece simples e reduzida aos elementos b\u00e1sicos<\/strong>. Ele tem dois campos, um logotipo, um bot\u00e3o, alguns links e uma caixa de sele\u00e7\u00e3o. Aqui est\u00e1 o que parece:<\/p>\n N\u00e3o h\u00e1 nada de errado com esta p\u00e1gina. Isso torna o login no WordPress muito simples – n\u00e3o h\u00e1 quase nada que voc\u00ea possa fazer de errado aqui, porque tudo \u00e9 f\u00e1cil de entender.<\/p>\n Mas \u00e9 uma oportunidade perdida. No m\u00ednimo, voc\u00ea deve poder exibir seu pr\u00f3prio logotipo na p\u00e1gina de login<\/strong>. N\u00e3o faria mal se voc\u00ea pudesse exibir outra coisa – um mascote, por exemplo – ou mexer com cores, um pouco ou com as fontes.<\/p>\n O plugin YITH Custom Login pode ajud\u00e1-lo a mudar a apar\u00eancia da p\u00e1gina de login do seu site. Depois de instalar o plugin, ele mudar\u00e1 a apar\u00eancia da sua p\u00e1gina de login do WordPress para ficar assim:<\/p>\n A p\u00e1gina de login n\u00e3o ficar\u00e1 assim se voc\u00ea n\u00e3o quiser. Esta \u00e9 a apar\u00eancia padr\u00e3o que voc\u00ea obt\u00e9m ap\u00f3s instalar e ativar o plug-in<\/a>, mas voc\u00ea pode alter\u00e1-la. Voc\u00ea pode, por exemplo, alterar a cor do plano de fundo da p\u00e1gina ou definir uma imagem para o plano de fundo<\/strong>.<\/p>\n Voc\u00ea tamb\u00e9m pode trocar o mascote do papagaio pelo seu, se tiver um. A p\u00e1gina est\u00e1 pronta para o seu logotipo e voc\u00ea pode brincar com os campos de nome de usu\u00e1rio e senha para alterar sua apar\u00eancia e como eles s\u00e3o rotulados. Basicamente, este plugin lhe d\u00e1 controle sobre todos os elementos importantes na p\u00e1gina de login<\/strong>. Vamos dar uma olhada mais de perto.<\/p>\n Antes de mergulharmos nas configura\u00e7\u00f5es gerais do plug-in, primeiro vamos nos certificar de que voc\u00ea sabe como encontrar o plug-in. Voc\u00ea deve encontrar a op\u00e7\u00e3o "apar\u00eancia" no menu principal e clicar em "tela de login" abaixo dela<\/strong> :<\/p>\n Depois de fazer isso, voc\u00ea passar\u00e1 para as op\u00e7\u00f5es do plug-in e ver\u00e1 que a guia de configura\u00e7\u00f5es gerais \u00e9 a primeira \u00e0 sua esquerda.<\/p>\n A guia de configura\u00e7\u00f5es gerais \u00e9 onde voc\u00ea faz duas coisas importantes: habilitar o plugin de login personalizado e definir sua imagem de mascote<\/strong>. As configura\u00e7\u00f5es s\u00e3o t\u00e3o diretas quanto parecem, pelo menos at\u00e9 voc\u00ea chegar ao ponto em que n\u00e3o est\u00e1 satisfeito com a posi\u00e7\u00e3o do seu mascote \u2013 e \u00e9 prov\u00e1vel que n\u00e3o fique.<\/p>\n Vamos percorrer as op\u00e7\u00f5es nesta p\u00e1gina, uma por uma.<\/p>\n Se voc\u00ea n\u00e3o est\u00e1 satisfeito com a apar\u00eancia do mascote, voc\u00ea precisa inspecion\u00e1-lo<\/a> e vasculhar o c\u00f3digo at\u00e9 encontrar os valores que definem sua posi\u00e7\u00e3o<\/strong> :<\/p>\n Voc\u00ea s\u00f3 poder\u00e1 mexer nos valores “top" e “right”<\/strong>. Se voc\u00ea precisar de ajuda para descobrir quais par\u00e2metros funcionam melhor para voc\u00ea, talvez tente estes para come\u00e7ar:<\/p>\n Ao alter\u00e1-los, voc\u00ea precisa copiar todo o c\u00f3digo no campo CSS personalizado. N\u00e3o se esque\u00e7a de salvar as altera\u00e7\u00f5es depois de terminar.<\/p>\n A guia de configura\u00e7\u00f5es do plano de fundo permite ajustar a apar\u00eancia e o comportamento do plano de fundo<\/strong>. Aqui est\u00e1 o que estar\u00e1 esperando por voc\u00ea quando voc\u00ea mudar para esta guia:<\/p>\n \u00c9 tudo bastante padr\u00e3o para definir planos de fundo. Adicione sua pr\u00f3pria imagem ou n\u00e3o, brinque com diferentes combina\u00e7\u00f5es de posi\u00e7\u00e3o da imagem de fundo e repita, escolha uma cor bonita ou combine as duas – depende completamente de voc\u00ea. Como sempre, lembre-se de salvar as altera\u00e7\u00f5es que deseja manter.<\/p>\n![\"Personalize](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8455da0.jpg\")
<\/a><\/p>\nO que voc\u00ea pode fazer com o login personalizado YITH?<\/h2>\n
![\"Personalize](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc87f37a1.jpg\")
<\/a><\/p>\n![\"Personalize](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8b03bc0.jpg\")
<\/a><\/p>\nConfigura\u00e7\u00f5es Gerais<\/h2>\n
![\"Personalize](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8e0924f.jpg\")
<\/a><\/p>\n![\"Personalize](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc90b5a58.jpg\")
<\/a><\/p>\n\n
![\"Personalize](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc94061ca.jpg\")
<\/a><\/p>\n#login img.mascotte {\nposition:absolute;\nright:-122px;\ntop:62px;\n}<\/code><\/pre>\nConfigura\u00e7\u00f5es de fundo<\/h2>\n
![\"Personalize](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc97228b6.jpg\")
<\/a><\/p>\n\n
Configura\u00e7\u00f5es do logotipo<\/h2>\n
![\"Personalize](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9a542a2.jpg\")
<\/a><\/p>\n![\"Personalize](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9ce0ff6.jpg\")
<\/a><\/p>\n