Como Adicionar o Link de Logout do WordPress ao Menu de Navegação

Uma coisa que aprendemos ao gerenciar vários sites WordPress é que os pequenos detalhes fazem uma grande diferença.

É por isso que adicionamos links de logout fáceis de usar às nossas lojas online e à plataforma de treinamento focada em WordPress WP101.

Ter um link de logout diretamente no seu menu de navegação é conveniente para seus usuários logados.

Em vez de ter que navegar até o perfil deles ou lembrar de um URL específico, eles podem sair com apenas um clique de qualquer lugar do seu site.

Neste guia, mostraremos vários métodos diferentes para conseguir isso, para que você possa escolher a abordagem que melhor se adapta à configuração e ao design do seu site.

Adicionando um link de logout no menu de navegação do WordPress

O Link de Sair para WordPress

Normalmente, você pode sair do seu site WordPress clicando no link 'Sair'. Este link está localizado abaixo da sua foto de perfil no canto superior direito da barra de administração do WordPress.

Tudo o que você precisa fazer é passar o mouse sobre seu nome de usuário, e ele aparecerá no menu suspenso.

Link de logout na barra de administração do WordPress

Se você ou o administrador do seu site desativaram a barra de administração do WordPress, você não poderá ver o link de sair do WordPress.

A boa notícia é que o link de sair do WordPress pode ser acessado diretamente para sair da sua sessão atual do WordPress.

O link de sair do seu site WordPress se parece com isto:

http://example.com/wp-login.php?action=logout

Não se esqueça de substituir example.com pelo nome do seu próprio domínio.

Você pode acessar este link diretamente na janela do seu navegador para sair do seu site WordPress.

Ao clicar neste link, você será direcionado para uma página de aviso. Você precisará clicar no link ‘sair’ para confirmar que realmente deseja sair.

Confirmação de logout

Você também pode adicionar manualmente este link de sair em qualquer lugar do seu site WordPress. Vamos dar uma olhada em como fazer isso.

Adicionar o link de sair do WordPress no menu de navegação do seu site o tornará facilmente acessível de qualquer página do seu site.

Simplesmente vá para a página Aparência » Menus no seu painel do WordPress. Depois disso, você precisa clicar na aba ‘Links Personalizados’ para expandi-la e adicionar o link de sair no campo URL.

Link de logout no menu de navegação

Assim que terminar, clique no botão ‘Adicionar ao menu’ e você notará o link aparecer na coluna da direita. Você pode ajustar sua posição simplesmente arrastando-o para cima ou para baixo.

Não se esqueça de clicar no botão ‘Salvar Menu’ para armazenar suas alterações.

Agora você pode visitar seu blog WordPress para ver o link de sair no seu menu de navegação.

Link de logout no menu de navegação

O problema de adicionar o link de sair no menu é que ele é visível para todos os usuários (tanto logados quanto deslogados). Só faz sentido mostrar o link de sair para usuários que estão realmente logados.

Você pode fazer isso seguindo nossas instruções sobre como mostrar menus diferentes para usuários logados.

O WordPress vem com um widget padrão chamado Meta. Este widget exibe um monte de links úteis, incluindo um link de sair ou entrar para os usuários.

Widget de Meta no WordPress

Algumas pessoas acham que os outros links no widget Meta não são tão úteis.

Como alternativa, você também pode adicionar um widget de texto simples ou HTML personalizado com o link de sair em HTML simples. Aqui está o código HTML que você precisará adicionar:

<a href="http://example.com/wp-login.php?action=logout">Sair</a>

Widget HTML de Logout

Se você adicionar manualmente um link de logout no WordPress, o problema é que ele não muda com base no status de login do usuário.

Para corrigir isso, você pode usar um plugin para exibir dinamicamente o link de login ou logout com base na sessão do usuário.

Primeiro, você precisará instalar o plugin Login or Logout Menu Item. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após instalar e ativar o plugin, você deve ir para Aparência » Menus no seu painel do WordPress e adicionar o link 'Log In/Log Out' ao seu menu.

Plugin de menu Login Logout WordPress

Depois de clicar em 'Salvar Menu' e verificar seu site WordPress, você verá o link no seu menu.

Deve ficar assim.

Link de login no menu

Quando você clicar nele, ele o levará para uma página para fazer login, ou se você já estiver logado, ele o desconectará.

Este método também funciona com WooCommerce, MemberPress e outras plataformas de eCommerce do WordPress.

Tutorial em Vídeo

Se você não gosta de ler as instruções, pode assistir ao nosso tutorial em vídeo.

Inscreva-se no WPBeginner

Guias de Especialistas sobre o Formulário de Login do WordPress

Esperamos que este artigo tenha ajudado você a encontrar o link direto de logout do WordPress e adicioná-lo ao seu menu de navegação. Você também pode querer ver outros guias relacionados ao login e logout do WordPress:

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

25 CommentsLeave a Reply

  1. Um botão de logout bem visível elimina em grande parte as preocupações de segurança, como usuários não saindo do sistema porque é complicado para eles encontrarem onde fazer isso. Portanto, do ponto de vista da segurança, esta é uma ótima solução.

  2. Plugin incrível e adorei. Só queria saber se consigo direcionar o link para a página de login/registro que criei?

  3. Olá,
    obrigado pelo seu guia, ele funciona para mim no desktop e em tablets
    mas ou eu coloco o logout no menu superior ou no menu de navegação principal (as três linhas horizontais), o logout não aparece no menu.
    Alguma sugestão?

    • Você pode querer limpar seu cache ou verificar com o suporte do seu tema para as razões e soluções mais comuns para esse problema específico.

      Admin

  4. Na página de confirmação, quando alguém clica no link de logout no menu de navegação, o título da página é “algo deu errado”. Como posso mudar isso?

  5. Infelizmente não funciona para mim.
    Recebo um 403 forbidden ao clicar no link e isso é causado por um plugin do meu tema – então não há como evitar isso, eu acho?
    Alguma outra solução que possa funcionar para pessoas que conseguem fazer login e logout, mas sem a barra de administração?

    • While we do not have an article on a beginner friendly plugin or method at the moment, we will certainly take a look into that for a future article or update :)

      Admin

  6. Não funciona se o login for redirecionado para uma página de login personalizada. Como você criaria um link de menu personalizado que fará logout sem ser redirecionado? Em outras palavras, o logout não pode ter "login" no endereço para fazer logout.

  7. Ótimo artigo sobre como adicionar o link de logout. É possível permitir ações através do htaccess se a URI estiver bloqueada?

    Por exemplo, estou usando sua dica "Como limitar o acesso por IP ao seu arquivo wp-login.php no WordPress".

    order deny,allow
    Deny from all
    # whitelist IP address
    allow from xx.xxx.xx.xx

    Posso permitir "wp-login.php?action=logout" enquanto ainda nego o acesso ao wp-login.php base, e como seria esse código htaccess?

  8. Alternativamente, você pode usar o hook wp_logout_url() para realizar a tarefa (para usuários avançados / desenvolvedores).

    • Tentei criar uma função em function.php e adicionar um shortcode dela para poder 'chamá-la' onde eu quisesse. Usei o wp_logout_url(home_url()), mas toda vez que clico no link, o login trava e não redireciona para a página inicial. Sugestões?

      Verifico o link para os dados do post e se os dados do post existem (isset($_GET['name'])), o usuário fará logout com a função que você mencionou. Alguma sugestão?

Deixe um comentário

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.