Como ocultar ou exibir conteúdo em bloco no WordPress?

Controlar a visibilidade do conteúdo no WordPress é uma funcionalidade essencial para designers, desenvolvedores e gestores de conteúdo. Seja para personalizar a experiência do usuário, restringir a visibilidade com base no tipo de dispositivo ou gerenciar campanhas com prazo determinado, a capacidade de exibir ou ocultar conteúdo em blocos condicionalmente no WordPress oferece um novo nível de flexibilidade.

Este guia irá orientá-lo em tudo o que você precisa saber sobre como ocultar ou exibir conteúdo de blocos no WordPress usando plugins, código personalizado e recursos nativos do editor de blocos. Vamos explorar como tornar o conteúdo do seu WordPress mais dinâmico, eficiente e personalizado para cada visitante.

Por que controlar a visibilidade do conteúdo dos blocos no WordPress?

Nem todo conteúdo precisa ser visível para todos os usuários. Aqui estão alguns motivos práticos para controlar a visibilidade dos blocos:

• Exibir conteúdo exclusivo apenas para usuários conectados
• Exibir ofertas baseadas em localização usando geolocalização
• Alterar títulos de acordo com a hora do dia
• Crie layouts específicos para dispositivos móveis sem duplicar páginas
• Realize promoções por tempo limitado sem precisar publicar ou remover conteúdo manualmente

Essas condições de visibilidade melhoram tanto a experiência do usuário quanto o desempenho do conteúdo, especialmente em sites WordPress.

Usando plugins para mostrar ou ocultar conteúdo de blocos no WordPress

Os plugins são a maneira mais acessível de implementar controles avançados de visibilidade de conteúdo no editor de blocos do WordPress. Aqui estão os plugins mais confiáveis ​​para esse caso de uso.

Plugin de Visibilidade de Blocos

O Block Visibility é uma ferramenta completa que adiciona dezenas de configurações de visibilidade diretamente a blocos individuais. Ele se integra ao editor de blocos e oferece suporte a:

• Controle por tipo de dispositivo (celular, tablet, computador)
• Segmentação por navegador (Chrome, Safari, Firefox)
• Agendamento de data e hora
• Personalização baseada em cookies
• Funções do usuário e status de login
• Largura da tela e tamanho da tela
• Fontes de referência e strings de consulta
• Metadados personalizados e detecção de localização

Esses controles estão disponíveis na barra lateral direita, na seção Visibilidade de cada bloco. Você também pode ativar o Modo de Controle Total nas configurações gerais para acessar todas as opções em todos os blocos.

Principais características:

• Predefinições de visibilidade para gerenciar vários blocos
• Condições do caminho da URL para conteúdo específico da página
• Ocultar bloco de todos: opção para alterações rápidas
• Importação e exportação de configurações de visibilidade

Este plugin é ideal para desenvolvedores web que gerenciam sites WordPress complexos com requisitos de conteúdo dinâmico.

Plugin de controle de conteúdo

O plugin Content Control simplifica a visibilidade dos blocos, concentrando-se em dois conjuntos de regras principais:

• Regras de dispositivo (celular, tablet, computador)
• Regras do usuário (usuário conectado, usuário desconectado, funções específicas do usuário)

Funciona bem em cenários onde você deseja exibir conteúdo diferente com base no status de login ou no tamanho da tela. Por exemplo, você pode exibir uma imagem para usuários de dispositivos móveis e outra para usuários de computadores usando a mesma estrutura de bloco.

Principais características:

• Alternar regras para desativar temporariamente as configurações de visibilidade
• Configurações globais de breakpoint nas opções do plugin
• Interface de usuário simples integrada ao editor de blocos
• Recursos premium opcionais, como as condições do WooCommerce

Este plugin é perfeito para iniciantes ou agências que buscam personalização rápida com base no dispositivo ou no usuário.

Blocos condicionais

O Conditional Blocks oferece uma interface modal para adicionar lógica condicional a blocos do WordPress. Enquanto a versão gratuita inclui recursos básicos como visibilidade por dispositivo e usuário, a versão Pro introduz geolocalização, agendamento e restrições baseadas em associação.

A versão gratuita oferece:

• Bloqueio de bloqueio para todos
• Exibição baseada em dispositivo
• Condições de login do usuário
• Combinações lógicas AND/OR

A versão Pro adiciona:

• Agendamento de datas antecipado
• Segmentação por função de usuário
• WooCommerce e controles de associação
• Pontos de interrupção personalizados e segmentação geográfica
• Gerenciador de predefinições para alterações em lote

Os Blocos Condicionais representam um bom meio-termo entre simplicidade e poder, especialmente para equipes que precisam de condições reutilizáveis.

Condição Wicked Blocks

