Remover os Titulos das Páginas no WordPress

Remover os Titulos das Páginas no WordPress

Se você tem utilizado o WordPress a um tempo, você provavelmente sabe que cada página em seu Web site mostra o Titulo da Página quando se cria uma nova página no WordPress. Remover os títulos das páginas no WordPress é uma alternativa.

Vamos ser honestos, as vezes esses títulos podem atrapalhar o visual da página.

Alguns temas por ai, permitem que você ”esconda” o título do post ou página, sendo possível trocar por um banner mais atrativo.

Você pode usar um software gráfico como o Canva ou o Photoshop para adicionar um gráfico personalizado ou uma fotografia com texto sobreposto. Em seguida, você retornaria ao seu website e usaria as configurações do seu tema para inserir seu novo gráfico como o título dessa página específica. Em alguns casos, isso pode ser útil para adicionar um recurso visual extra.

Mas, em alguns casos, você quer minimizar qualquer coisa e tudo que possa ser visto como uma distração.

Um bom exemplo são as landing pages, que devem ter apenas sua oferta e seu opt-in form para obter o maior número possível de conversões.

Outro exemplo em que você não deseja que um título de página seja exibido, seria se você tivesse criado uma página estática para usar como sua página inicial. Você não quer necessariamente um grande título em negrito que diga “Início” bem no topo, agora?

Quando se trata do método manual de remover títulos de páginas, você tem algumas opções. A primeira e mais óbvia é omitir.

O primeiro e mais óbvio é omitir a inserção de um título de página quando você cria uma nova página. Mas isso não é recomendado, para não mencionar que não é nada intuitivo. Como resultado, quando você precisar encontrar uma página específica mais tarde, será extremamente difícil fazer isso.

Outra desvantagem óbvia desse método é que você precisa criar o permalink manualmente para evitar que o WordPress gere um automaticamente para você. Então, a menos que você só precise ocultar um título em uma página específica, é melhor evitar esse método.

Se você não tem medo de editar seus arquivos de tema, um método fácil é editar o arquivo functions.php do tema.

Recomendo que você crie um tema-filho do seu tema pois isso garante que as atualizações recebidas do seu tema não subscreva o arquivo functions.php, se você não sabe criar um tema-filho eu tenho um tutorial ninja que vai te ajudar com isso clique aqui.

Para começar, faça o login em seu painel do WordPress e vá até Appearance> Editor. Por padrão, sua folha de estilo será carregada primeiro, mas se você olhar para o lado direito, verá o restante dos arquivos que compõem o seu tema. Vá em frente e clique no arquivo functions.php. Depois que ele for carregado, cole o seguinte trecho de código.

function ala_hidetitle_class($classes) { if (  is_page() ) : $classes[] = 'hidetitle'; return $classes; endif; return $classes; } add_filter('post_class', 'ala_hidetitle_class');

Click on update file.

O próximo passo é adicionar o seguinte à sua folha de estilo. Ainda no Editor, clique no arquivo style.css para carregá-lo.

Na parte inferior, adicione as seguintes linhas:

.hidetitle .entry-title { display:none; }

Em suma, é isso que acontece nos bastidores. O código que adicionamos ao nosso arquivo functions.php adiciona um class.hidetitle extra à função post_class () somente quando uma única página é exibida. Tenha em mente que isso só funcionará se o seu tema WordPress tiver suporte para a classe post. (Temas mais apropriadamente codificados). No entanto, esse código por si só não faz nada. As linhas adicionadas à folha de estilo, na verdade, ocultam o próprio título da página.

Deve-se notar que esse método funcionará para temas filhos dos frameworks mais populares e da maioria dos temas independentes. Caso seu tema use uma classe diferente para o título da página, você precisará substituir .entry-title pela classe correspondente.

Você pode descobrir facilmente qual classe CSS seu tema usa para títulos, abrindo o navegador e passando o mouse sobre o título da página. Em seguida, clique com o botão direito e selecione Inspecionar Elemento

Seu navegador será dividido e você verá a fonte da página destacando o código-fonte onde você pode ver a classe CSS usada pelo seu tema. Nesse caso, substitua .entry-title pela classe usada pelo seu tema.

Este método apenas oculta o título da página, mas o próprio título da página ainda é visível para os mecanismos de pesquisa, o que não tem impacto negativo no seu SEO. Caso você queira remover completamente os títulos das páginas do seu tema, você teria que editar todos os arquivos que continham o loop. Isso inclui a edição de arquivos como index.php, archive.php e single.php.

Considerações Finais

Esconder o título da sua página às vezes é uma necessidade, especialmente ao criar páginas focadas na conversão , ou mesmo página com um layout mais moderno o qual o título da página sendo exibido pode tirar a harmonia e a leveza do design.

É isso pessoal! Espero que apreveitem mais esta dica e deixem seus comentário pois o feedback de vocês é muito importante para a melhoria continua do meu trabalho.

Share This:

Receba gratuitamente e-mails com dicas e tutoriais do WordPress Sem Mistério.
Você receberá e-mails informando as atualizações do blog e semanalmente dicas e novidades sobre WordPress.
Temos 100% de respeito pela sua privacidade. Não fazemos Spam.