Como remover a barra lateral da página do WordPress ou ocultar a barra lateral do WordPress

Você está procurando uma solução rápida passo a passo para remover a barra lateral do seu site WordPress? Eu tenho um tutorial simples de entender e implementar aqui detalhando como remover a barra lateral do WordPress sem problemas, independentemente do seu nível de experiência no WordPress.

O problema com a maioria dos tutoriais do WordPress, eles complicam coisas simples, como remover a barra lateral no WordPress com descrições detalhadas que são difíceis de seguir para iniciantes do WordPress. Este tutorial compartilhará uma abordagem simples para remover a barra lateral do WordPress, bem como a maneira avançada de remover a barra lateral no WordPress.

Este tutorial tem um guia detalhado de como remover a barra lateral no WordPress e porque tudo funciona assim como a última parte que tem aquele código rápido para apenas implementar sem entender profundamente como funciona.

Passos para remover a barra lateral do WordPress

Para remover a barra lateral no WordPress, podemos desfazer qualquer uma das duas etapas usadas para adicionar a barra lateral no WordPress , conforme expliquei aqui e resumi na seção abaixo. Mais importante ainda, o segundo passo – chamar a barra lateral deve ser o que desfazemos na maioria das vezes.

Podemos omitir esta função que chama a barra lateral ( get_sidebar() ) no modelo de página para remover com sucesso a barra lateral em um site WordPress. Em uma visão geral rápida, você pode remover a barra lateral no WordPress seguindo estas etapas:

1. Localize o modelo de página ou modelo de postagem que exibe a barra lateral entre seus arquivos de tema ativos ou o tema que você deseja remover da barra lateral. ( Para este tutorial, demonstrarei como remover a barra lateral no tema padrão do WordPress Twenty Seventeen)
2. Abra a página ou poste templates e procure o código que exibe a barra lateral <?php get_sidebar(); ?>
3. Verifique se esse código é repetido várias vezes na página do tema e no modelo de postagem, pois alguns temas vêm com várias barras laterais.
4. Exclua essas linhas de código que exibem a barra lateral.
5. Alternativamente, você pode criar um template de página de largura total que omita a chamada para a barra lateral – sidebar <?php get_sidebar(); ?>
6. Finalmente, você pode usar a função unregister_sidebar() do WordPress no gancho de ação que usa widgets_init para remover a barra lateral em seu tema WordPress.

Como adicionar e exibir a barra lateral no WordPress

Primeiro, você precisa entender que uma barra lateral é simplesmente uma área de widget que é criada em seu tema usando uma função chamada register_sidebar() para programadores eles entenderão isso em detalhes como expliquei neste tutorial – como adicionar uma barra lateral no WordPress.

Também pode ser útil para os usuários do WordPress entender como uma barra lateral é adicionada a partir desse tutorial para que possamos aprender como remover a barra lateral do seu tema WordPress.

Fundamentalmente, ao adicionar uma barra lateral no WordPress , conforme explicado aqui , há duas etapas importantes; registrando a barra lateral e chamando a barra lateral nos modelos de tema.

Registrando a barra lateral do WordPress

Isso usa a função register_sidebar e o código pode ser encontrado no arquivo functions.php do seu tema. Para os propósitos deste tutorial, usarei o tema padrão do WordPress Twenty Seventeen para explicar passo a passo como remover a barra lateral no WordPress.

Primeiro, no frontend você pode ver que a barra lateral é exibida conforme mostrado na imagem abaixo:

Ao baixar este tema e abrir o arquivo functions.php , você pode ver que as barras laterais são adicionadas no código mostrado na imagem abaixo:

Existem três barras laterais registradas neste tema e as barras laterais incluem a barra lateral principal do blog e dois widgets de rodapé.

Para remover a barra lateral neste tema WordPress, precisamos escolher qual barra lateral precisamos remover e a barra lateral mais importante que deve ser removida é obviamente a barra lateral principal do blog que está registrada no código abaixo:

Esta é a barra lateral que tem o nome 'Blog Sidebar' e o id como 'sidebar-1' como mostrado na imagem acima. Da mesma forma, no seu tema atual do WordPress, ao abrir o functions.php, você deve conseguir isolar esse código que registra o widget da barra lateral.

Se você removeu este código do functions.php, a barra lateral seria removida, mas essa não é a melhor abordagem, pois você também pode ter que editar a outra função que exibe a barra lateral.

Você também pode querer ter esta barra lateral em outras páginas e removida apenas em uma página, portanto, remover a barra lateral deste arquivo functions.php não é recomendado.

Exibição da barra lateral no tema WordPress

A barra lateral é exibida em qualquer página ou post usando uma chamada para um modelo chamado sidebar.php. Essencialmente o que acontece é que a página ou post templates eles chamam de arquivo chamado sidebar.php que contém o código que exibe a barra lateral.

Em nossa ilustração do tutorial, ao abrir o arquivo sidebar.php do tema Twenty Seventeen WordPress, você verá a seguinte linha de código responsável por renderizar o código da barra lateral:

Mais adiante nos arquivos do tema WordPress, ao abrir o arquivo index.php ou page.php ou o arquivo single.php , você verá o código mostrado na imagem abaixo que agora chama o arquivo sidebar.php para exibir seu conteúdo na página e a postagem:

No tema padrão do WordPress vinte e dezessete, o código está localizado no arquivo index.php logo antes da chamada para o modelo de rodapé.

Como o código da barra lateral do WordPress funciona

Existem três arquivos envolvidos com a barra lateral do WordPress e também existem três funções principais envolvidas ao adicionar barras laterais do WordPress e funcionam da seguinte forma:

