O que é a barra lateral do WordPress

Uma barra lateral do WordPress é uma área do layout de um site que geralmente está localizada no lado esquerdo ou direito de uma página, mas também pode estar localizada na parte superior ou inferior de uma página. A principal função de uma barra lateral é apresentar conteúdo adicional, fornecer navegação e melhorar a experiência do utilizador. Normalmente, contém vários widgets (dispositivos), como caixas de pesquisa, mensagens recentes, classificados, nuvens de etiquetas, ligações para redes sociais, anúncios, calendários e código HTML personalizado.

Exemplos de barras laterais de sítios Web

1.Wikipédia (enciclopédia em linha)

2) ElementorCentro de ajuda

Principais funções e utilizações da barra lateral

1. Navegação e pesquisaBarras laterais: As barras laterais podem conter o menu de navegação e a caixa de pesquisa do sítio, ajudando os utilizadores a encontrar mais facilmente o conteúdo que lhes interessa.
2. Apresentação do conteúdo mais recenteA barra lateral pode atrair os utilizadores a clicar e aumentar as visualizações da página, apresentando as últimas mensagens, comentários ou artigos populares.
3. Publicidade e promoçãoBarras laterais: As barras laterais são ideais para apresentar anúncios ou conteúdos promocionais que possam captar eficazmente a atenção dos utilizadores.
4. Ligações para redes sociaisAdicionar ícones e hiperligações de redes sociais à barra lateral permite que um sítio Web incentive os utilizadores a partilhar conteúdos em plataformas sociais, aumentando assim a exposição do sítio.
5. Conteúdo personalizadoBarras laterais: as barras laterais podem adicionar código HTML personalizado, texto ou outro conteúdo para proporcionar mais personalização e funcionalidade

Gerir as barras laterais a partir do Personalizador do WordPress

Uma das principais formas de gerir as barras laterais do tema é através do Personalizador do WordPress. Se o seu tema suportar barras laterais e personalizações, estas aparecerão normalmente aqui.

A localização exacta das definições depende do tema, mas normalmente é necessário procurar opções como Definições de esquema, Definições gerais ou Definições gerais do site.

Por exemplo, ao utilizar um tema OceanWP, pode escolher diferentes configurações da barra lateral nas definições gerais, como a barra lateral direita, a barra lateral esquerda ou as barras laterais esquerda e direita, e pode também configurar a largura da barra lateral.

Se não conseguir encontrar estas definições, tente explorar as diferentes áreas do personalizador do WordPress. Ou consulte a documentação de apoio do programador do tema.

Gerir barras laterais para conteúdos individuais

Alguns temas também oferecem definições ao nível da página que lhe permitem controlar as barras laterais de publicações ou páginas individuais.

Se o tema tiver esta funcionalidade, pode ver estas opções quando utilizar o editor do WordPress. Podem ser apresentadas na meta-caixa por baixo do editor ou na barra lateral do documento.

Por exemplo, ao utilizar o tema OceanWP, pode escolher diferentes disposições da barra lateral em páginas ou publicações individuais.

Como adicionar widgets à barra lateral do WordPress

A barra lateral é uma área no sítio Web, mas para a qual oAdicionar conteúdoSe quiser utilizar widgets do WordPress, tem de utilizar widgets do WordPress.

Pode adicionar widgets à barra lateral do seu tema de duas formas:

1. Personalizador do WordPress
2. Área de widgets dedicada

Ambos os métodos sincronizam-se automaticamente, pelo que não há problema em utilizar qualquer um deles. A vantagem de utilizar o personalizador do WordPress é que pode pré-visualizar o efeito do widget em tempo real.

Gerir Widgets através do Personalizador do WordPress

Para gerir os widgets da barra lateral através do personalizador do WordPress, siga estes passos:

1. mudar para Aparência → Personalizado.

2. opção widgets Opções de menu.
3. Ser-lhe-á pedido que selecione as áreas de widgets que pretende gerir. Dependendo do seu tema, poderá ver apenas uma opção ou poderá ver várias opções, incluindo áreas que não sejam da barra lateral (como rodapés).

4. Em seguida, clique em"Adicionar Widget"para começar a adicionar o widget à barra lateral. Assim que o widget for adicionado, configure-o utilizando as opções na barra lateral:

Ao adicionar novos widgets, vê-los-á imediatamente aparecer numa pré-visualização em direto do sítio. Também é possível utilizar a função arrastar e largar para reorganizar a ordem dos widgets existentes.

Para além da utilização do personalizador, o WordPress disponibiliza uma área dedicada à gestão de widgets. Pode aceder-lhe simplesmente através da opção "Widgets" no menu "Aparência".

Nesta área, pode ver todos os widgets que podem ser adicionados ao seu sítio Web, bem como a área da barra lateral que vem com o seu tema (e possivelmente outras áreas de widgets, como o rodapé).

Para adicionar um widget ao seu sítio Web, basta arrastá-lo e soltá-lo da lista de widgets disponíveis para a barra lateral ou outra área onde o deseja colocar. Depois disso, pode personalizar ainda mais o seu conteúdo clicando no botão de definições do widget, como ajustar o texto, selecionar uma imagem, etc:

