Como Ajustar a Formatação de Títulos no Tema News Portal

Como ajustar a formatação de títulos e textos dos menus no tema News Portal

Wordpress

Última atualização em 5 de maio de 2026 às 17:30

O tema News Portal é uma escolha excelente para blogueiros e criadores de conteúdo que desejam um visual moderno e limpo para seus sites.

No entanto, uma questão comum é como ajustar a formatação dos títulos dos artigos e dos textos dos menus garantindo que a primeira letra seja maiúscula, enquanto as demais seguem a formatação desejada por quem está escrevendo

Neste artigo, vamos mostrar como você pode personalizar facilmente a formatação dos seus títulos e dos textos dos menus no tema News Portal usando um simples código CSS.

Por Que Personalizar a Formatação dos Títulos e Textos dos Menus?

A formatação dos títulos e menus é crucial para a legibilidade e o estilo do seu blog. No tema News Portal, os títulos e textos dos menus por padrão podem não atender a todas as necessidades dos usuários, especialmente quando você deseja que apenas a primeira letra do título seja maiúscula, mantendo o restante do texto conforme digitado.

Isso é especialmente importante para garantir que palavras que precisam estar em maiúsculas ou com formatação específica permaneçam corretas.

Usando CSS para Personalizar Títulos e textos dos menus no Tema News Portal

Para ajustar a formatação dos títulos e os textos dos menus no tema News Portal, você pode adicionar um código CSS personalizado.

O código a seguir garantirá que apenas a primeira letra da primeira palavra do título seja maiúscula, enquanto o restante do texto permanece conforme você digitou.

Código CSS

Adicione o seguinte código no CSS Adicional do tema:

Copiar código

/* =========================
   Mantém os títulos exatamente como foram digitados
========================= */

h1.entry-title,
h1, h2, h3, h4, h5, h6,
.post-title,
.page-title,
.entry-title,
.blog-title {
    text-transform: none !important;
}

/* Primeira letra maiúscula apenas se o texto já estiver minúsculo */
h1.entry-title:first-letter,
h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
h6:first-letter,
.post-title:first-letter,
.page-title:first-letter,
.entry-title:first-letter,
.blog-title:first-letter {
    text-transform: uppercase;
}

/* =========================
   Corrige os menus do tema
   Mantém exatamente como foi escrito no WordPress
========================= */

.main-navigation a,
.main-navigation ul li a,
#site-navigation a,
.menu a,
.nav-menu a,
.primary-menu a {
    text-transform: none !important;
    letter-spacing: normal !important;
}

Passo a Passo para Adicionar o CSS

  1. Acesse o painel do wordpress.
  2. Vá até Aparência > Personalizar.
  3. Selecione a opção CSS Adicional.
  4. Cole o código fornecido na caixa de texto.
  5. Clique em “Publicar” para salvar as alterações.

Esse código garante que os títulos dos artigos e textos dos menus seguirão a formatação desejada, deixando apenas a primeira letra em maiúscula e respeitando qualquer capitalização específica que você tenha digitado no título.

Exemplos de Formatação

Aqui estão alguns exemplos de como seus títulos serão formatados após a aplicação do código CSS:

Exemplo 1: Título com Palavras em Maiúsculas

Texto Original:

Como MELHORAR a Performance do Seu Blog em 2026

Após Aplicar o Código:

Como MELHORAR a Performance do Seu Blog em 2026

Neste exemplo, o código respeita as palavras em maiúsculas (“MELHORAR” e “2026”) conforme digitadas.

Exemplo 2: Título Simples

Texto Original:

dicas para otimizar o SEO do seu blog

Após Aplicar o Código:

Dicas para otimizar o SEO do seu blog

Aqui, apenas a primeira letra da primeira palavra é capitalizada, enquanto o restante do texto permanece em minúsculas.

Conclusão

Com o tema News Portal, personalizar a formatação dos títulos dos seus artigos e dos textos dos menus é uma tarefa simples que pode fazer uma grande diferença na apresentação do seu conteúdo.

Usando o código CSS fornecido, você terá controle total sobre como os títulos e textos dos menus aparecem em seu blog, garantindo uma leitura mais agradável e profissional para seus visitantes.

Experimente essa personalização hoje mesmo e veja como seus títulos e textos dos menus podem se destacar ainda mais!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *