Como ocultar imagens destacadas em postagens individuais no WordPress

Algumas pessoas podem preferir não exibir imagens destacadas em postagens individuais de blog, seja por questões de desempenho, escolhas de design ou foco de conteúdo. 

Por exemplo, você pode não querer uma imagem destacada em publicações com muito texto, como tutoriais ou anúncios, pois isso pode distrair os visitantes do próprio conteúdo. Ocultar a imagem destacada também pode melhorar a velocidade de carregamento, especialmente para usuários em dispositivos móveis.

Se você' está buscando a mesma coisa, nós' vamos guiá-lo sobre como ocultar a imagem destacada nas suas publicações individuais do blog!

Como ocultar imagens destacadas individualmente

Existem várias maneiras de ocultar imagens destacadas das suas publicações de blog. Se você não tem experiência em programação, pode usar um plugin simples para fazer o trabalho.

Mas se você não quiser instalar nenhum plugin, pode adotar uma abordagem mais técnica editando os arquivos do tema ou usando CSS personalizado. Abaixo, explicamos cada método passo a passo:

Método 1: Usando um Plugin

Você pode usar o plugin Conditionally Display Featured Image para ocultar rapidamente a imagem destacada. Este plugin popular está disponível gratuitamente no diretório de plugins do WordPress.

Com este plugin, você pode escolher ocultar a imagem destacada em posts individuais ou na página do blog que exibe a lista de todos os posts publicados.

Se você quiser experimentar este método fácil, let's começar instalando-o primeiro:

1. Instale e ative o plugin

Se você já sabe como instalar e ativar um plugin no WordPress, pode passar para a próxima etapa. Mas se for a sua primeira vez, vamos continuar seguindo os passos abaixo:

• Abra o painel de administração do WordPress.
• Clique em Plugins menu da barra lateral.

• Clique Add Plugin para abrir o Diretório de Plugins.
• Digite Conditionally Display Featured Image na barra de pesquisa. O plugin deve aparecer como o primeiro resultado.

• Clique Instalar Agora para baixar o plugin.
• Depois de instalado, clique Ativar para habilitá-lo no seu site.

2. Edite a publicação desejada

Depois que o plugin for ativado, você pode ir diretamente ao post onde deseja ocultar a imagem destacada. Em seguida, siga os passos abaixo para localizar a caixa de seleção que permite ocultar a imagem:

• Abra a postagem do blog que você deseja editar.
• Clique Configurações para acessar o editor.

• No painel lateral, vá para o Post aba.
• No topo, você deve ver sua imagem destacada. Abaixo dela, você encontrará a opção: Mostrar a imagem destacada apenas nas listas de posts, mas ocultá-la na visualização individual do post.

• Marque a caixa de seleção para ocultar a imagem destacada nessa postagem específica.
• Próximo, salve as alterações clicando no Atualizar/Salvar botão (se a publicação já estiver publicada) ou o Publicar botão (se ainda for um rascunho).

3. Atualizar a publicação para aplicar as alterações

Esta etapa está completa assim que você clicar no Salvar ou Atualizar botão. No entanto, certifique‑se de verificar o front end do seu site para confirmar que a imagem destacada está realmente oculta.

Existem duas maneiras de fazer isso:

• Verifique a versão ao vivo da publicação publicada
• Ou visualize seu rascunho antes de publicar

Aqui está uma visão do resultado antes e depois:

Método 2: Usando CSS personalizado

Se a imagem destacada ainda aparecer nas suas publicações, não se preocupe, pois temos outro método para ajudá-lo a resolver o problema.

Você pode usar código CSS personalizado para ocultá-lo da visualização do usuário. No entanto, tenha em mente que esse método pode afetar ligeiramente o desempenho, já que a imagem destacada ainda será carregada, embora não esteja visível.

Se isso não for uma preocupação para você, continue e siga o tutorial abaixo:

1. Identificar o ID da publicação específica

Para garantir que o código CSS afete apenas um post individual, você precisa encontrar o ID do post. O ID do post é um número que identifica exclusivamente cada post no WordPress.

Por exemplo, a URL pode incluir post=111, onde 111 é o ID do post.

No entanto, se o seu site usar links permanentes otimizados para SEO, você não verá o ID do post diretamente na URL.

Aqui está como encontrá-lo em vez disso:

• Acesse o painel de administração do WordPress.
• Clique na publicação que deseja editar.
• Observe a barra de URL no seu navegador.
• Você deve ver uma URL que inclui o ID da publicação, como mostrado abaixo.

2. Adicionar CSS personalizado para ocultar a imagem destacada dessa publicação