Wicked Blocks Condition é um plugin pouco conhecido com opções amigáveis ​​para desenvolvedores, como funções PHP personalizadas. Ele permite que blocos sejam exibidos ou ocultados com base em:

• Função do usuário ou status de login
• Intervalos de data e hora
• Poste o status ou as categorias
• Cadeias de consulta de URL
• Funções de lógica personalizadas

Se você deseja combinar a flexibilidade do low-code com o controle baseado em editor, este plugin é uma ótima opção.

Tabela de comparação de plugins

Nome do Plugin	Principais características	Caso de uso ideal
Visibilidade do bloco	Data/hora, geolocalização, função do usuário, tamanho da tela, cookies	Controle total de visibilidade
Controle de conteúdo	Regras de função de dispositivo e usuário	casos de uso leves
Blocos condicionais	Lógica AND/OR, predefinições, pontos de interrupção avançados	Implementações de médio a avançado
Condição Wicked Blocks	Suporte a funções PHP, direcionamento de strings de consulta	Controle orientado ao desenvolvedor

Trechos de código personalizados para ocultar ou exibir conteúdo no WordPress

Se preferir evitar plugins, você pode usar funções nativas do WordPress e lógica condicional para controlar a visibilidade. Esses exemplos podem ser adicionados a um plugin personalizado ou ao arquivo functions.php do seu tema filho.

Ocultar conteúdo para usuários conectados

add_action( 'wp_head', 'custom_hide_paragraphs_for_logged_in' ); function custom_hide_paragraphs_for_logged_in() { if ( is_user_logged_in() ) { echo 'p { display: none !important; }'; } }

Isso oculta todos os elementos de parágrafo para usuários que estão conectados. Você pode inverter a condição ou selecionar outros elementos de acordo com suas necessidades.

Ocultar conteúdo com base na geolocalização

add_action('wp_head', 'custom_hide_images_us'); function custom_hide_images_us() { $ip = $_SERVER['REMOTE_ADDR']; $geo = "https://ipapi.co/{$ip}/json/"; $response = wp_remote_get($geo); if ( is_wp_error($response) ) return; $data = json_decode( wp_remote_retrieve_body($response) ); if ( isset($data->country_code) && $data->country_code === 'US' ) { echo 'img { display: none !important; }'; } }

Use este script para ocultar todas as imagens para usuários que acessam o site dos Estados Unidos. Lembre-se de que chamadas à API a cada carregamento de página podem afetar o desempenho; portanto, use variáveis ​​transitórias ou cache sempre que possível.

Ocultar imagem em destaque por categoria

add_filter('post_thumbnail_html', 'custom_hide_featured_image', 10, 2); function custom_hide_featured_image($html, $post_id) { if ( has_category('books', $post_id) ) { return ''; } return $html; }

Este código remove a imagem destacada de todas as postagens atribuídas à categoria "livros". Você pode modificá-lo para tags, taxonomias personalizadas ou metadados.

Testando as condições de visibilidade do conteúdo

Para evitar surpresas no seu site em produção, aqui estão algumas práticas recomendadas para testes:

• Utilize ambientes de teste para execuções de teste.
• Limpe o cache do navegador e do site antes de visualizar as alterações
• Alterne as funções do usuário para verificar as condições de visibilidade
• Verifique o código-fonte da página para confirmar se os elementos ocultos estão sendo removidos ou apenas ocultados com CSS
• Use as ferramentas de desenvolvedor do navegador para simular diferentes dispositivos e tamanhos de tela

Essas precauções ajudam a evitar problemas de SEO e comportamentos inesperados, especialmente em grandes sites WordPress.

Configurações e dicas do plugin

Cada plugin mencionado acima possui áreas de configuração específicas dentro de WP Admin > Configurações. Dependendo do seu plugin, você pode:

• Defina os pontos de interrupção do dispositivo
• Ative a visibilidade dos blocos no painel do editor
• Desativar plugins em determinados blocos
• Ative o modo de controle total ou o modo de depuração

Compreender os controles de visibilidade padrão e personalizá-los para corresponder ao seu fluxo de trabalho editorial resultará em uma melhor governança de conteúdo em todo o seu site.

Quando devo usar um plugin em vez de código personalizado?

A escolha entre plugins e código personalizado depende da complexidade do seu projeto, das habilidades da equipe e das metas de desempenho.

Use um plugin se:

• Você precisa de usuários sem conhecimento técnico para gerenciar a visibilidade
• Seu site exige dezenas de condições em várias páginas
• Você deseja ter acesso a recursos profissionais, como agendamento ou segmentação geográfica?

Usar código personalizado se:

• Você quer um desempenho mais enxuto
• Você está direcionando condições específicas que não são suportadas por plugins
• Seu site é pequeno e tem um escopo bem definido

