Como Adicionar Texto em Cima de uma Imagem no WordPress (3 Métodos)

Adicionar texto sobre uma imagem é uma técnica popular para melhorar o apelo visual do seu conteúdo ou site. Além disso, é uma ótima maneira de tornar suas imagens mais informativas e envolventes.

Neste artigo, encontramos três maneiras fáceis de adicionar texto sobre uma imagem no WordPress. Se você preferir usar o Block Editor, um plugin ou código personalizado. Vamos descobrir!

Por que é importante adicionar o texto no topo das imagens

Antes de avançar para os métodos, você precisa saber o motivo pelo qual adicionar texto sobre as imagens é importante.

1. Chamar a Atenção

Se os usuários estiverem rolando rapidamente o conteúdo, adicionar imagens por si só pode não ser suficiente para chamar a atenção deles. É por isso que você precisa adicionar texto sobre a imagem para ajudar a capturar a atenção dos usuários e transmitir sua mensagem de forma mais eficaz.

2. Melhore a Experiência do Usuário

É verdade que as imagens podem fornecer muito valor por conta própria, no entanto, adicionar texto sobre elas, como legendas, citações ou outro conteúdo baseado em texto, pode torná-las ainda mais úteis. Além disso, os usuários podem entender o contexto da imagem e como ela se relaciona com o seu conteúdo.

3. Melhorando a Acessibilidade

Você também pode ajudar a melhorar a acessibilidade para usuários que possam ter dificuldade em visualizar a própria imagem. Ao fornecer uma alternativa de texto, você pode garantir que seu conteúdo seja acessível a uma gama mais ampla de usuários.

4. Aumentando o SEO

Adicionar palavras-chave relevantes às legendas ou texto alternativo da imagem pode ajudar a melhorar a classificação do site nos motores de busca. Isso ocorre porque os motores de busca usam essas informações para entender o conteúdo do seu site e determinar quão relevante ele é para as consultas de pesquisa dos usuários.

3 Métodos Como Adicionar Texto Sobre uma Imagem no WordPress

1. Use o Editor de Blocos do WordPress

Primeiro, vá para a página ou postagem na qual você vai adicionar o texto sobre a imagem.

Escolha Capa para escrever o texto sobre a imagem.

Depois disso, ele começará a aparecer na sua tela. Ele mostra a imagem padrão, mas você pode alterar a imagem como desejar.

Você também pode substituir a imagem padrão pela sua imagem personalizada. Clique no botão de substituir e, em seguida, faça o upload da imagem ou simplesmente escolha na biblioteca de mídia.

Parecerá assim, então você pode escrever o texto sobre a imagem como desejar.

Clique duas vezes no texto, você obterá a opção de edição do texto. Você pode ajustar o tamanho, cor e muito mais de acordo com sua necessidade.

Por fim, clique no botão de atualizar, ou se você adicionou a nova postagem ou página, clique no botão de publicar.

2. Usar CSS

Abra o Editor de Blocos do WordPress e selecione o bloco de imagem onde você deseja adicionar texto. Na barra lateral direita, clique na Avançado guia.

No campo Classe CSS Adicional, adicione uma classe personalizada para o bloco de imagem.

Salvar as alterações e publicar ou atualizar a página ou postagem.