Depois de identificar o ID da publicação, o próximo passo é adicioná-lo ao seu código CSS personalizado. O WordPress possui um recurso interno para adicionar CSS, então você não precisará instalar nenhum plugin de terceiros.

Você pode adicionar o código CSS através do Customizer menu. Este método só requer conhecimento básico de codificação, então não há necessidade de se preocupar.

Nós o guiaremos pelos passos abaixo:

• Clique em Appearance menu na barra lateral e selecione Customize.

• Você será levado ao Customizer menu.

• Role para baixo e clique em Additional CSS seção.
• Cole o código abaixo na caixa do editor. Não se esqueça de substituir o ID da postagem pelo seu ID de postagem real.

.postid-51442 .post-thumbnail { display: none; } 

• Por fim, clique Publicar para aplicar as alterações. Sua imagem destacada agora deve estar oculta dessa postagem.

Método 3: Editando arquivos de tema

Se os métodos acima não lhe derem o resultado desejado, você pode tentar editar os arquivos do tema.

Mas, isso deve ser considerado como último recurso, pois editar arquivos de tema pode causar erros ou quebrar certas funcionalidades.

Certifique‑se de manter um backup, caso seja necessário. Depois desse aviso, vamos começar:

1. Abrir o arquivo functions.php do tema's

Existem muitos .php arquivos dentro de um tema, como single.php, content.php e functions.php. Depende da estrutura do seu tema.

Para este método, você precisa localizar o arquivo functions.php. Aqui está como localizá‑lo:

• Abra o Aparência menu na barra lateral.
• Clique em Editor de Arquivo de Tema

• Ele abrirá o editor de tema como mostrado abaixo. 

• Role para baixo o Arquivos de Tema menu e encontre o functions.php.

• Clique para abrir o arquivo. 

2. Adicionar declarações condicionais para excluir a imagem destacada de publicações específicas

Agora que você abriu o functions.php arquivo, adicione o código a seguir para ocultar a imagem destacada nas páginas de post único.

function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // adicionar o filtro add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 ); 

Para garantir que o código apenas oculte a imagem destacada de um post específico, substitua is_single() por is_single(123), onde 123 é o ID do post que você deseja atingir.

Depois disso, salve as alterações clicando no Update File botão.

Como ocultar imagens destacadas em todas as publicações individuais

Se você quiser ocultar imagens destacadas em todas as suas postagens individuais, o tema Neve facilita isso para você. 

Com apenas alguns cliques, este método garantirá que as imagens destacadas permaneçam ocultas nas páginas de suas postagens.

Se você já tem o tema Neve instalado, pode continuar com os passos abaixo:

• No painel de administração do WordPress, vá para Aparência e clique Personalizar
• Navegue até a Blog seção.

• Você verá dois estilos de layout: Normal e Capa. As etapas para ocultar imagens destacadas diferem para cada layout:

Para o Layout Normal:

1. Role para baixo e localize a Miniatura seção.
2. Clique no ícone de olho ao lado da Miniatura para desativá-lo.
3. Aplique esta alteração clicando no botão Publicar.
4. As imagens destacadas agora serão ocultas nas postagens que utilizam o layout de cabeçalho Normal.

Para o Layout Capa:

1. Role para baixo para encontrar o Ocultar Imagem Destacada alternar.
2. Ative este alternador ligado.
3. Clique Publicar para salvar as configurações.

• Depois de salvar as configurações, aguarde alguns segundos para que as alterações entrem em vigor.
• Em seguida, verifique visitando um dos seus posts individuais para ver se as imagens destacadas estão ocultas.

Tenha em mente que você deve ter o tema Neve instalado para usar este método. Se ainda não o instalou, tente instalá‑lo e ativá‑lo a partir do Diretório de Temas. Basta digitar Neve no campo de pesquisa e você o encontrará.

Por que editar os arquivos de tema não é recomendado?

Lembramos que você não deve editar os arquivos do tema se não for necessário. O motivo simples: isso pode quebrar seu site.

Então, reunimos algumas alternativas mais seguras sobre como ocultar imagens destacadas sem precisar editar o arquivo do tema:

• Usando o plugin Code Snippets: Code Snippet é um plugin gratuito que permite adicionar PHP personalizado às suas postagens individuais. Ele funciona maravilhosamente sem arriscar quebrar seu site.
• Plugin de Funcionalidade Personalizada: Este plugin permite que você enganche um PHP personalizado, em vez de digitá‑lo diretamente no arquivo do tema.

Conclusão

Você não precisa tentar todos os métodos acima para ocultar a imagem destacada no WordPress. Basta encontrar o que atende às suas necessidades.

Gerenciar um grande número de imagens destacadas pode consumir muito tempo, especialmente quando sua biblioteca de mídia fica desorganizada.