Conceber widgets personalizados com o Elementor

Com o Elementor Pro, é fácil conceber widgets personalizados e adicioná-los à sua barra lateral. Veja como usar Elementor s para criar e adicionar widgets personalizados, passo a passo:

Em primeiro lugar, abra o backend do WordPress e navegue até à secção "Templates" do Elementor e selecione "Adicionar novo item" para criar um novo modelo de secção. Este modelo pode ser qualquer coisa que queira apresentar, como um formulário de subscrição de correio eletrónico ou uma frase de chamada para ação (CTA) envolvente.

Ao criar um modelo, use a interface de arrastar e soltar do Elementor para adicionar e dispor facilmente vários elementos, como texto, imagens, botões e muito mais. Certifique-se de clicar no botão Publicar para salvar seu modelo na biblioteca quando terminar.

Em seguida, vá para a área da barra lateral onde pretende apresentar este widget personalizado. Localize e adicione o "Biblioteca Elementor"Widget. Uma vez adicionado, verá uma lista pendente de modelos para escolher. Nesta lista, selecione o modelo específico que acabou de criar.

Como adicionar uma barra lateral personalizada no WordPress

Para adicionar uma barra lateral personalizada ao seu sítio Web WordPress, mas o seu tema não tem suporte de barra lateral incorporado ou pretende adicionar mais barras laterais, pode seguir estes passos simples:

Passo 1: Inscrever-se para barras laterais personalizadas

Em primeiro lugar, registe a barra lateral no WordPress para que apareça na secção "estado exterior" → "widgets". Pode adicionar o código das duas formas seguintes:

1. Editar o ficheiro functions.php do tema(Note que pode não ser seguro editar o ficheiro do tema diretamente, pelo que é melhor utilizar um tema secundário):
   • Crie um tema secundário (se ainda não existir).
   • Adicione o código para registar a barra lateral no ficheiro functions.php do tema filho.
2. Utilizar o plugin de fragmentos de código(por exemplo, os plug-ins Code Snippets, Insert Headers and Footers):
   • Instale e active o plugin Code Snippets.
   • Crie um novo fragmento de código e adicione o código para registar a barra lateral.

Exemplo de código para registar uma barra lateral::

função my_custom_sidebars() {
    register_sidebar(array(
        
        'id' => 'custom-sidebar-1',
        
        'before_widget' =&gt; '<div id="%1$s" class="widget %2$s">',
        'after_widget' =&gt; '</div>',
        'before_title' =&gt; '<h2 class="widgettitle">',
        'after_title' =&gt; '</h2>',
    ));

    // Se precisar de mais barras laterais, copie o código acima e altere o 'name', 'id' e outros parâmetros
}
add_action( 'widgets_init', 'my_custom_sidebars' );

Passo 2: Mostrar a barra lateral na parte da frente

As barras laterais são registadas e têm de estar no ficheiro de modelo do front-end (por exemplo header.php,sidebar.php,rodapé.php ou ficheiros de modelos de página única) para o chamar, a fim de apresentar uma barra lateral no sítio. Isso geralmente envolve o uso do parâmetro dynamic_sidebar() funções e juízos condicionais adequados.

Por exemplo, no ficheiro sidebar.php:

Este código verifica se a barra lateral chamada 'custom-sidebar-1' contém o widget ativo e mostra-o se o tiver.

Depois de seguir estes passos, pode ver a nova barra lateral na página Aparência → Widgets e adicionar widgets à mesma.

Como criar uma barra lateral com o Elementor

Para apresentar uma barra lateral personalizada utilizando o Elementor, crie um novo modelo de publicação ou página que contenha a barra lateral, bem como a área de conteúdo principal.

Primeiro, vá paraModelos → Theme Builder. Em seguida, selecione onde adicionar a barra lateral primeiro - o Posto únicotalvezPágina única::

Pode escolher um dos modelos pré-criados. Ou criar o seu design completamente de raiz. A opção mais fácil é escolher apenas um dos modelos que já inclui uma barra lateral:

Em seguida, edite o ficheirouma barra lateral (em software)e utilizar o widgetSelecionar a barra lateralA lista pendente seleciona a barra lateral personalizada registada no passo anterior.

Uma vez feito isto, deve ver uma pré-visualização em direto de todos os widgets que foram adicionados:

Para concluir a tarefa e garantirpostoModelo. Ao executar esta ação, pode utilizar as condições de apresentação para controlar onde o modelo da barra lateral é apresentado. Apresentá-lo em todo o conteúdo (para utilizar a barra lateral em todo o sítio). Ou utilizar regras de apresentação para adicionar a barra lateral apenas a conteúdos específicos.

Se estiver habituado a utilizar HTML, CSS ou PHP, pode adicionar uma barra lateral no código. Caso contrário, recomenda-se que utilize Elementor Métodos.

Para exibir uma barra lateral personalizada no WordPress através de código, é necessário editar diretamente o ficheiro de modelo do tema. Uma vez que isto é modificar o tema diretamente, é importante utilizar um tema filho para evitar que as suas alterações sejam substituídas ao atualizar o tema.

