Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar o link de logout do WordPress ao menu de navegação

Deseja adicionar um link de logout do WordPress ao seu site?

Se você administra um site de associação, um fórum do bbPress, uma loja de comércio eletrônico ou um sistema de gerenciamento de aprendizagem (LMS) usando o WordPress, ter um link de logout visível e acessível é útil para seus usuários.

Neste artigo, mostraremos como adicionar o link de logout do WordPress ao seu menu de navegação, bem como a outras áreas do seu site.

Adding a logout link in WordPress navigation menu

O link de logout do WordPress

Normalmente, você pode fazer logout do seu site WordPress clicando no link “Log Out”. Esse link está localizado abaixo de 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 o seu nome de usuário e ele aparecerá no menu suspenso.

Log out link in WordPress admin bar

Se você ou o administrador do site tiver desativado a barra de administração do WordPress, não será possível ver o link de logout do WordPress.

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

O link de logout do seu site WordPress tem a seguinte aparência:

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

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

Você pode acessar esse link diretamente na janela do navegador para fazer logout do seu site WordPress.

Ao clicar nesse link, você será levado a uma página de aviso. Você precisará clicar no link ‘log out’ para confirmar que realmente deseja fazer log out.

Logout confirmation

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

Tutorial em vídeo

Subscribe to WPBeginner

Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.

Adição do link de logout nos menus de navegação do WordPress

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

Basta acessar a página Appearance ” Menus em seu administrador do WordPress. Depois disso, você precisa clicar na guia “Links personalizados” para expandi-la e adicionar o link de logout no campo URL.

Logout link in navigation menu

Quando terminar, clique no botão “Add to menu” e você verá que 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 “Save Menu” para armazenar suas alterações.

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

Logout link in the navigation menu

O problema de adicionar o link de logout no menu é que ele fica visível para todos os usuários (conectados e desconectados). Só faz sentido mostrar o link de logout para os usuários que estão realmente conectados.

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

Adicionar link de logout do WordPress no widget da barra lateral

O WordPress vem com um widget padrão chamado Meta. Esse widget mostra vários links úteis, incluindo um link de logout ou login para os usuários.

Meta widget in 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 logout em HTML simples. Aqui está o código HTML que você precisará adicionar:

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

Logout HTML widget

Adição de um link dinâmico de login/logout no WordPress

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 plug-in para exibir dinamicamente o link de login ou de logout com base na sessão do usuário.

Primeiro, você precisará instalar o plug-in Login ou Logout Menu Item. Para obter detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Depois de instalar e ativar o plug-in, você deve acessar Appearance ” Menus no seu administrador do WordPress e adicionar o link “Log In/Log Out” ao seu menu.

Login Logout menu WordPress plugin

Depois de clicar em “Save Menu” e verificar o site do WordPress, você verá o link no menu.

Ele deve ter a seguinte aparência.

Login link in menu

Ao clicar nele, você será levado a uma página para fazer login ou, se já estiver conectado, será desconectado.

Esse método também funciona com o WooCommerce, MemberPress e outras plataformas de comércio eletrônico do WordPress.

Esperamos que este artigo tenha ajudado você a encontrar o link direto de logout do WordPress e a adicioná-lo ao seu menu de navegação. Talvez você também queira ver nosso guia sobre como adicionar um botão de chamada no WordPress ou nossas escolhas de especialistas para os melhores plugins de mídia social para WordPress.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

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

Reader Interactions

26 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    A highly visible logout button largely eliminates security concerns such as users not logging out of the system because it’s complicated for them to find where to do it. So from a security point of view, this is a great solution.

  3. Trevor Blackmore

    Amazing plugin and love it. Just wondering am I able to point the link to login/register page that I created?

  4. Alvise

    Hi,
    thank you for your guide, it works for me on desktop and tablets
    but either I put the logout to the top menu or primary navigation menu (the three horizontal line) the logout doesn`t show on the menu.
    Any suggestions?

    • WPBeginner Support

      You would want to clear your cache or check with your theme’s support for the most common reasons and solutions for that specific issue.

      Administrador

  5. Akter

    Thanks, It helps lot. Simple but time saver!

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrador

  6. Naveen

    How to hide the menu based on the user login ad logout?

  7. MauricioC

    In the confirmation page when someone click the logout link in the navigation menu, the page title is “something went wrong”. How can I change that?

  8. Wpmarmite

    It does not work on a fresh site for me. Getting a 403 error, regardless of the theme.

  9. Jessica

    Unfortunately doesn’t work for me.
    I get a 403 forbidden when I click on the link and that is caused by a plugin from my theme – so no way to avoid this I guess?
    Any other solution what can work for people that can log in and out but without the admin bar?

  10. melanie martins

    Hi … Is it possible to do a
    action=logout …. &redirect
    to the homepage?

    • WPBeginner Support

      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 :)

      Administrador

  11. Sam Gallo

    Doesn’t work if the login is redirected to a custom login page. How would you create a custom menu link that will logout without being redirected? In other words the logout cannot have “login” in is address to logout.

  12. vaishali

    it is reflecting for my footer menu too but i only want it in main menu.

  13. Hawk

    Great article on adding the logout link. It is possible to allow actions through htaccess if the URI is blocked?

    For example I am using your “How to Limit Access by IP to Your wp-login.php file in WordPress” tip.

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

    Can I allow “wp-login.php?action=logout” while still denying access to the base wp-login.php, and what would that htaccess code look like?

  14. Dipak Gajjar

    Oops! doesn’t allowing me to add the code for you.

    • Dipak Gajjar

      This is for JIM. Sorry for the mess :(

  15. Dipak Gajjar

    Alternatively you can use wp_logout_url() hook to get the job done (for advanced users / developers).

    • Jim

      I tried making a function in function.php and add a short-code of it so i can ‘call’ it where i want. I used the wp_logout_url(home_url()) but every-time i press the link the login gets stuck and does not redirect to the homepage. Suggestions ?

      I check the link for post data and if the post data isset (isset($_GET[‘name’])) the user will logout with the function you mention. Any suggestions ?

      • Dipak Gajjar

        Are you getting any error? Something like the below should work without any issue:

        <a href="”>Logout

        • Dipak Gajjar

          `<a href="”>Logout`

          Could you share the function you’ve added under function.php?

Deixe uma resposta

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