No entanto, nem todas as páginas da Web precisam ter um título. Um exemplo seria a página inicial. Da mesma forma, pode haver duplicação de títulos em alguns temas. Eles podem ter um título em cima de uma imagem de banner e também no início da postagem quando você rolar um pouco para baixo.
Neste tutorial, mostrarei diferentes métodos para ocultar ou remover o título de postagens ou páginas no WordPress.
Use um tema com recursos completos de edição do site
A versão WordPress 5.9 apelidada de Josephine foi lançada em 25 de janeiro de 2022. Ela veio com um novo conjunto de recursos e um deles era a capacidade completa de edição do site.
O editor do site permite que você atualize o design de todo o seu site a partir do painel de administração. Você pode fazer alterações em diferentes arquivos de modelo removendo elementos existentes ou adicionando novos elementos.
Existem alguns temas disponíveis no diretório de temas do WordPress agora que suportam a edição completa do site.
Estou usando o tema Crcote Corporate como exemplo neste tutorial. As postagens de blog neste tema são projetadas para ter um banner na parte superior. O banner contém a imagem em destaque do post junto com o título do post sobre ele. A imagem em destaque e o título da postagem são repetidos novamente quando você rola um pouco para baixo. Agora vamos nos livrar dessa duplicação.
Felizmente, este tema oferece suporte à edição completa do site, o que significa que poderemos editar o arquivo de modelo usado para gerar a marcação de postagens únicas no site.
Você pode navegar para Aparência > Editor no painel de administração do WordPress em temas que oferecem suporte à edição completa do site. Uma vez dentro do editor, clique no logotipo do site no canto superior esquerdo e um menu deve se abrir. Selecione Modelos debaixo de editor seção. Isso abrirá a seguinte tela:
Você pode precisar rolar um pouco para baixo para encontrar o modelo intitulado Solteiro. A descrição do modelo diz que é o modelo padrão para exibir qualquer postagem ou anexo. Como você pode ver na captura de tela, pode haver outros modelos como Produto único na lista. No entanto, estamos interessados apenas em um modelo que exibe uma única postagem.
Clique em Solteiro e você deve ver algo como a imagem abaixo. O layout real varia de acordo com o tema que você instalou. Selecione o bloco superior e um menu flutuante aparecerá. Clique nos três pontos na extremidade direita e você verá mais algumas opções.
O bloco superior representa a capa ou a imagem do banner na página de postagem única. Você pode removê-lo, se quiser, clicando no botão Remover tampa opção de menu. Isso resolverá o problema de duplicação do título da postagem.
Outra opção é ocultar o título do post e a imagem em destaque que aparecem abaixo da capa ou da imagem do banner. Selecione a imagem em destaque e o título da postagem, um por um, e remova-os.
Clique no Salvar botão no canto superior direito e, em seguida, revisite qualquer uma das suas postagens de blog publicadas. Você deve ver que a imagem em destaque e o título não são mais exibidos aos leitores. Você também pode fazer outras alterações no modelo. Por exemplo, aumentei o tamanho da fonte do texto do título que aparece sobre a imagem da capa na parte superior.
Use um plug-in para remover títulos de postagens e páginas
Digamos que você não queira ocultar os títulos de todos os posts ou páginas, mas apenas de alguns específicos. Usar um plugin para ocultar os títulos seria sua melhor aposta neste caso. Existem alguns plugins que aparecem quando você pesquisa por “Ocultar título da postagem“. No entanto, o que eu mais gostei foi Ocultar página e título do post.
Uma desvantagem deste plug-in é que ele não funciona com todos os temas do WordPress e você terá que instalar e verificar por si mesmo se funciona no seu caso. Isso pode ser devido ao fato de que o plug-in não foi atualizado recentemente.
Infelizmente, quase todos os plug-ins que fornecem essa funcionalidade não são atualizados há muito tempo. Depois de instalar e ativar o plug-in, você verá uma nova caixa meta na página de edição de postagem. Marque a caixa intitulada Ocultar o título e depois clique Atualizar.
Recarregue sua página agora e você verá que o título da postagem desapareceu. Gostaria de mencionar novamente que isso não funcionará com todos os temas. Por exemplo, o título ainda estava visível quando o usei com o Crcote Corporate Theme acima, mas foi removido quando usei o tema Storefront.
Esta remoção do título é temporária e você pode recuperá-lo quando quiser simplesmente desmarcando Ocultar o título e batendo Atualizar.
Ocultar títulos de postagens e páginas com CSS
Se você não estiver usando um tema com recursos completos de edição do site e não conseguir remover o título usando um plug-in, ainda poderá fazê-lo com a ajuda do CSS.
O uso de CSS não removerá o título da página de postagem, mas simplesmente o ocultará dos usuários. Existem algumas abordagens que você pode adotar aqui.
O primeiro passo é descobrir a classe ou id que está sendo aplicado ao post ou título da página que você deseja ocultar. Queremos ser capazes de selecionar especificamente este elemento usando nossos seletores. Uma maneira fácil de fazer isso envolve clicar com o botão direito do mouse no título e selecionar Inspecionar. Isso deve abrir uma nova janela com conteúdo parecido com a imagem abaixo.
Neste caso, a classe é entry-title. Então, nosso seletor simplesmente se tornará h1.entry-title e vamos usá-lo para ocultar todos os títulos de postagens e páginas.
O próximo passo é navegar para Aparência > Personalizar no painel de administração do WordPress. Isso o levará à tela do personalizador de sites. Existem várias opções disponíveis aqui para você fazer alterações em diferentes aspectos do seu site. Isso inclui a tipografia, menus e widgets.
Você também deve ver uma opção para fornecer CSS adicional na lista, conforme mostrado na imagem acima. Clique nele e adicione o seguinte CSS na área de edição fornecida.
1 |
h1.entry-title { |
2 |
display: none; |
3 |
}
|
Isso ocultará o título de todas as postagens do seu tema, se estiver usando essa classe específica.
E se você quiser ocultar apenas o título de uma postagem ou página específica? Nesse caso, você terá a opção de preceder a classe CSS como post-385 para ocultar a postagem com ID 385. Você pode ver esse seletor na imagem acima. Neste caso, nosso CSS seria:
1 |
.post-385 h1.entry-title {
|
2 |
display: none; |
3 |
} |
Ocultar os títulos apenas de postagens ou páginas também é possível com o seguinte CSS:
1 |
.post h1.entry-title { |
2 |
display: none; |
3 |
}
|
4 |
|
5 |
.page h1.entry-title { |
6 |
display: none; |
7 |
}
|
Mais uma vez, gostaria de mencionar que os seletores exatos que você precisa usar dependerão do seu tema.
Você também pode usar algumas outras propriedades CSS para ocultar os elementos de forma que eles ainda sejam acessíveis aos leitores de tela. Isso tornará seu site mais fácil de usar se o título que você está ocultando fornecer um contexto importante para os leitores de tela para acessibilidade.
1 |
h1.entry-title { |
2 |
position: absolute; |
3 |
top: -9999px; |
4 |
left: -9999px; |
5 |
}
|
Pensamentos finais
Neste tutorial, aprendemos sobre diferentes maneiras de remover ou ocultar títulos de postagens e páginas. Você pode editar diretamente os arquivos de modelo para remover o título da marcação se estiver usando temas do WordPress com recursos completos de edição do site.
Você também pode usar alguns plugins gratuitos para remover os títulos das postagens seletivamente. No entanto, esses plugins podem não funcionar com todos os temas. Nesse caso, você terá que usar regras CSS para ocultar esses títulos.
