Controle a visibilidade do widget do WordPress com widgets condicionais

Os widgets são uma excelente maneira de promover outros aspectos do seu site, sem interromper o conteúdo que o visitante está lendo no momento. Normalmente, isso é feito em uma barra lateral ou outra área designada por seu tema WordPress para widgets.

Pode haver momentos, no entanto, quando você deseja que um widget seja exibido apenas em determinadas páginas. Felizmente, existem widgets condicionais apenas para este cenário. Por exemplo, se você tiver um widget de calendário em seu site, talvez queira que ele apareça apenas na página de eventos.

Neste artigo, daremos uma visão geral do que são widgets condicionais e como criá-los. Também exploraremos duas opções para configurá-los. Vamos mergulhar de cabeça!

O que são widgets condicionais?

Resumindo, os widgets condicionais são widgets do WordPress que possuem uma variável de controle adicional. Isso permite que você determine se cada widget aparecerá ou não em uma página ou postagem específica. Isso pode ajudá-lo de várias maneiras diferentes.

Primeiro, você pode maximizar o valioso patrimônio imobiliário do site. Há muito espaço de sobra na barra lateral na maioria dos temas. Ao tornar seus widgets condicionais, você pode controlar quanto desse espaço é dedicado a cada recurso. Você poderá incluir ou excluir determinados widgets da barra lateral conforme necessário.

Além disso, ao tornar seus widgets condicionais, você pode garantir que suas barras laterais sejam mais relevantes para cada página. Por exemplo, você pode remover um widget de mapa e direções de todas as suas outras páginas, mas deixá-los visíveis na sua página 'Sobre'. Isso libera o espaço do widget da barra lateral para conteúdo mais relevante em suas outras páginas.

Como fazer um widget condicional (sem Jetpack)

Quando se trata de trabalhar com widgets condicionais, existem algumas ferramentas que você pode usar. Alguns deles requerem ajustes no código do seu tema, enquanto outros não.

Vamos primeiro dar uma olhada em como ativar as opções condicionais com um plug-in que requer um pouco de conhecimento extra de codificação. Em seguida, exploraremos como obter os mesmos resultados com o plug-in Jetpack

Etapa 1: escolha um plug-in de widget condicional

Existem várias opções de plug-ins para tornar os widgets condicionais. Para este exemplo, vamos usar Widget Logic.

Este plug-in adiciona um campo a todos os seus widgets, onde você pode incluir quaisquer tags condicionais do WordPress ou código PHP geral. Para começar, você primeiro deseja instalar e ativar o plug-in.

Etapa 2: abra seu painel de widgets

Em seguida, você pode navegar para Aparência > Widgets e abrir o painel de configurações em qualquer widget para acessar um novo campo Lógica do widget .

É aqui que você pode adicionar qualquer uma das tags condicionais do WordPress que mencionamos anteriormente. Por exemplo, se você deseja que um widget específico seja exibido na barra lateral de todas as páginas, exceto na página 'Sobre', você pode adicionar:

!is_page('about')

Da mesma forma, você pode combinar várias tags condicionais para personalizar ainda mais a exibição de seus widgets. Por exemplo, você pode especificar que determinados widgets apareçam apenas em postagens únicas de uma determinada categoria, usando nomes de categoria. Se você quiser que todas as postagens em uma categoria de 'assados' exibam um widget específico, você pode usar:

is_single() && in_category('baked-goods')

Além disso, você encontrará mais opções na parte inferior da página Aparência > Widgets .

Essas configurações permitem que você especifique a ordem na qual sua nova lógica de widget será carregada. Isso é particularmente importante para temas que variam significativamente das opções mais padrão do WordPress.

Por fim, você precisará conhecer muito bem o código do seu tema para evitar erros ao usar este plug-in. Além disso, você deve se familiarizar com o Loop do WordPress para entender melhor a ordem em que determinados elementos serão carregados em seu site.

Alterando a visibilidade do widget com o Jetpack

Como mencionamos anteriormente, outra solução para personalizar as opções de exibição do widget é usar o Jetpack. Este plug-in multifuncional possui muitos recursos que podem ajudá-lo a ajustar o desempenho do seu site WordPress e também permite gerenciar widgets condicionais.

Etapa 1: abra as configurações do Jetpack

Depois de executar as etapas necessárias de instalação e configuração do Jetpack, você precisará visitar a página Jetpack > Configurações no painel do WordPress. Em seguida, clique na guia Escrever .

O recurso de visibilidade do widget não é ativado por padrão. Você precisará rolar para baixo até a área de configurações do Widget e ativar esta opção.

Suas alterações serão salvas automaticamente. Depois de concluir esta etapa, você poderá controlar onde os widgets aparecem em seu site.

Etapa 2: adicionar novas regras

Agora que seu recurso de visibilidade foi ativado, você pode navegar para Aparência > Widget no painel do WordPress. Se você clicar em um widget ativo, verá um novo botão Visibilidade .

Se você selecionar Visibilidade, encontrará um novo painel de opções onde poderá criar declarações lógicas de visibilidade. Isso permitirá que você controle onde cada widget específico aparece em seu site WordPress.

Você pode criar várias instruções lógicas para controlar a visibilidade do seu widget, mas precisará decidir se todas as condições devem ser atendidas. Nesse caso, convém marcar a caixa Corresponder a todas as condições .

Por exemplo, se você deseja ocultar o widget Postagens recentes na página inicial do seu site, mas somente quando as postagens são escritas por um autor específico, você pode configurar a lógica desta forma.

Ao usar o Jetpack para personalizar seus widgets, você não precisa ajustar o código do seu tema. No entanto, ainda recomendamos testar suas novas configurações em um servidor de teste antes de implantá-las em seu site ao vivo.

Personalize seu site com o WP Engine

Agora que você sabe como obter mais controle sobre em quais páginas e postagens seus widgets do WordPress aparecem, você pode criar barras laterais altamente relevantes para o seu site. Aqui no WP Engine, entendemos como é importante ter acesso aos recursos de desenvolvedor certos se você deseja criar um site verdadeiramente personalizado.

Além disso, a personalização do site geralmente pode exigir muitos testes, tentativas e erros. É por isso que oferecemos uma variedade de planos de hospedagem com todas as ferramentas e recursos necessários para construir uma experiência digital incrível. Confira todas as nossas soluções e produtos WordPress para o seu próximo projeto!