Você está procurando uma maneira de ocultar os títulos das páginas no WordPress?
Os títulos das páginas ajudam os mecanismos de pesquisa e os visitantes do site a saber do que se tratam suas páginas. No entanto, alguns designs, como páginas de destino, talvez não precisem exibir um título, portanto, faz sentido ocultá-lo.
Neste guia, você aprenderá a ocultar os títulos de página de todas as páginas e de páginas individuais no WordPress.
Índice
Por que ocultar o título de sua página no WordPress?
Por padrão, a maioria dos temas do WordPress exibe um título na parte superior de uma página. Isso ajuda os visitantes a saber onde estão e o que esperar de seu conteúdo.
Embora os títulos das páginas sejam úteis para os visitantes e para os mecanismos de pesquisa, nem sempre é necessário ter um. Por exemplo, não é necessário ter um título de página em sua página inicial porque o conteúdo real explica sua finalidade.
Talvez você queira um visual limpo e minimalista para sua página. Exibir um título acima da dobra pode atrapalhar esse design e a experiência do usuário. Portanto, talvez você queira removê-lo e exibir um título H1 em outro lugar.
Como alternativa, você pode ter uma página de aterrissagem, uma página de vendas ou uma página de lançamento em breve que possa envolver melhor os visitantes.
Essas páginas geralmente têm mensagens personalizadas para explicar o que os usuários podem esperar, com foco nas etapas a serem seguidas. Portanto, mostrar um título de página pode ocupar um espaço valioso que você precisa para transmitir sua mensagem.
No guia abaixo, compartilhamos vários métodos para ocultar títulos de páginas no WordPress. Primeiro, abordaremos a ocultação de títulos de páginas individuais com o fácil construtor de páginas do WordPress do SeedProd antes de destacar outros métodos a serem considerados.
Como ocultar o título da página no WordPress com o SeedProd
Nossa missão na SeedProd é facilitar a criação e a personalização de seu site sem código.
Com o nosso construtor de sites de arrastar e soltar, você pode criar temas personalizados do WordPress, páginas da Web e até mesmo páginas de destino independentes.
Isso também significa que você pode ocultar títulos em qualquer página ou tema com apenas alguns cliques.
Nossa biblioteca de modelos tem mais de 300 modelos de páginas de destino e kits de sites para dar início ao processo de design. Vamos escolher um deles para ver como é fácil remover um título de página do design.
Primeiro, verifique se o SeedProd está instalado e ativado em seu site WordPress.
Consulte nossa documentação sobre a instalação do SeedProd se precisar de ajuda com isso.
Após a ativação, acesse SeedProd " Theme Builder em seu administrador do WordPress. A partir daí, clique no botão Theme Template Kits.
Agora, você verá a biblioteca de modelos com designs para diferentes tipos de sites.
Você pode dar uma olhada mais de perto em qualquer design clicando no ícone da lupa. A demonstração será aberta em uma nova guia ou janela do navegador.
Quando estiver pronto para escolher um design, passe o mouse sobre ele e clique no ícone de marca de seleção.
A importação de um kit de site leva apenas alguns segundos. Quando a importação for concluída, você verá uma lista de modelos que formam a estrutura do seu tema.
Cada modelo de tema tem um design consistente e conteúdo específico para sua finalidade. Por exemplo, a página do blog lista as publicações recentes, enquanto a página inicial tem uma descrição, logotipos de clientes, serviços e muito mais.
Você pode editar cada modelo passando o mouse sobre seu título e clicando no link "Edit Design".
Vamos fazer isso para a página do blog.
Em nosso exemplo, você pode ver que a página do blog tem um banner de cabeçalho com texto explicando sobre o que é a página. Isso torna o título "Blog" redundante, portanto, podemos removê-lo.
Para remover o título da página, basta passar o mouse sobre ele e clicar no ícone da lixeira.
Depois de remover o título, clique no botão Save (Salvar ) para salvar suas alterações. Em seguida, você pode visualizar a página para ver como ela ficou.
Você pode repetir essa etapa para qualquer outra página que criar com o SeedProd.
Por exemplo, você pode criar uma página da maneira padrão acessando Pages " Add New Page e, em seguida, editar o design clicando no botão Edit With SeedProd.
Em seguida, você pode remover o título da página usando as etapas acima.
Métodos alternativos para ocultar o título da página do WordPress
Usar um construtor de páginas do WordPress é apenas uma maneira de ocultar o título da página. Se o seu site tiver uma configuração diferente, um dos métodos alternativos abaixo pode ser mais adequado para você.
Remover o título da página com o Full Site Editor
Você pode remover o título de todas as páginas usando o Full Site Editor (FSE) se o seu site usar o WordPress 5.9 ou versões posteriores. Esse método também se aplica a temas do WordPress que suportam a edição completa do site, como o Neve FSA.
Se o seu tema for compatível com o FSE, você deverá ver a opção Appearance " Editor no seu administrador do WordPress.
A partir daí, você pode clicar em Editor para abrir o painel do FSE.
Quando o editor for aberto, clique no título Modelos no painel esquerdo. Em seguida, você pode escolher em qual modelo deseja ocultar o título da página.
Para este exemplo, vamos clicar na opção Pages (Páginas ).
Agora, clique no título da página na visualização à direita.
Você verá uma barra de ferramentas acima do título. Clique nos três pontos à direita desse painel para exibir mais configurações.
Role a tela para baixo até ver a opção Excluir e clique nela.
Depois de salvá-lo, o título desaparecerá de todas as páginas de seu site que usam esse modelo. Aqui está um exemplo de como isso fica em nosso site de teste:
Ocultar títulos de páginas específicas com um plug-in do WordPress
Outra maneira de ocultar títulos de páginas específicas é instalar um plug-in de remoção de títulos.
Usaremos o plug-in Hide Page and Post Title. É um plug-in gratuito do WordPress que permite ocultar páginas, posts e títulos de posts personalizados com apenas alguns cliques.
Esse é um bom método se você não usar um tema do WordPress compatível com o Full Site Editor.
Se precisar de ajuda para instalar esse plug-in, consulte este guia sobre como instalar um plug-in do WordPress.
Depois que o plug-in estiver ativado, acesse Pages " All Pages (Páginas " Todas as páginas ) no painel do WordPress e edite a página que deseja alterar.
Dentro do editor, olhe para a barra lateral direita e role para baixo até a seção Ocultar página e título de postagem. Agora, tudo o que você precisa fazer é clicar na caixa de seleção ao lado de "Hide the title" (Ocultar o título).
Lembre-se de salvar suas alterações ou clicar no botão Publicar. Ao visitar sua página, você verá que o título desapareceu.
Você também pode usar esse plug-in para ocultar os títulos das postagens do blog.
Ocultar todos os títulos de páginas específicas com CSS personalizado
Os próximos dois métodos permitem que você oculte e remova títulos de páginas no WordPress usando CSS. Isso significa que o título fica oculto para os visitantes, mas ainda será carregado no código HTML da página.
A vantagem dessa abordagem é que os mecanismos de pesquisa, como o Google, ainda conhecem o título e podem usá-lo para entender o conteúdo da sua página.
Uso de CSS para ocultar títulos de página específicos
Vamos começar usando código CSS adicional para ocultar títulos de página específicos. Para isso, tudo o que você precisa é do ID da página e do nome da classe.
No back-end de seu site, navegue até Pages " All Pages, localize a página que deseja alterar e clique em Edit.
Agora, observe o URL da página na barra de endereços, onde você verá uma seção com a palavra "post=" e um número, como post=2. Esse é o ID da página, portanto, anote-o, pois precisaremos dele a seguir.
A próxima etapa é adicionar o CSS ao seu tema do WordPress.
Em nosso site de teste, estamos usando o Full Site Editor, que não inclui mais o personalizador de temas por padrão. Portanto, instalaremos o plug-in WPCode, que nos permite adicionar facilmente trechos de código personalizados ao WordPress.
Após a instalação, navegue até Code Snippets " + Add New Snippet, que permite que você escolha entre vários tipos de snippet.
Para este exemplo, destaque a primeira opção, "Add Your Custom Code" (Adicione seu código personalizado), e clique no botão Use Snippet (Usar snippet).
Dentro do editor de snippets, escolha CSS Snippet no menu suspenso "Code Type" (Tipo de código). Em seguida, cole o código a seguir para ocultar o título da página.
Lembre-se de substituir o "page-id" pelo valor que você copiou anteriormente.
.page-id-2 .wp-block-post-title {
display: none;
}
Depois de adicionar o snippet, clique em Update (Atualizar ) e coloque o botão de alternância de status na posição Active (Ativo ). Você não deverá mais ver o título da página quando visitar a página.
Se ainda estiver vendo o título da página, é provável que seu tema use uma classe CSS diferente. Nesse caso, você precisará encontrar a classe correta inspecionando o código da página.
Para fazer isso, visite a página específica que deseja alterar no front-end do site, destaque o título da página e clique com o botão direito do mouse.
No menu suspenso que aparece, clique na opção Inspecionar elemento.
Agora, você verá um novo painel com o título da página destacado no código-fonte. Como estamos usando um tema diferente para este exemplo, você verá que a classe do título da página também é diferente.
O seu pode ser chamado de "entry-title" ou algo semelhante. Portanto, você precisará ajustar o código anterior com a classe CSS correta.
Esta é a aparência do código final:
.page-id-2 .entry-title {
display: none;
}Agora, cole esse código no editor de snippets, salve e ative as alterações.
Quando você visitar sua página, não verá mais o título da página.
Remoção de TODOS os títulos de página com CSS
O último método que abordaremos permite ocultar o título de todas as páginas do seu site WordPress.
Para isso, tudo de que você precisa é a classe de título da página. Portanto, encontre a classe de título de página correta para seu tema, conforme destacamos no método anterior, e cole o seguinte trecho em seu editor de código:
.entry-title {
display: none;
}
Depois de salvar e ativar o snippet, você verá que o título está oculto em todas as páginas do seu site.
Perguntas frequentes sobre a ocultação de títulos de páginas no WordPress
A ocultação do título da página afetará meu SEO?
Os mecanismos de pesquisa dependem dos títulos das páginas para entender o conteúdo da sua página. Removê-los dificulta a indexação e a classificação da sua página nos resultados dos mecanismos de pesquisa.
Para combater isso, recomendamos o uso de um plug-in de SEO do WordPress para ajustar o título de SEO da sua página (tag de título). Dessa forma, sua página ainda mostrará o título para os mecanismos de pesquisa, mesmo que ele não esteja visível para os usuários.
Não posso deixar o campo do título da página em branco?
Tecnicamente, você pode deixar o campo do título da página em branco no WordPress, mas não recomendamos isso porque a ausência de um elemento de título não fornece informações aos mecanismos de pesquisa, o que pode prejudicar a visibilidade da sua página.
Além disso, mesmo sem um título no campo, o WordPress geralmente gera um título padrão de qualquer maneira. Ele pode ser o nome do seu site, o ID da postagem ou algo semelhante. Como ele não é otimizado, não ajudará em seu SEO.
Posso ocultar o título somente em dispositivos móveis?
Se estiver usando o SeedProd para personalizar seu site, você poderá ocultar os títulos das páginas de forma seletiva em dispositivos móveis, tablets e desktops.
Basta editar a página, destacar o título da página na edição de bloco e selecionar a guia Advanced (Avançado ) na barra lateral esquerda.
A partir daí, selecione a opção Device Visibility (Visibilidade do dispositivo ) e alterne as opções "Hide on Mobile" (Ocultar no celular) e "Hide on Tablet" (Ocultar no tablet).
Em seguida, você pode clicar no ícone de visualização na barra de ferramentas inferior, onde verá que o título está acinzentado. Isso significa que o bloco ficará oculto para os visitantes depois de salvar suas alterações.
Como faço para ocultar o título de uma página no WooCommerce?
Você pode ocultar o título das páginas no WooCommerce usando muitos dos mesmos métodos deste guia. Por exemplo, no SeedProd, você pode simplesmente ocultar o elemento de título nas configurações de visibilidade do dispositivo.
Você também pode usar CSS personalizado para isso, encontrando a classe de título da sua página do WooCommerce.
Sua classe de título pode ser diferente da nossa; no entanto, aqui está um exemplo:
.woocommerce-page .page-title {
display: none;
}Como no método anterior, essa opção removerá todos os títulos de página de suas páginas do WooCommerce.
A seguir, mais tutoriais de layout do WordPress
Esperamos que este guia passo a passo tenha ajudado você a aprender como ocultar títulos de páginas no WordPress. Se estiver procurando mais ajuda com o layout do WordPress, confira os tutoriais a seguir:
- Como ocultar imagens na visualização móvel no WordPress
- Como ocultar seu site WordPress até que esteja pronto
- Como alterar o layout do blog no WordPress
- Como alterar as margens no WordPress
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.
Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.