Para obter mais informações sobre como criar e utilizar temas filhos, pode consultar o Guia completo de temas filhos do WordPress.

Depois de criar um tema secundário, moverá a pasta do tema principal single.php é copiado para a pasta do tema filho. Em seguida, edite o tema filho na pasta single.php e adicione o seguinte trecho de código ao local onde pretende que a barra lateral personalizada seja apresentada:

<?php get_sidebar(); ?>

Como remover a barra lateral no WordPress

Como remover uma barra lateral que não pretende utilizar. Por exemplo, o seu tema vem com uma barra lateral, mas pretende que parte ou todo o conteúdo utilize o modelo de largura total.

Para remover a barra lateral no WordPress, existem duas opções:

1. Utilizar o Elementor Pro
2. Código de utilização

Antes de utilizar estes métodos, verifique se o seu tema tem uma funcionalidade incorporada para desativar a barra lateral. Muitos temas fornecem opções no personalizador do WordPress para desativar a barra lateral sem ter de o fazer manualmente. Ou então, o tema pode vir com um modelo de largura total que pode ser selecionado quando se utiliza o editor do WordPress.

Se o seu tema não tiver estas opções, siga estes passos para remover manualmente a barra lateral.

Remover barras laterais com o Elementor

Para remover a barra lateral do WordPress utilizando o Elementor, é necessário criar um modelo que não contenha a área da barra lateral. Os passos são os seguintes:

1. Criar um modelo: Ir para "modelo" → "Geração de temasWare", selecione o local onde pretende remover a barra lateral, por exemplo, um único post ou uma única página.
2. aplicação globalSe pretender remover a barra lateral de todo o seu site, pode utilizar este modelo para cobrir tudo.
3. aplicação localSe só quiser remover a barra lateral em determinadas páginas, pode escolher um modelo sem barra lateral onde precisa dela.

Quando terminar, podepostoe utilizar as condições de apresentação para controlar onde é apresentado.

Remover a barra lateral do WordPress com o código

É possível remover a barra lateral do WordPress editando diretamente o ficheiro de modelo do tema. Os passos são os seguintes:

1. Utilizar temas secundários: Certifique-se de que utiliza um tema secundário devido à necessidade de editar os ficheiros do tema. Isto evitará que a atualização do tema substitua as suas alterações.
2. Cópia de ficheiros modeloO ficheiro de modelo que terá de ser removido da barra lateral (por exemplo single.php,archive.php etc.) do tema principal para a pasta do tema secundário.
3. Editar ficheiros de modelosAbrir estes ficheiros e eliminar todos os ficheiros semelhantes <?php get_sidebar(); ?> (o código pode ser ligeiramente diferente, mas basicamente chama a barra lateral).
4. Ajustar HTML e CSSAjuste o código HTML e CSS conforme necessário para garantir que a disposição da página está correta.

Como mostrar barras laterais diferentes em conteúdos diferentes

Anteriormente, falámos sobre como adicionar uma barra lateral no WordPress, mesmo que o seu tema não a suporte. Mas e se quiser mostrar barras laterais diferentes em conteúdos diferentes? Isto permite-lhe apresentar diferentes colecções de widgets para diferentes tipos de conteúdo.

Por exemplo, pode querer utilizar um conjunto de widgets para publicações de blogue na categoria "Análises" e outro conjunto de widgets para publicações de blogue na categoria "Tutoriais".

fazer uso de Elementor Mostrar barras laterais diferentes

Esta é a forma mais fácil e pode seguir os passos abaixo:

1. Criar um modelo: Primeiro, crie vários modelos Elementor, cada um com a sua própria barra lateral.
2. Definição das condiçõesDepois, vá a Definições de condições para atribuir cada modelo a uma categoria, página ou outra condição relevante.

Utilizar o plug-in da barra lateral sensível ao conteúdo

Outra forma é utilizar o plugin gratuito Content-Aware Sidebar. Depois de instalar e ativar o plug-in, siga estes passos:

1. Adicionar nova barra lateral: Aceder a "Content Aware → Adicionar novo".
2. Definição das condiçõesSelecione a condição pela qual pretende substituir a barra lateral predefinida. Por exemplo, se pretender utilizar esta barra lateral para todos os posts do blogue na categoria "Comentários", crie uma condição de categoria.

3. mudar para"Operação"e selecionar a barra lateral que pretende substituir. Em alternativa, pode "fundir" as barras laterais para incluir o conteúdo de ambas:

4. Depois de fazer a sua seleção, clique em"Criar". Em seguida, aceda aAparência → Widgetspara adicionar conteúdo à barra lateral condicional:

Resumo:

Utilizando o Elementor ou código, pode configurar diferentes colecções de widgets para diferentes tipos de conteúdo, bem como utilizar o plugin Content-Aware Sidebar para uma personalização mais avançada. Quer seja através do Personalizador do WordPress ou editando manualmente um ficheiro de modelo, este guia fornece passos e métodos abrangentes para uma variedade de necessidades do utilizador.