Para sites grandes, uma abordagem híbrida costuma ser a melhor opção. Utilize plugins para controles de visibilidade comuns e crie lógica personalizada quando necessário.

Casos de uso práticos para visibilidade de blocos no WordPress

Entender os controles de visibilidade é uma coisa. Aplicá-los com eficácia é outra. Vamos explorar situações reais específicas em que a exibição condicional de blocos de conteúdo se torna essencial para a estratégia de um site.

Conteúdo personalizado para usuários conectados

Muitos sites de membros, plataformas de e-learning e painéis de controle internos de negócios usam condições de visibilidade para restringir o conteúdo. Você pode exibir uma mensagem de boas-vindas ou um painel personalizado apenas para usuários conectados. Se alguém fizer logout, o mesmo bloco de conteúdo desaparece automaticamente da visualização.

Isso é facilmente resolvido com o plugin de visibilidade de blocos ou com o Controle de Conteúdo, atribuindo configurações de visibilidade com base na função do usuário e no status de login. É um método intuitivo de segmentação de conteúdo que não exige conhecimentos avançados de desenvolvimento.

Sites WordPress multilíngues

Empresas globais frequentemente criam blocos de conteúdo diferentes para cada idioma. Em vez de criar várias páginas, você pode usar controles de visibilidade de blocos para exibi-los condicionalmente com base nas preferências ou localização do usuário. Combine a lógica de geolocalização com plugins multilíngues para fornecer conteúdo específico para cada região sem duplicar esforços.

Anúncios com base no horário

Você pode querer realizar vendas relâmpago, lançamentos de produtos ou banners promocionais que sejam exibidos apenas durante um determinado período. Usando as condições de data e hora no plugin de visibilidade de blocos, você pode programar a exibição ou ocultação de blocos em momentos precisos.

Esse tipo de automação mantém seu site WordPress atualizado e elimina a necessidade de publicar ou remover blocos manualmente.

Layouts condicionais para dispositivos móveis

Diferentes tamanhos de tela geralmente exigem layouts diferentes. Em vez de criar várias versões de uma página, as configurações de visibilidade de blocos permitem criar blocos de conteúdo específicos para dispositivos móveis. Exiba blocos com base no tamanho da tela ou no tipo de dispositivo e melhore a experiência do usuário em dispositivos móveis, mantendo tudo editável em um só lugar.

Isso é especialmente útil para exibir diferentes tamanhos de navegação, botões ou imagens para telas menores, melhorando a usabilidade e o desempenho da página.

Como funcionam os controles de visibilidade no editor de blocos do WordPress

Se você estiver usando o editor de blocos Gutenberg (atualmente o padrão para WordPress), as configurações de visibilidade aparecerão na barra lateral direita assim que um plugin como Block Visibility ou Conditional Blocks for instalado.

Ao editar uma publicação ou página:

1. Selecione um bloco de conteúdo
2. Procure uma seção intitulada Visibilidade ou Condições de Exibição.
3. Use as caixas de seleção, listas suspensas ou interruptores para controlar quem vê o bloco e quando

Alguns plugins também adicionam um ícone na barra de ferramentas ou configurações em "Avançado" na seção do editor de blocos. Isso permite acesso rápido a opções de visibilidade, como tamanho da tela, funções do usuário, status de login ou strings de consulta de URL.

Melhores práticas para gerenciar configurações de visibilidade

Para evitar confusão e gerenciar o desempenho, aqui estão algumas dicas de especialistas:

• Agrupe blocos relacionados: Use grupos de blocos ou padrões para aplicar regras de visibilidade entre seções.
• Use predefinições: Em ferramentas como Visibilidade de Blocos ou Blocos Condicionais, salve configurações comuns como predefinições.
• Limitar a sobreposição de plugins: Evite usar vários plugins para a mesma finalidade para reduzir conflitos.
• Treine sua equipe: editores sem conhecimento técnico devem entender as condições de visibilidade para evitar configurações incorretas.
• Teste todas as funções de usuário: verifique como cada bloco de conteúdo aparece para diferentes tipos de usuário, estejam eles conectados ou desconectados.

Esses hábitos ajudam a manter fluxos de trabalho organizados e a evitar problemas de desempenho ou confusão de conteúdo.

Considerações finais

A capacidade de ocultar ou exibir conteúdo em blocos no WordPress deixou de ser um recurso exclusivo para desenvolvedores. Com os plugins certos ou código personalizado, qualquer pessoa pode criar experiências de usuário sob medida que se adaptam à função, localização, dispositivo ou horário.

corporativo um hub de conteúdo, as configurações de visibilidade de conteúdo ajudam você a entregar a mensagem certa para o público certo, no momento certo.

Ao dominar os controles de visibilidade de blocos, você desbloqueia um site WordPress mais dinâmico, personalizado e com melhor desempenho.