Guias/Criar conteúdo/Mídia/Estilizar uma imagem

Estilizar uma imagem

Adicione estilos como filtros, margens, bordas e sombras a uma imagem. Este guia aborda como estilizar uma imagem no seu site.

Aplicar estilos a uma imagem

Siga estas etapas para estilizar uma imagem no seu site:

  1. Faça login no painel do WordPress.com.
  2. Edite a página, post ou modelo ao qual você adicionou a imagem
  3. Clique na imagem que você deseja estilizar.
  4. Para abrir as configurações da barra lateral, clique no ícone Configurações na barra de ferramentas superior.

Se você não estiver vendo a barra lateral à direita, clique no ícone de Configurações no canto superior direito para exibir as configurações. Esse ícone é um quadrado com duas colunas de tamanhos diferentes.

Ícone de Configurações na parte superior do editor do WordPress realçado.
O ícone de Configurações no canto superior direito
  1. Clique na guia Estilos (o ícone parece um círculo em preto e branco):
A barra lateral de configurações do bloco de imagem está aberta, e o ícone "Estilos" realçado.
  1. Ajuste qualquer um dos seguintes estilos:
    • Estilo da imagem: escolha entre padrão ou arredondado. Quando arredondada, uma imagem quadrada passará a ser um círculo perfeito, enquanto uma imagem retangular será uma forma oblonga.
    • Filtros: adicione um efeito de cor com dois tons usando a configuração Duotônico.
    • Dimensões da imagem: adicione espaço ao redor da imagem usando as configurações de dimensões.
    • Borda e sombra: defina uma borda, um raio e uma sombra para a imagem usando as configurações de borda e sombra.

Adicionar CSS a uma imagem

Você pode criar uma classe CSS para personalizar a aparência com código CSS.

  1. Faça login no painel do WordPress.com.
  2. Edite a página, post ou modelo ao qual você adicionou a imagem
  3. Clique na imagem que você deseja estilizar.
  4. Para abrir as configurações da barra lateral, clique no ícone Configurações na barra de ferramentas superior.

Se você não estiver vendo a barra lateral à direita, clique no ícone de Configurações no canto superior direito para exibir as configurações. Esse ícone é um quadrado com duas colunas de tamanhos diferentes.

Ícone de Configurações na parte superior do editor do WordPress realçado.
O ícone de Configurações no canto superior direito
  1. Abra as configurações Avançado na parte inferior da barra lateral.
  2. Adicione ou modifique classes CSS adicionais.
  3. Salve suas alterações e visualize a página, post ou modelo para ver o CSS aplicado.

Redefinir estilos de imagem

Os estilos de imagem incluem filtros, dimensões, bordas e sombras. Siga estas etapas para redefinir um único estilo ou todos os estilos na imagem.

  1. Clique na imagem que você quer editar.
  2. Para abrir as configurações da barra lateral, clique no ícone Configurações na barra de ferramentas superior.
  3. Clique no ícone Estilos.
  4. Para abrir o menu Opções ao lado de cada seção de estilo, clique nos três pontos () à direita do cabeçalho da seção.
  5. Clique em Redefinir ao lado de cada configuração que você deseja redefinir. Ou clique em Redefinir tudo para redefinir todas as personalizações de configurações.
    • Se Redefinir não aparece, é porque não há estilos para redefinir.
Seções de estilos individuais destacadas com uma seta apontando das configurações de borda e sombra para as opções a serem redefinidas.
Copied to clipboard!