Como remover o título da página WooCommerce Storefront Theme

Publicados: 2020-10-05

Remover título da página do WooCommerce Storefront Você está confuso sobre como você pode remover o título de uma página no seu tema Storefront? Se sim, tenho certeza de que você tentou inúmeros métodos para remover o título da página sem sucesso. No entanto, você não deve se sentir miserável. Embora o WooCommerce seja uma plataforma super poderosa, também tem suas limitações. Fique até o final, pois fornecerei uma solução para ocultar o título da página em seu tema Storefront.

Remover título da página do WooCommerce Storefront

Título da página

Além disso, inúmeras pesquisas e edições malsucedidas sobre como remover o título da página podem consumir seu dia, deixando-o desgastado e exausto. A codificação pode quebrar ou fazer o seu dia. Neste breve post, vou te ajudar a montar essas peças quebradas e fazer o seu dia. Os trechos de código que compartilharei certamente colocarão uma curva de sorriso em seu rosto.

Além disso, se você é um iniciante no WordPress, compartilharei uma solução amigável para iniciantes. Envolve o uso de um plugin, o que significa que você não lidará com nenhum pedaço de código.

Por que remover o título de uma página no tema Storefront?

Alguns dos recursos que vêm com o WordPress podem não se dar bem com o seu design. O título da página pode entrar em conflito com seu design e você pode optar por removê-lo.

Um título de página importa muito e isso significa que um título de página que não está em harmonia com o conteúdo da página pode incomodar os usuários do site instantaneamente. Há momentos em que você não quer desviar a atenção dos visitantes do conteúdo da página colocando aquele grande e antigo “Home” ou qualquer outro título, por vários motivos.

Portanto, surge a necessidade de remover ou ocultar completamente o título da página Storefront.

Como remover o título da página no tema Storefront manualmente

O método mais rápido para remover o título da página no caso de um título de página/post específico é não colocar o título onde deveria ser adicionado. Você pode deixar a caixa Título vazia e publicá-la em qualquer lugar. Isso significa que você tem uma página sem título.

Página sem título

Embora esse método pareça muito fácil, ele pode ter seu próprio conjunto de implicações mais tarde, o que não é bom. Isso significa que você pode ter que suportar o peso de pegar esse atalho. Isso ocorre porque você pode achar difícil localizar suas postagens sem títulos e outros problemas inesperados podem ocorrer. Portanto, deixe-me mostrar como a codificação pode fazer maravilhas para resolver esse problema.

Como remover o título da página no tema Storefront usando código PHP

Por padrão, o tema Storefront adiciona um título H1 “Home” à página inicial. Não importa se você usa o modelo de página estática "Padrão" ou "Página inicial".

No entanto, você pode fazer isso via CSS, com um simples “display: none”. Alternativamente, você pode evitar completamente o carregamento do título “Home” usando PHP. Isso porque pode afetar o SEO do seu site. É melhor não carregar um H1 do que escondê-lo via CSS.

Aqui está uma solução rápida para isso:

  1. Faça login no seu site WordPress e acesse o Dashboard como usuário administrador.
  2. No menu Dashboard, clique em Appearance Menu > Theme Editor Menu . Quando a página Theme Editor for aberta, procure o arquivo de funções do tema onde adicionaremos a função que adicionará a funcionalidade GTIN Number em Produtos no WooCommerce.
  3. Adicione o seguinte código ao arquivo php :
  • Remova o título da página inicial no tema da vitrine (modelo de página "página inicial")
 /**

 * Ocultar título da página inicial - Modelo de página inicial da vitrine

*/

add_action( 'wp', 'njengah_storefront_remove_title_from_home_homepage_template');

function njengah_storefront_remove_title_from_home_homepage_template() {

   remove_action( 'storefront_homepage', 'storefront_homepage_header', 10 );

}
  • Remova o título da página inicial no tema da vitrine (modelo de página “padrão”)
 /**

* Ocultar título da página inicial - Modelo de página padrão da vitrine

*/

