O tema News Portal é uma escolha popular entre 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, garantindo que a primeira letra seja maiúscula, enquanto as demais seguem a formatação desejada pelo autor.
--------------- Continua após o anúncio ---------------
Neste artigo, vamos mostrar como você pode personalizar facilmente a formatação dos seus títulos no tema News Portal usando um simples código CSS.
Por Que Personalizar a Formatação dos Títulos?
A formatação dos títulos é crucial para a legibilidade e o estilo do seu blog. No tema News Portal, os títulos 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.
--------------- Continua após o anúncio ---------------
Usando CSS para Personalizar Títulos no Tema News Portal
Para ajustar a formatação dos títulos 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:
--------------- Continua após o anúncio ---------------
Copiar código
h1.entry-title,
h1, h2, h3, h4, h5, h6,
.post-title,
.page-title,
.entry-title,
.blog-title {
text-transform: none; /* Mantém o texto como foi digitado */
}
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; /* Transforma a primeira letra da primeira palavra em maiúscula */
}
Passo a Passo para Adicionar o CSS
- Acesse o painel do WordPress.
- Vá até
Aparência>Personalizar. - Selecione a opção
CSS Adicional. - Cole o código fornecido na caixa de texto.
- Clique em “Publicar” para salvar as alterações.
Esse código garante que os títulos dos seus artigos 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:
--------------- Continua após o anúncio ---------------
Exemplo 1: Título com Palavras em Maiúsculas
Texto Original:
Como MELHORAR a Performance do Seu Blog em 2024
Após Aplicar o Código:
--------------- Continua após o anúncio ---------------
Como MELHORAR a Performance do Seu Blog em 2024
Neste exemplo, o código respeita as palavras em maiúsculas (“MELHORAR” e “2024”) 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 é 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 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 podem se destacar ainda mais!