1. O arquivo de funções registra a barra lateral (áreas de widget) usando esta função – register_sidebar()
2. O arquivo da barra lateral contém o código para exibir a barra lateral usando esta função – dynamic_sidebar()
3. Index,page.php ou single.php ou custom-post-type-page.php chama o código do sidebar.php com esta tag de modelo – get_sidebar()

Portanto, a sequência de eventos é a seguinte em uma ilustração diagramática:

Como remover a barra lateral do WordPress?

Como mencionado acima, o melhor lugar para interromper essa sequência de eventos é evitar a última parte que está exibindo a barra lateral, pois queremos apenas removê-la da visualização em vez de remover completamente a barra lateral das funções do tema WordPress.

Isso geralmente acontece, pois queremos remover a barra lateral de uma página ou postagem de um site e não de todas as páginas ou postagens de um site.

4 maneiras de remover a barra lateral no tema WordPress

#1 Excluir a função get_sidebar() Remover o site WordPress da barra lateral

Agora que entendemos como a barra lateral do WordPress é adicionada e exibida no site WordPress, podemos remover facilmente a barra lateral removendo o código get_sidebar() do modelo de página do qual queremos remover a barra lateral.

• Abra seus arquivos de tema e procure pela função get_sidebar() no page.php, single.php, index.ph p ou outros modelos de página personalizados que são adicionados ao seu tema.
• Quando você abrir este arquivo, procure esse código e exclua-o, isso removerá a barra lateral do WordPress.
• Algumas vezes o código pode chamar uma barra lateral específica como a barra lateral do rodapé pode ter um código como este – <?php get_sidebar('footer-widget-area'); ?> simplesmente exclua o código que corresponde à barra lateral do WordPress que você deseja remover.

#2 Crie um modelo personalizado de página inteira para remover o site WordPress da barra lateral (página estática)

A segunda maneira de remover a barra lateral no WordPress é criar um modelo de página personalizado que não tenha a função get_sidebar().

• Para criar uma página de modelo personalizada para o seu tema, você precisa adicionar o seguinte código a um novo arquivo que você salvará dentro da pasta principal do tema:

 <?php

/*
*
* Nome do modelo: Modelo de largura total
*/

get_header();

• Salve o arquivo como fullwidth-page.php e faça login no seu painel do WordPress e clique em criar uma nova página. Na metabox de atributos de página, você deve ver o modelo de página personalizada de página inteira no menu suspenso, conforme mostrado na imagem abaixo:

• Agora você precisa adicionar o conteúdo da página para poder exibir os outros conteúdos da página e omitir a barra lateral. Abra o php do seu tema e copie todo o conteúdo para o novo fullwidth-page.php removendo a tag get_sidebar() para que você tenha todas as outras partes sem a barra lateral.
• Ao copiar, salve e retorne ao seu painel para criar uma nova página usando o novo modelo de página de largura total sem a barra lateral.
• Você também pode criar um modelo de postagem único personalizado para remover a barra lateral das postagens, assim como removeu a barra lateral da página. Adicione o seguinte código no novo arquivo:

 <?php
/*
* Nome do modelo: Post sem barra lateral
* Tipo de postagem de modelo: postagem, página, produto
*/

get_header(); ?>

• Salve este arquivo como fullwidth-single-post.php e agora você pode acessar o modelo de postagem personalizado único de largura total, assim como você acessa o modelo de página personalizado explicado na etapa acima.

#3 Use a função Unregister Sidebar para remover a barra lateral do WordPress

Outra maneira engenhosa de remover a barra lateral no WordPress é usar a função unregister_sidebar(). Esta função recebe um argumento que é o ID da barra lateral e a expressão geral é a seguinte:

unregister_sidebar(string|int $sidebar_id)

A função remove a barra lateral de uma lista de barras laterais e pode ser usada em um gancho de ação da seguinte forma:

 function remove_footer_widgets(){

   // Cancela o registro das barras laterais do rodapé TwentySeventeen
   unregister_sidebar('sidebar-2');
   unregister_sidebar('sidebar-3');
}

add_action( 'widgets_init', 'remove_footer_widgets', 11 );

Isso removerá efetivamente as barras laterais do rodapé no tema padrão do WordPress Twenty Seventeen.

#4 Use plugins gratuitos para remover as barras laterais do WordPress

Existem vários plugins que você pode usar para desativar a barra lateral nas páginas e postar gerenciando as barras laterais. Os três plugins de gerenciamento de barra lateral e widgets mais populares que são gratuitos incluem:

• Barras laterais personalizadas – Gerenciador de área de widget dinâmico
• Barras laterais de página simples
• Barras laterais sensíveis ao conteúdo – Áreas de widget ilimitadas
• Desativar widget

Ajuste de CSS após remover a barra lateral do WordPress

Finalmente, você pode ter que reajustar seus estilos, pois a remoção da barra lateral deixa um espaço e isso pode ser alcançado por alguns ajustes de CSS.

No tema padrão do WordPress Twenty Seventeen, você pode adicionar os seguintes estilos CSS para ajustar o espaço deixado pela barra lateral removida:

 .área de conteudo {
    largura: 100%;
    margem: 0px;
    borda: 0px;
    preenchimento: 0px;
}

.área de conteúdo .site {
    margem:0px;
}

Agora sem a barra lateral, o site deve ser removido com sucesso e a largura da área de conteúdo ajustada para caber na página inteira conforme mostrado na imagem abaixo:

Empacotando

Neste post, descrevemos amplamente as quatro maneiras comuns de remover a barra lateral no WordPress e cada um desses métodos tem prós e contras. Para remover a barra lateral do WordPress, você precisa avaliar seu tema e descobrir como ele foi codificado para que você possa implementar o melhor método para remover a barra lateral em seu tema WordPress. Espero que você ache este tutorial do WordPress útil e entre em contato se precisar de mais orientações sobre como remover a barra lateral do tema do WordPress.