{"id":71588,"date":"2025-04-04T05:01:41","date_gmt":"2025-04-04T08:01:41","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=71588&#038;preview=true&#038;preview_id=71588"},"modified":"2025-04-11T11:14:41","modified_gmt":"2025-04-11T14:14:41","slug":"exibir-ou-ocultar-conteudo-de-blocos","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/","title":{"rendered":"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress"},"content":{"rendered":"<p>Ter controle sobre o que aparece no seu site e em quais condi\u00e7\u00f5es \u00e9 uma vantagem valiosa para qualquer <a href=\"https:\/\/kinsta.com\/pt\/blog\/tipos-de-desenvolvedores\/\">desenvolvedor<\/a> ou designer WordPress.<\/p>\n<p>Felizmente, o <a href=\"https:\/\/wordpress.org\/plugins\/\">ecossistema do WordPress<\/a> oferece diversos <a href=\"https:\/\/kinsta.com\/pt\/topicos\/plugins-wordpress\/\">plugins<\/a> que ajudam nessa tarefa. A seguir, apresentamos quatro plugins que permitem:<\/p>\n<ul>\n<li>Ocultar conte\u00fado de rascunho em uma p\u00e1gina ativa.<\/li>\n<li>Aplicar condi\u00e7\u00f5es de exibi\u00e7\u00e3o a grupos, cabe\u00e7alhos e rodap\u00e9s.<\/li>\n<li>Mostrar conte\u00fado com base em data e hora.<\/li>\n<li>Exibir designs diferentes, dependendo do tipo de dispositivo.<\/li>\n<\/ul>\n<p>Uma diferen\u00e7a importante entre os plugins analisados est\u00e1 na facilidade \u2014 ou na complexidade \u2014 de executar essas a\u00e7\u00f5es.<\/p>\n<p>Os plugins selecionados t\u00eam como foco mostrar ou ocultar conte\u00fado dentro dos blocos. Neste artigo, n\u00e3o abordamos solu\u00e7\u00f5es mais amplas, como plugins de <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-criar-um-site-de-membros\/\">membros<\/a> que restringem o acesso a p\u00e1ginas, nem discutimos como bloquear, desbloquear ou ocultar os pr\u00f3prios blocos. Para isso, consulte nosso artigo \u201c<a href=\"https:\/\/kinsta.com\/pt\/blog\/desativar-bloquear-blocos-gutenberg\/\">Como desabilitar e bloquear blocos do Gutenberg<\/a>\u201d.<\/p>\n<p>Todos os quatro plugins devem funcionar com temas baseados em blocos, h\u00edbridos ou cl\u00e1ssicos. Eles tamb\u00e9m s\u00e3o compat\u00edveis com <a href=\"https:\/\/kinsta.com\/pt\/blog\/padroes-de-bloco-wordpress\/\">padr\u00f5es<\/a>, <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-6\/#synced-pattern-overrides\">padr\u00f5es parcialmente sincronizados<\/a> e padr\u00f5es totalmente sincronizados criados com blocos.<\/p>\n<p>Embora o c\u00f3digo personalizado nem sempre seja a melhor maneira de mostrar ou ocultar blocos, fornecemos alguns trechos de c\u00f3digo como exemplos.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Plugins para exibir ou ocultar conte\u00fado de blocos no WordPress<\/h2>\n<p>Os plugins que examinamos t\u00eam recursos semelhantes, mas s\u00e3o implementados de maneiras diferentes. A maioria inclui configura\u00e7\u00f5es globais em <strong>WP Admin<\/strong> &gt; <strong>Configura\u00e7\u00f5es<\/strong>, exceto os dois \u00faltimos plugins mencionados na se\u00e7\u00e3o <strong>Outros plugins<\/strong>, que n\u00e3o t\u00eam essas op\u00e7\u00f5es.<\/p>\n<p>No entanto, todos eles fornecem controles de visibilidade por bloco no <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">painel Inspector<\/a> (a barra lateral direita) do editor, quer voc\u00ea esteja trabalhando com uma p\u00e1gina, um artigo, um tipo de artigo personalizado ou o editor do site.<\/p>\n<h3>Block Visibility<\/h3>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/block-visibility-plugin.png\" alt=\"Banner principal do plugin Block Visibility.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Banner principal do plugin Block Visibility.<\/figcaption><\/figure>\n<p>O <a href=\"https:\/\/wordpress.org\/plugins\/block-visibility\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Visibility<\/a> \u00e9 um dos plugins mais conhecidos dessa categoria. Presente desde os primeiros dias do editor de blocos, ele se destaca por oferecer uma interface intuitiva e um conjunto de recursos completo \u2014 totalmente gratuito e sem vers\u00e3o premium.<\/p>\n<p>Voc\u00ea pode definir controles de visibilidade em qualquer bloco com base em diferentes condi\u00e7\u00f5es, individualmente ou em combina\u00e7\u00e3o:<\/p>\n<ul>\n<li><strong>Navegador e dispositivo<\/strong> &#8211; Mostre ou oculte um bloco dependendo do navegador do visitante (Chrome, Firefox, Safari, etc.) ou do tipo de dispositivo (desktop, tablet, celular).<\/li>\n<li><strong>Cookie<\/strong> &#8211; Controle a visibilidade com base na presen\u00e7a ou n\u00e3o de um cookie espec\u00edfico no navegador do usu\u00e1rio, \u00fatil para personaliza\u00e7\u00e3o.<\/li>\n<li><strong>Data e hora<\/strong> &#8211; Programe o conte\u00fado para ficar vis\u00edvel durante horas espec\u00edficas ou em determinadas datas, como a exibi\u00e7\u00e3o de uma mensagem somente durante o hor\u00e1rio comercial.<\/li>\n<li><strong>Ocultar bloco<\/strong>\u00a0&#8211; Uma substitui\u00e7\u00e3o direta que oculta completamente um bloco, independentemente de quaisquer outras condi\u00e7\u00f5es.<\/li>\n<li><strong>Localiza\u00e7\u00e3o<\/strong> &#8211; Mostre ou oculte conte\u00fado com base na localiza\u00e7\u00e3o geogr\u00e1fica do visitante (pa\u00eds, regi\u00e3o ou cidade).<\/li>\n<li><strong>Metadados<\/strong> &#8211; Controle a visibilidade usando valores de metadados personalizados, geralmente \u00fateis para conte\u00fado din\u00e2mico em tipos de artigo personalizado.<\/li>\n<li><strong>Query String<\/strong> &#8211; Exibe ou oculta blocos conforme par\u00e2metros da URL (como mostrar um bloco apenas se <code data-start=\"3327\" data-end=\"3340\">?promo=true<\/code> estiver presente).<\/li>\n<li><strong>Fonte de refer\u00eancia<\/strong>\u00a0&#8211; Altere a visibilidade dependendo da origem do visitante (como ocultar uma oferta especial se o usu\u00e1rio chegou pelo Google).<\/li>\n<li><strong>Tamanho da tela<\/strong> &#8211; Ajuste a visibilidade com base na largura da tela, permitindo conte\u00fado diferente para usu\u00e1rios de celular, tablet ou desktop.<\/li>\n<li><strong>Caminho da URL<\/strong> &#8211; Mostre ou oculte blocos com base na URL da p\u00e1gina, o que \u00e9 \u00fatil para exibir conte\u00fado somente em p\u00e1ginas ou se\u00e7\u00f5es espec\u00edficas do site.<\/li>\n<li><strong>Fun\u00e7\u00e3o do usu\u00e1rio<\/strong> &#8211; Restrinja a visibilidade com base na fun\u00e7\u00e3o do usu\u00e1rio logado, como mostrar conte\u00fado exclusivo para administradores ou membros.<\/li>\n<\/ul>\n<p>O plugin tamb\u00e9m inclui recursos adicionais para gerenciar a visibilidade do bloco:<\/p>\n<ul>\n<li><strong>Predefini\u00e7\u00f5es<\/strong> <strong>de visibilidade<\/strong> &#8211; Salve e aplique configura\u00e7\u00f5es de visibilidade predefinidas a v\u00e1rios blocos.<\/li>\n<li><strong>Copiar e importar configura\u00e7\u00f5es<\/strong> &#8211; Duplique facilmente as configura\u00e7\u00f5es de visibilidade em diferentes blocos.<\/li>\n<\/ul>\n<p>Al\u00e9m disso, um bot\u00e3o de altern\u00e2ncia <strong>Hide block from everyone (Ocultar bloco de todos<\/strong>) est\u00e1 dispon\u00edvel diretamente na barra de ferramentas do bloco, permitindo ocultar rapidamente qualquer conte\u00fado.<\/p>\n<p>Vamos dar uma olhada em dois exemplos comuns de como esse plugin pode ser usado.<\/p>\n<h4>Data e hora<\/h4>\n<p>O plugin Block Visibility oferece controle total sobre o agendamento de conte\u00fado com base em condi\u00e7\u00f5es de data e hora. Voc\u00ea pode definir intervalos de tempo espec\u00edficos, datas ou combina\u00e7\u00f5es de ambos.<\/p>\n<p>Por exemplo, queremos exibir um t\u00edtulo quando a loja estiver aberta e outro quando estiver fechada:<\/p>\n<ul>\n<li><strong>&#8220;Nossa Loja Est\u00e1 Aberta Agora&#8221; <\/strong>deve estar vis\u00edvel entre 8h e 17h.<\/li>\n<li><strong>&#8220;Estamos Fechados Agora&#8221; <\/strong>deve estar vis\u00edvel em todos os outros hor\u00e1rios.<\/li>\n<\/ul>\n<p>Se esta for a primeira vez que voc\u00ea faz isso, clique no \u00edcone de mais <strong>(+)<\/strong> ou no menu de op\u00e7\u00f5es de <strong>tr\u00eas pontos<\/strong> para revelar as op\u00e7\u00f5es de controle do plugin e selecione <strong>Date &#038; Time (Data e hora<\/strong>). Fa\u00e7a isso para os dois blocos de t\u00edtulo.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/set-date-time-visibility.png\" alt=\"Captura de tela de todas as condi\u00e7\u00f5es dispon\u00edveis, incluindo Date &#038; Time.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Captura de tela de todas as condi\u00e7\u00f5es dispon\u00edveis, incluindo Date &#038; Time.<\/figcaption><\/figure>\n<p>Aplique a condi\u00e7\u00e3o <strong>8 a.m. &#8211; 5 p.m.<\/strong> ao t\u00edtulo <strong>&#8220;Our Shop Is Open Now&#8221; (Estamos Fechados Agora)<\/strong>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/schedule-block.png\" alt=\"Aplicar agendamento a blocos do WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Aplicar agendamento a blocos do WordPress.<\/figcaption><\/figure>\n<p>O t\u00edtulo <strong>&#8220;We Are Closed Now&#8221; (Estamos fechados agora)<\/strong> requer dois conjuntos de dados para fazer a ponte entre a mudan\u00e7a de dia e a meia-noite.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/add-interval-block-schedule.png\" alt=\"Aplicar mais de um intervalo de tempo ao bloco do WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Aplicar mais de um intervalo de tempo ao bloco do WordPress.<\/figcaption><\/figure>\n<p>Resultado: os t\u00edtulos s\u00e3o exibidos conforme a condi\u00e7\u00e3o configurada.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/block-output.png\" alt=\"Aberto das 8h \u00e0s 17h; fechado fora desse hor\u00e1rio.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Aberto das 8h \u00e0s 17h; fechado fora desse hor\u00e1rio.<\/figcaption><\/figure>\n<h4>Fonte de Refer\u00eancia (Referral Source)<\/h4>\n<p>Neste exemplo, ocultamos um bot\u00e3o se a fonte de refer\u00eancia contiver qualquer parte de uma URL espec\u00edfica. Alternativamente, poder\u00edamos exibir o bot\u00e3o apenas se a URL corresponder.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/referal-url.png\" alt=\"O bot\u00e3o est\u00e1 oculto no frontend, pois a URL de refer\u00eancia cont\u00e9m \"kinsta.com.\"\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">O bot\u00e3o est\u00e1 oculto no frontend, pois a URL de refer\u00eancia cont\u00e9m &#8220;kinsta.com.&#8221;<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Cada bloco tem uma op\u00e7\u00e3o <strong>Ocultar bloco de todos<\/strong>, que serve como sobreposi\u00e7\u00e3o de visibilidade. Deixe essa op\u00e7\u00e3o desativada ao usar condi\u00e7\u00f5es de visibilidade. Voc\u00ea tamb\u00e9m ver\u00e1 altern\u00e2ncias diferentes, dependendo da condi\u00e7\u00e3o de visibilidade com a qual estiver trabalhando.<\/p>\n<\/aside>\n\n<p>Por fim, em <strong>Configura\u00e7\u00f5es<\/strong> &gt; <strong>Visibilidade do bloco<\/strong>, voc\u00ea encontrar\u00e1 tr\u00eas se\u00e7\u00f5es principais:<\/p>\n<ul>\n<li class data-start=\"744\" data-end=\"791\">\n<p class data-start=\"746\" data-end=\"791\">Configura\u00e7\u00f5es Gerais (General Settings)<\/p>\n<\/li>\n<li class data-start=\"792\" data-end=\"847\">\n<p class data-start=\"794\" data-end=\"847\">Controles de Visibilidade (Visibility Controls)<\/p>\n<\/li>\n<li class data-start=\"848\" data-end=\"891\">\n<p class data-start=\"850\" data-end=\"891\">Gerenciador de Blocos (Block Manager)<\/p>\n<\/li>\n<\/ul>\n<p>Para obter a melhor experi\u00eancia, recomendamos que voc\u00ea ative o <strong>modo de controle total<\/strong> em <strong>General Settings<\/strong>. Isso garante que as configura\u00e7\u00f5es de visibilidade estejam dispon\u00edveis para cada bloco.<\/p>\n<p>Alguns blocos, como o <a href=\"https:\/\/wordpress.org\/plugins\/button-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">bloco de bot\u00e3o<\/a>, exigem essa configura\u00e7\u00e3o porque os controles de visibilidade do plugin n\u00e3o est\u00e3o ativados por padr\u00e3o no painel Inspector.<\/p>\n<h3>Content Control<\/h3>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/content-control-plugin.png\" alt=\"Plugin Content control.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Plugin Content control.<\/figcaption><\/figure>\n<p>N\u00e3o confunda com o plugin <a href=\"https:\/\/wordpress.org\/plugins\/restrict-content\/\" target=\"_blank\" rel=\"noopener noreferrer\">Restrict Content<\/a>, o plugin <a href=\"https:\/\/wordpress.org\/plugins\/content-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">Content Control<\/a>\u00a0oferece duas condi\u00e7\u00f5es para ocultar ou exibir conte\u00fado.<\/p>\n<ul>\n<li class data-start=\"554\" data-end=\"696\">\n<p class data-start=\"556\" data-end=\"696\"><strong data-start=\"556\" data-end=\"596\">Regras de Dispositivo (Device Rules)<\/strong> \u2013 Controlam a visibilidade do bloco com base no tipo de dispositivo (desktop, tablet ou celular).<\/p>\n<\/li>\n<li class data-start=\"697\" data-end=\"899\">\n<p class data-start=\"699\" data-end=\"899\"><strong data-start=\"699\" data-end=\"733\">Regras de Usu\u00e1rio (User Rules)<\/strong> \u2013 Exibe um bloco com base nas fun\u00e7\u00f5es de usu\u00e1rio, podendo ser configurado para usu\u00e1rios logados, deslogados, todos os perfis, perfis espec\u00edficos ou perfis exclu\u00eddos.<\/p>\n<\/li>\n<\/ul>\n<p>Essas regras podem ser usadas separadamente ou combinadas para criar condi\u00e7\u00f5es de visibilidade flex\u00edveis. Por exemplo, usamos as <strong>Regras do Dispositivo<\/strong> para exibir uma imagem otimizada para diferentes tamanhos de tela. A imagem maior \u00e9 definida para aparecer somente em desktops.<\/p>\n<ul>\n<li><strong>A:<\/strong> No editor de p\u00e1ginas, as exibi\u00e7\u00f5es <strong>Mobile<\/strong> e <strong>Tablet<\/strong> est\u00e3o desativadas.<\/li>\n<li><strong>B:<\/strong> No frontend, a imagem \u00e9 dimensionada corretamente para desktops.<\/li>\n<\/ul>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/device-rules-block.png\" alt=\"Adicione regras de dispositivo ao bloco de imagens.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Adicione regras de dispositivo ao bloco de imagens.<\/figcaption><\/figure>\n<p>Al\u00e9m disso, a imagem otimizada para celular est\u00e1 configurada para aparecer somente em tablets e dispositivos m\u00f3veis.<\/p>\n<ul>\n<li><strong>A:<\/strong> No editor de p\u00e1ginas, a visualiza\u00e7\u00e3o <strong>Desktop<\/strong> est\u00e1 desativada.<\/li>\n<li><strong>B:<\/strong> No frontend, a imagem \u00e9 exibida para tablets e dispositivos m\u00f3veis.<\/li>\n<\/ul>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/mobile-device-rule.png\" alt=\"Regras de dispositivos m\u00f3veis.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Regras de dispositivos m\u00f3veis.<\/figcaption><\/figure>\n<p>Essa configura\u00e7\u00e3o garante que os usu\u00e1rios vejam o tamanho de imagem mais apropriado para seus dispositivos, melhorando o desempenho e a experi\u00eancia do usu\u00e1rio.<\/p>\n<p>Al\u00e9m disso, cada bloco tamb\u00e9m inclui quatro configura\u00e7\u00f5es opcionais, acess\u00edveis por meio do menu de op\u00e7\u00f5es de tr\u00eas pontos:<\/p>\n<ul>\n<li><strong>Copy (Copiar)<\/strong>\u00a0&#8211; Copia as configura\u00e7\u00f5es do bloco.<\/li>\n<li><strong>Paste (Colar)<\/strong> &#8211; Aplica as configura\u00e7\u00f5es copiadas a outro bloco.<\/li>\n<li><strong>Restore Default (Restaurar padr\u00e3o)<\/strong> &#8211; Redefine todas as condi\u00e7\u00f5es de visibilidade do bloco.<\/li>\n<li><strong>Disable Device Rules \/ Disable User Rules (Desabilitar Regras de Dispositivo \/ Desabilitar Regras de Usu\u00e1rio)<\/strong> &#8211; Desativa temporariamente as condi\u00e7\u00f5es de visibilidade sem exclu\u00ed-las.<\/li>\n<\/ul>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/device-rules-settings.png\" alt=\"Quatro configura\u00e7\u00f5es opcionais de regras de dispositivo.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Quatro configura\u00e7\u00f5es opcionais de regras de dispositivo.<\/figcaption><\/figure>\n<p>\u00c9 altamente recomend\u00e1vel que voc\u00ea use as op\u00e7\u00f5es <strong>Disable Device Rules (Desativar regras<\/strong> <strong>do<\/strong> <strong>dispositivo)<\/strong> ou <strong>Disable User Rules (Desativar regras do usu\u00e1rio)<\/strong> ao testar o plugin. Isso facilita a redefini\u00e7\u00e3o e o ajuste das configura\u00e7\u00f5es de visibilidade conforme necess\u00e1rio.<\/p>\n<p>Em <strong>WP Admin<\/strong> &gt; <strong>Configura\u00e7\u00f5es<\/strong>, voc\u00ea encontrar\u00e1 v\u00e1rias configura\u00e7\u00f5es globais para o plugin, como a defini\u00e7\u00e3o dos pontos de interrup\u00e7\u00e3o. Aqui est\u00e3o os padr\u00f5es para os tr\u00eas dispositivos.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/block-controls-settings.png\" alt=\"Visualiza\u00e7\u00e3o das configura\u00e7\u00f5es de bloco mostrando os pontos de interrup\u00e7\u00e3o ajust\u00e1veis.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Visualiza\u00e7\u00e3o das configura\u00e7\u00f5es de bloco mostrando os pontos de interrup\u00e7\u00e3o ajust\u00e1veis.<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode desativar o plugin para qualquer bloco dentro dessas configura\u00e7\u00f5es. A vers\u00e3o premium desse plugin inclui esses e muitos outros recursos:<\/p>\n<ul>\n<li><strong data-start=\"3316\" data-end=\"3341\">Agendamento de Blocos<\/strong> \u2013 Defina condi\u00e7\u00f5es de visibilidade com base em data e hora.<\/li>\n<li><strong>Regras para WooCommerce<\/strong> &#8211; Controle a visibilidade do bloco com base nas configura\u00e7\u00f5es do WooCommerce.<\/li>\n<li><strong>Regras do Easy Digital Downloads<\/strong> &#8211; Restrinja o conte\u00fado para clientes de produtos digitais.<\/li>\n<li><strong>Regras booleanas<\/strong> &#8211; Use condi\u00e7\u00f5es l\u00f3gicas para a visibilidade do bloco.<\/li>\n<li><strong>Mecanismo de regras para blocos<\/strong> &#8211; Crie condi\u00e7\u00f5es de visibilidade personalizadas com maior flexibilidade.<\/li>\n<\/ul>\n<h3>Outros plugins<\/h3>\n<p>Al\u00e9m das op\u00e7\u00f5es mais populares, h\u00e1 dois plugins menos conhecidos, com menos instala\u00e7\u00f5es ativas, que tamb\u00e9m oferecem controles de visibilidade de blocos:<\/p>\n<h4>Conditional Blocks &#8211; Advanced Content Visibility<\/h4>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/conditional-blocks-plugin.png\" alt=\"Plugin Conditional Blocks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Plugin Conditional Blocks.<\/figcaption><\/figure>\n<p>Este <a href=\"https:\/\/wordpress.org\/plugins\/conditional-blocks\">plugin<\/a> permite controlar a visibilidade de blocos do WordPress usando l\u00f3gica avan\u00e7ada, tudo em uma interface modal simples. Voc\u00ea pode definir condi\u00e7\u00f5es para determinar quando e onde um bloco deve estar vis\u00edvel.<\/p>\n<p>A vers\u00e3o gratuita do Conditional Blocks inclui controles b\u00e1sicos de visibilidade, como:<\/p>\n<ul>\n<li class data-start=\"608\" data-end=\"705\">\n<p class data-start=\"610\" data-end=\"705\"><strong data-start=\"610\" data-end=\"672\">Bloquear o Bloco para Todos (Lockdown Block from Everyone)<\/strong> \u2013 Oculta completamente um bloco.<\/p>\n<\/li>\n<li class data-start=\"706\" data-end=\"846\">\n<p class data-start=\"708\" data-end=\"846\"><strong data-start=\"708\" data-end=\"759\">Visibilidade Responsiva (Responsive Visibility)<\/strong> \u2013 Mostra ou oculta blocos com base no tipo de dispositivo (mobile, tablet ou desktop).<\/p>\n<\/li>\n<li class data-start=\"847\" data-end=\"1055\">\n<p class data-start=\"849\" data-end=\"1055\"><strong data-start=\"849\" data-end=\"908\">Condi\u00e7\u00f5es de Status do Usu\u00e1rio (User Status Conditions)<\/strong> \u2013 A op\u00e7\u00e3o <strong data-start=\"919\" data-end=\"940\">Usu\u00e1rio Conectado<\/strong> exibe blocos apenas para usu\u00e1rios logados, enquanto <strong data-start=\"993\" data-end=\"1017\">Usu\u00e1rio Desconectado<\/strong> mostra blocos apenas para visitantes.<\/p>\n<\/li>\n<li class data-start=\"1056\" data-end=\"1167\">\n<p class data-start=\"1058\" data-end=\"1167\"><strong data-start=\"1058\" data-end=\"1087\">L\u00f3gica de Condi\u00e7\u00e3o AND\/OR<\/strong> \u2013 Combina m\u00faltiplas regras para criar condi\u00e7\u00f5es de visibilidade mais complexas.<\/p>\n<\/li>\n<\/ul>\n<p>A <a href=\"https:\/\/conditionalblocks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">vers\u00e3o Pro<\/a> amplia a funcionalidade com recursos adicionais, incluindo:<\/p>\n<ul>\n<li class data-start=\"1248\" data-end=\"1363\">\n<p class data-start=\"1250\" data-end=\"1363\"><strong data-start=\"1250\" data-end=\"1293\">Gerenciador de Presets (Preset Manager)<\/strong> \u2013 Salve grupos de regras e aplique a m\u00faltiplos blocos em todo o site.<\/p>\n<\/li>\n<li class data-start=\"1364\" data-end=\"1485\">\n<p class data-start=\"1366\" data-end=\"1485\"><strong data-start=\"1366\" data-end=\"1414\">Breakpoints Avan\u00e7ados (Advanced Breakpoints)<\/strong> \u2013 Defina tamanhos de tela personalizados para diferentes dispositivos.<\/p>\n<\/li>\n<li class data-start=\"1486\" data-end=\"1630\">\n<p class data-start=\"1488\" data-end=\"1630\"><strong data-start=\"1488\" data-end=\"1540\">Controle de Geolocaliza\u00e7\u00e3o (Geolocation Control)<\/strong> \u2013 Mostra ou oculta blocos com base na localiza\u00e7\u00e3o do visitante (requer uma chave de API).<\/p>\n<\/li>\n<li class data-start=\"1631\" data-end=\"1761\">\n<p class data-start=\"1633\" data-end=\"1761\"><strong data-start=\"1633\" data-end=\"1693\">Configura\u00e7\u00f5es na Barra de Ferramentas (Toolbar Settings)<\/strong> \u2013 Gerencie condi\u00e7\u00f5es de visibilidade diretamente na barra do bloco.<\/p>\n<\/li>\n<li class data-start=\"1762\" data-end=\"1927\">\n<p class data-start=\"1764\" data-end=\"1927\"><strong data-start=\"1764\" data-end=\"1831\">Visibilidade por Fun\u00e7\u00e3o de Usu\u00e1rio (User Role-Based Visibility)<\/strong> \u2013 Restringe blocos com base em fun\u00e7\u00f5es do usu\u00e1rio (como administradores, assinantes, clientes).<\/p>\n<\/li>\n<li class data-start=\"1928\" data-end=\"2050\">\n<p class data-start=\"1930\" data-end=\"2050\"><strong data-start=\"1930\" data-end=\"1976\">Op\u00e7\u00f5es de Agendamento (Scheduling Options)<\/strong> \u2013 Define blocos para aparecerem apenas em determinados per\u00edodos de tempo.<\/p>\n<\/li>\n<li class data-start=\"2051\" data-end=\"2189\">\n<p class data-start=\"2053\" data-end=\"2189\"><strong data-start=\"2053\" data-end=\"2097\">Integra\u00e7\u00f5es com WooCommerce e Membership<\/strong> \u2013 Controle a visibilidade com base em conte\u00fados do carrinho, associa\u00e7\u00f5es de usu\u00e1rio e muito mais.<\/p>\n<\/li>\n<\/ul>\n<p>Para aqueles que precisam de maior flexibilidade e l\u00f3gica condicional avan\u00e7ada, a <a href=\"https:\/\/conditionalblocks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">vers\u00e3o Pro<\/a> oferece um conjunto completo de ferramentas para gerenciar a visibilidade do conte\u00fado em escala.<\/p>\n<h4>Wicked Block Conditions<\/h4>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/wicked-block-conditions-settings.png\" alt=\"Plugin Wicked Block Conditions.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Plugin Wicked Block Conditions.<\/figcaption><\/figure>\n<p>O plugin <a href=\"https:\/\/wordpress.org\/plugins\/wicked-block-conditions\" target=\"_blank\" rel=\"noopener noreferrer\">Wicked Block Conditions<\/a> \u00e9 um plugin gratuito que permite que voc\u00ea oculte ou mostre blocos com base em v\u00e1rios crit\u00e9rios:<\/p>\n<ul>\n<li class data-start=\"2579\" data-end=\"2673\">\n<p class data-start=\"2581\" data-end=\"2673\"><strong data-start=\"2581\" data-end=\"2611\">Status de login do usu\u00e1rio<\/strong> \u2013 Exibe ou oculta blocos dependendo se o usu\u00e1rio est\u00e1 logado.<\/p>\n<\/li>\n<li class data-start=\"2674\" data-end=\"2754\">\n<p class data-start=\"2676\" data-end=\"2754\"><strong data-start=\"2676\" data-end=\"2697\">Fun\u00e7\u00e3o do usu\u00e1rio<\/strong> \u2013 Restringe a visibilidade com base na fun\u00e7\u00e3o atribu\u00edda.<\/p>\n<\/li>\n<li class data-start=\"2755\" data-end=\"2831\">\n<p class data-start=\"2757\" data-end=\"2831\"><strong data-start=\"2757\" data-end=\"2772\">Data e hora<\/strong> \u2013 Agenda a exibi\u00e7\u00e3o de conte\u00fado para momentos espec\u00edficos.<\/p>\n<\/li>\n<li class data-start=\"2832\" data-end=\"2921\">\n<p class data-start=\"2834\" data-end=\"2921\"><strong data-start=\"2834\" data-end=\"2864\">Categorias ou tags de artigo<\/strong> \u2013 Exibe conte\u00fado com base na categoria ou tag atribu\u00edda.<\/p>\n<\/li>\n<li class data-start=\"2922\" data-end=\"3025\">\n<p class data-start=\"2924\" data-end=\"3025\"><strong data-start=\"2924\" data-end=\"2942\">Status do artigo<\/strong> \u2013 Controla a visibilidade com base no status (publicado, rascunho, pendente etc.).<\/p>\n<\/li>\n<li class data-start=\"3026\" data-end=\"3115\">\n<p class data-start=\"3028\" data-end=\"3115\"><strong data-start=\"3028\" data-end=\"3063\">Par\u00e2metro da URL (query string)<\/strong> \u2013 Ajusta a visibilidade com base em valores da URL.<\/p>\n<\/li>\n<li class data-start=\"3116\" data-end=\"3251\">\n<p class data-start=\"3118\" data-end=\"3251\"><strong data-start=\"3118\" data-end=\"3146\">Fun\u00e7\u00e3o PHP personalizada<\/strong> \u2013 Permite executar l\u00f3gica personalizada diretamente da interface para controle avan\u00e7ado de visibilidade.<\/p>\n<\/li>\n<\/ul>\n<p>A capacidade de usar fun\u00e7\u00f5es PHP personalizadas torna este plugin especialmente \u00fatil para desenvolvedores que desejam implementar sua pr\u00f3pria l\u00f3gica diretamente no editor.<\/p>\n<h2>C\u00f3digo personalizado para mostrar ou ocultar o conte\u00fado do bloco<\/h2>\n<p>Se voc\u00ea tem um caso de uso simples e prefere carregar apenas o essencial, pode usar c\u00f3digo personalizado em vez de plugins. Isso pode ser feito criando seu pr\u00f3prio plugin ou adicionando fun\u00e7\u00f5es diretamente ao arquivo <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-functions-php\/\"><code data-start=\"290\" data-end=\"305\">functions.php<\/code><\/a> do seu tema.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Como sempre, ao modificar os arquivos do tema principal, \u00e9 melhor usar um <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-filho-no-wordpress\/\">tema filho (Child Theme)<\/a> para evitar perder altera\u00e7\u00f5es durante atualiza\u00e7\u00f5es.<\/p>\n<\/aside>\n\n<p>Abaixo est\u00e3o tr\u00eas exemplos baseados em <a href=\"https:\/\/kinsta.com\/pt\/blog\/php-8-4\/\">PHP<\/a>, mas se o desempenho for uma prioridade, o JavaScript pode ser uma escolha melhor.<\/p>\n<h3>Ocultar conte\u00fado com base no status de login do usu\u00e1rio<\/h3>\n<p>O exemplo a seguir oculta todos os elementos de par\u00e1grafo (<code>&lt;p&gt;<\/code>) quando um usu\u00e1rio est\u00e1 conectado:<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_head', 'kinsta_toggle_paragraphs_visibility' );\n\nfunction kinsta_toggle_paragraphs_visibility() {\n   if (is_user_logged_in() ) {\n       echo 'p { display: none !important; }';\n   }\n}<\/code><\/pre>\n<p>A fun\u00e7\u00e3o verifica se um usu\u00e1rio est\u00e1 conectado usando <code>is_user_logged_in()<\/code>. Se a condi\u00e7\u00e3o for verdadeira, ela injeta CSS na se\u00e7\u00e3o <code>&lt;head&gt;<\/code>, ocultando todos\u00a0os elementos <code data-start=\"1127\" data-end=\"1132\">&lt;p&gt;<\/code> com <code data-start=\"1137\" data-end=\"1153\">display: none;<\/code>. O conte\u00fado permanece no c\u00f3digo-fonte da p\u00e1gina, mas n\u00e3o \u00e9 vis\u00edvel.<\/p>\n<p>Voc\u00ea pode modificar esse comportamento substituindo <code>is_user_logged_in()<\/code> por:<\/p>\n<ul>\n<li class data-start=\"1300\" data-end=\"1384\">\n<p class data-start=\"1302\" data-end=\"1384\"><code data-start=\"1302\" data-end=\"1324\">!is_user_logged_in()<\/code> \u2013 Oculta o conte\u00fado quando o usu\u00e1rio estiver deslogado.<\/p>\n<\/li>\n<li class data-start=\"1385\" data-end=\"1458\">\n<p class data-start=\"1387\" data-end=\"1458\"><code data-start=\"1387\" data-end=\"1409\">is_user_logged_out()<\/code> \u2013 Alternativa para detectar usu\u00e1rios deslogados.<\/p>\n<\/li>\n<li class data-start=\"1459\" data-end=\"1538\">\n<p class data-start=\"1461\" data-end=\"1538\"><code data-start=\"1461\" data-end=\"1484\">!is_user_logged_out()<\/code> \u2013 Alternativa para detectar se o usu\u00e1rio est\u00e1 logado.<\/p>\n<\/li>\n<\/ul>\n<h3>Ocultar conte\u00fado com base em geolocaliza\u00e7\u00e3o<\/h3>\n<p>Suponha que voc\u00ea queira ocultar conte\u00fado para usu\u00e1rios de um determinado local. N\u00e3o h\u00e1 limite para o que voc\u00ea pode mostrar ou ocultar, mas aqui adotamos uma abordagem geral e ocultamos todas as imagens de usu\u00e1rios baseados nos EUA.<\/p>\n<pre><code class=\"language-php\">add_action('wp_head', 'kinsta_hide_images_for_us_visitors');\n\nfunction kinsta_hide_images_for_us_visitors() {\n   \/\/ Get visitor's IP address\n   $user_ip = $_SERVER['REMOTE_ADDR'];\n   $geo_api_url = \"https:\/\/ipapi.co\/{$user_ip}\/json\/\";\n\n   \/\/ Fetch geolocation data\n   $response = wp_remote_get($geo_api_url);\n\n   if ( is_wp_error($response) ) {\n       return; \/\/ Exit if API request fails\n   }\n\n   $data = json_decode( wp_remote_retrieve_body($response) );\n\n   \/\/ Check if the user is from the U.S.\n   if ( isset($data-&gt;country_code) && $data-&gt;country_code === 'US' ) {\n       echo 'h1, h2, h3, h4, h5, h6 { display: none !important; }';\n   }\n}<\/code><\/pre>\n<p><strong>Observa\u00e7\u00e3o:<\/strong><\/p>\n<ul>\n<li><code>$_SERVER['REMOTE_ADDR']<\/code> A API nem sempre \u00e9 confi\u00e1vel e pode retornar IPs incorretos.<\/li>\n<li>Fazer chamadas \u00e0 API em todas as requisi\u00e7\u00f5es pode afetar o desempenho. O ideal seria usar um transient para armazenar a resposta temporariamente.<\/li>\n<\/ul>\n<h3>Ocultar imagem destacada por categoria<\/h3>\n<p>Nenhum dos plugins que examinamos tinha uma maneira de mostrar ou ocultar t\u00edtulos de p\u00e1gina, ou imagens em destaque, pois eles n\u00e3o s\u00e3o blocos. Aqui, estamos ocultando a imagem em destaque de todos os artigos da categoria &#8220;books&#8221;:<\/p>\n<pre><code class=\"language-php\">add_filter('post_thumbnail_html', 'kinsta_hide_featured_image_for_books_category', 10, 2);\n\nfunction kinsta_hide_featured_image_for_books_category($html, $post_id) {\n   \/\/ Check if the post belongs to the \"Books\" category\n   if (has_category('books', $post_id)) {\n       return ''; \/\/ Hide the featured image by returning an empty string\n   }\n   return $html; \/\/ Show the featured image if the category is not \"Books\"\n}<\/code><\/pre>\n<p>Esse filtro verifica se o artigo pertence \u00e0 categoria\u00a0<strong>Books<\/strong>\u00a0usando a fun\u00e7\u00e3o\u00a0<code class=\"c-mrkdwn__code\" data-stringify-type=\"code\">has_category()<\/code>. Se a condi\u00e7\u00e3o for verdadeira, a imagem destacada \u00e9 removida retornando uma string vazia. Caso contr\u00e1rio, a imagem destacada permanece inalterada.<\/p>\n<h2>Testando sua implementa\u00e7\u00e3o<\/h2>\n<p>Antes de implementar o plugin ou o c\u00f3digo personalizado que voc\u00ea escolheu, recomendamos que voc\u00ea fa\u00e7a testes completos para evitar problemas n\u00e3o intencionais, como restringir o conte\u00fado do p\u00fablico-alvo pretendido. Aqui est\u00e3o algumas das principais etapas de teste:<\/p>\n<ul>\n<li><strong>Garantir a compatibilidade<\/strong> \u2013 Certifique-se de que o plugin ou c\u00f3digo funciona com plugins de blocos de terceiros.<\/li>\n<li class data-start=\"3628\" data-end=\"3782\">\n<p class data-start=\"3630\" data-end=\"3782\"><strong data-start=\"3630\" data-end=\"3665\">Revise o c\u00f3digo-fonte da p\u00e1gina<\/strong> \u2013 Alguns m\u00e9todos apenas ocultam via <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-praticas-css\/\">CSS<\/a>, enquanto outros removem o conte\u00fado do markup. Avalie como isso afeta o SEO.<\/p>\n<\/li>\n<li class data-start=\"3783\" data-end=\"3937\">\n<p class data-start=\"3785\" data-end=\"3937\"><strong data-start=\"3785\" data-end=\"3813\">Use um ambiente de teste<\/strong> \u2013 A <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/ambiente-de-teste\/\">Kinsta oferece ambientes de teste<\/a>, permitindo testar altera\u00e7\u00f5es com seguran\u00e7a antes de public\u00e1-las no site de produ\u00e7\u00e3o.<\/p>\n<\/li>\n<\/ul>\n<h2>Resumo<\/h2>\n<p>Controlar a visibilidade de conte\u00fado \u00e9 uma ferramenta essencial para a gest\u00e3o de sites WordPress. A abordagem que voc\u00ea escolher \u2014 seja um plugin pronto ou c\u00f3digo personalizado \u2014 vai depender das suas necessidades espec\u00edficas e do seu n\u00edvel de conhecimento t\u00e9cnico.<\/p>\n<p>Se voc\u00ea procura uma hospedagem que facilite o desenvolvimento, os testes de plugins e a seguran\u00e7a do site, experimente a Kinsta.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/vulnerabilidade-de-plugins-wordpress\/\">Vulnerabilidades de seguran\u00e7a<\/a> podem ser uma preocupa\u00e7\u00e3o real, mas com a Kinsta voc\u00ea conta com <a href=\"https:\/\/kinsta.com\/pt\/docs\/informacoes-de-servico\/remocao-de-malware\/\">varredura autom\u00e1tica de malware<\/a> a cada tr\u00eas minutos, <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/como-comecar-wordpress\/infraestrutura-do-wordpress\/\">firewalls de n\u00edvel empresarial<\/a> e uma plataforma otimizada para desempenho e confiabilidade. <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/\">Comece a usar a Kinsta hoje mesmo<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ter controle sobre o que aparece no seu site e em quais condi\u00e7\u00f5es \u00e9 uma vantagem valiosa para qualquer desenvolvedor ou designer WordPress. Felizmente, o ecossistema &#8230;<\/p>\n","protected":false},"author":313,"featured_media":71589,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1026,1033],"class_list":["post-71588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desenvolvimento-wordpress","topic-plugins-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress<\/title>\n<meta name=\"description\" content=\"Saiba como exibir ou ocultar conte\u00fado de blocos no WordPress usando configura\u00e7\u00f5es de visibilidade, c\u00f3digo personalizado ou plugins, e tenha mais controle sobre o conte\u00fado do seu site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress\" \/>\n<meta property=\"og:description\" content=\"Saiba como exibir ou ocultar conte\u00fado de blocos no WordPress usando configura\u00e7\u00f5es de visibilidade, c\u00f3digo personalizado ou plugins, e tenha mais controle sobre o conte\u00fado do seu site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-04T08:01:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-11T14:14:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Saiba como exibir ou ocultar conte\u00fado de blocos no WordPress usando configura\u00e7\u00f5es de visibilidade, c\u00f3digo personalizado ou plugins, e tenha mais controle sobre o conte\u00fado do seu site.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress\",\"datePublished\":\"2025-04-04T08:01:41+00:00\",\"dateModified\":\"2025-04-11T14:14:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/\"},\"wordCount\":2932,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/\",\"name\":\"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"datePublished\":\"2025-04-04T08:01:41+00:00\",\"dateModified\":\"2025-04-11T14:14:41+00:00\",\"description\":\"Saiba como exibir ou ocultar conte\u00fado de blocos no WordPress usando configura\u00e7\u00f5es de visibilidade, c\u00f3digo personalizado ou plugins, e tenha mais controle sobre o conte\u00fado do seu site.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress","description":"Saiba como exibir ou ocultar conte\u00fado de blocos no WordPress usando configura\u00e7\u00f5es de visibilidade, c\u00f3digo personalizado ou plugins, e tenha mais controle sobre o conte\u00fado do seu site.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress","og_description":"Saiba como exibir ou ocultar conte\u00fado de blocos no WordPress usando configura\u00e7\u00f5es de visibilidade, c\u00f3digo personalizado ou plugins, e tenha mais controle sobre o conte\u00fado do seu site.","og_url":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2025-04-04T08:01:41+00:00","article_modified_time":"2025-04-11T14:14:41+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Saiba como exibir ou ocultar conte\u00fado de blocos no WordPress usando configura\u00e7\u00f5es de visibilidade, c\u00f3digo personalizado ou plugins, e tenha mais controle sobre o conte\u00fado do seu site.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Bud Kraus","Tempo estimado de leitura":"16 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress","datePublished":"2025-04-04T08:01:41+00:00","dateModified":"2025-04-11T14:14:41+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/"},"wordCount":2932,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/","url":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/","name":"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","datePublished":"2025-04-04T08:01:41+00:00","dateModified":"2025-04-11T14:14:41+00:00","description":"Saiba como exibir ou ocultar conte\u00fado de blocos no WordPress usando configura\u00e7\u00f5es de visibilidade, c\u00f3digo personalizado ou plugins, e tenha mais controle sobre o conte\u00fado do seu site.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/exibir-ou-ocultar-conteudo-de-blocos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Como Exibir ou Ocultar Conte\u00fado de Blocos no WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/pt\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/71588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=71588"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/71588\/revisions"}],"predecessor-version":[{"id":71648,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/71588\/revisions\/71648"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/71588\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/71588\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/71588\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/71588\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/71588\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/71588\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/71588\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/71588\/translations\/es"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/71588\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/71589"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=71588"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=71588"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=71588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}