.custom-class { posição: relativa; } .custom-class p { posição: absoluta; topo: 50%; esquerda: 50%; transformar: traduzir(-50%, -50%); tamanho-da-fonte: 24px; cor: #ffffff; sombra-de-texto: 2px 2px 2px #000000; } 

No código acima, substitua "classe-personalizada" pela classe personalizada que você adicionou ao bloco de imagem. Você também pode personalizar o tamanho da fonte, cor e outras opções de estilo para combinar com suas preferências.

3. Use o Plugin WordPress

Se você deseja ter a liberdade de criar designs de página completamente personalizados, então você precisará de um plugin de construtor de páginas. Um dos plugins de construtor de páginas do WordPress é o SeedProd, que permite adicionar texto sobre qualquer imagem em todo o seu site.

Primeiro, instale e ative o plugin SeedProd. Após a ativação, você precisará inserir uma chave de licença. Faça login na sua conta SeedProd, em seguida clique na aba de Download.

Uma vez feito isso, copie a chave na seção Chave de licença.

Agora você pode colar esta chave na área de administração do WordPress, indo para a SeedProd » página de configurações.

Uma vez aqui, vá em frente e cole sua chave no campo Chave de licença. Em seguida, você simplesmente precisa clicar em Verificar Chave.

Em seguida, vá para SeedProd » Páginas de Destino e clique em Criar Nova Página de Destino.

Depois disso, escolha um modelo. Independentemente do modelo SeedProd que você escolher, você pode personalizar cada parte do modelo para se adequar perfeitamente ao seu site e marca.

No entanto, se você preferir começar com uma tela em branco, clique no Modelo em Branco.

Depois de encontrar um modelo, passe o mouse sobre ele. Você pode então clicar no ícone de Pré-visualizar.

Se você está satisfeito com a aparência deste modelo, clique no botão Escolher Este Modelo

No campo Nome da Página, digite um nome para a página.

Se você quiser alterar a URL criada automaticamente, edite o texto no campo URL da Página

Clique no botão Salvar e Iniciar Edição da Página. Isso abrirá o modelo no editor de arrastar e soltar do SeedProd.

No painel lateral esquerdo, você verá todos os blocos e seções que você pode adicionar à sua página usando arrastar e soltar.

A menos que você esteja usando o Modelo em Branco, sua página SeedProd já terá alguns blocos e seções. Para editar qualquer um desses conteúdos, clique para selecionar o bloco ou seção.

O menu lateral esquerdo do SeedProd agora mostrará todas as configurações que você pode usar para personalizar esse bloco ou seção.

A maneira mais fácil de adicionar texto sobre uma imagem é usando uma das seções Hero prontas do SeedProd.

Essas seções têm uma imagem de fundo placeholder em largura total, com algum texto placeholder adicionado por cima. Você pode simplesmente substituir a imagem de fundo padrão e o texto pelo seu próprio conteúdo.

Clique na Seção na barra lateral esquerda.

Em seguida, clique em Hero para ver todas as seções hero prontas que você pode adicionar à sua página.

Para prosseguir e adicionar esta seção hero ao seu design, basta clicar em Escolher Esta Seção.

Clique na imagem stock para selecioná-la se você quiser substituir a imagem stock do modelo pela sua própria imagem.

Passe o mouse Imagem de Fundo pré-visualizar até que um ícone de lixeira apareça. Você pode então prosseguir e clicar neste ícone

Em seguida, clique em Usar Sua Própria Imagem. Você pode então escolher uma imagem da biblioteca de mídia do WordPress ou usar uma imagem de estoque.

Depois de adicionar uma imagem, você está pronto para substituir o texto de espaço reservado.

Clique para selecionar o Bloco de Texto. Em seguida, na área de texto, simplesmente digite o texto que você deseja usar.

Alguns dos modelos de herói do SeedProd têm conteúdo extra, como botões de chamar à ação.

Se você quiser alterar esse conteúdo, clique para selecionar o bloco

Outra opção é excluir o bloco do modelo de herói.

Para fazer isso, clique para selecionar o bloco e, em seguida, clique no ícone da lixeira

Se você estiver satisfeito com o design da sua página, clique no botão Salvar.

A partir daqui, você pode optar por publicar a página ou salvá-la como um modelo.

Conclusão

Esses são os três métodos para adicionar texto sobre uma imagem no WordPress. Fácil, não é? Escolha a abordagem que melhor se adequa ao seu nível de habilidade e preferências de design.

Além disso, organize, otimize e gerencie seus arquivos de mídia como um profissional com WP Media Folder. É hora de dizer adeus às bibliotecas desorganizadas!