add_action( 'wp', 'njengah_storefront_remove_title_from_home_default_template' );

function njengah_storefront_remove_title_from_home_default_template() {

if ( is_front_page() ) remove_action( 'storefront_page', 'storefront_page_header', 10 );
}
  1. Este será o resultado: Remover título da página

Como remover o título da página no tema Storefront usando um plug-in

Nesta seção, compartilharei uma solução amigável para iniciantes para remover o título da página. Aqui, usarei o Title Toggle para o plugin Storefront Theme . É para aqueles que não estão familiarizados com a personalização de seu site com código ou talvez não queiram bagunçar a estrutura de codificação de seu site. Alternar título para o tema da vitrine

Este plugin facilita a remoção do título da página de páginas ou postagens específicas. Ele foi desenvolvido para funcionar apenas para o tema Storefront. Além disso, há também uma opção para remover a meta da postagem (tags e contagem de comentários) das postagens.

Aqui estão os passos que você precisa seguir:

  1. Faça login no seu site WordPress e acesse o Dashboard como usuário administrador.
  2. Então, vamos instalar o plugin que indicamos anteriormente. Para baixá-lo diretamente no Painel Administrativo , basta navegar até Plugins > Adicionar Novo . Depois disso, você precisará fazer uma busca por palavra-chave para o plugin ' Title Toggle for Storefront Theme '. Você precisa instalá-lo e ativá-lo conforme mostrado abaixo: Ative o plug-in
  3. Para ocultar o título de uma determinada página, clique em editar em qualquer página que você deseja ocultar o título. Editar Página
  4. Na página de edição, role para baixo até ver a caixa meta Título e Alternar. Marque a caixa de seleção “Ocultar título” e atualize sua página. Ocultar título
  5. Este será o resultado: Remover título da página

Conclusão

Neste post, compartilhei diferentes maneiras que você pode usar para remover o título da página no tema Storefront. A primeira solução é um método rápido e de atalho para remover o título simplesmente não colocando o título onde deveria ser adicionado. No entanto, parece tentador e fácil de fazer em primeiro lugar, mas tem um conjunto de implicações mais tarde, como destaquei.

O segundo método envolve o uso de um trecho de código PHP e depende do tipo de modelo que você está usando para a página inicial. O último método é uma solução amigável para iniciantes que envolve o uso de um plugin.

É tão simples quanto isso!

Artigos semelhantes

  1. Como remover “Tem certeza de que deseja sair?”
  2. Como alterar o texto do rodapé do e-mail WooCommerce
  3. Como remover os detalhes de cobrança do WooCommerce Checkout
  4. Como ajustar a altura do cabeçalho do WooCommerce Storefront
  5. Como remover o link de rodapé orgulhosamente desenvolvido pelo WordPress
  6. Como contar itens adicionados ao carrinho Código de contagem de carrinho WooCommerce
  7. Como adicionar produto após a configuração da vitrine [Guia para iniciantes]
  8. Como alterar os produtos por página WooCommerce Storefront Theme
  9. Como remover o carrinho do cabeçalho do tema Storefront
  10. Como desativar comentários WooCommerce Storefront Theme
  11. Como exibir produtos em destaque na página inicial da vitrine
  12. Como ocultar variações de estoque no WooCommerce
  13. Como remover o tema da vitrine da caixa de pesquisa
  14. Como remover migalhas de pão WooCommerce Storefront
  15. Como redirecionar o usuário se não estiver logado no WordPress » Redirecionamento de página
  16. Como alterar o tamanho da fonte WooCommerce Storefront Theme
  17. Como remover a barra lateral da página do produto em temas WooCommerce
  18. Como usar os atributos do produto WooCommerce passo a passo [Guia Completo]
  19. Como ocultar o botão Adicionar ao carrinho no WooCommerce
  20. Como adicionar categorias aos produtos WooCommerce