Ir para o Conteúdo 1 Ir para a Página Inicial 2 Ir para o menu de Navegação 3 Ir para a Busca 4 Ir para o Mapa do site 5
Abrir menu principal de navegação
Gestão de Conteúdo
Termos mais buscados
  • imposto de renda
  • inss
  • assinatura
  • cnh social
  • mei
Termos mais buscados
  • imposto de renda
  • inss
  • assinatura
  • Manuais e Tutoriais
    • Tutoriais do Plone 6
      • Criando uma página
      • Notícia
      • Trabalhando com Blocos
      • Gestão de acesso
      • Composição
      • Adicionando Áudio
      • Como criar um Link
      • Como inserir uma Imagem
      • Como adicionar um Vídeo
    • Acessibilidade em Imagens
      • Guia rápido: Texto alternativo (ALT)
      • Acessibilidade em Imagens no Plone 4
    • Adicionando Itens
      • Adicionar Item Arquivo
      • Adicionar Item Áudio
      • Adicionar Pasta de Formulário
      • Adicionando Serviços na Capa
    • Carrossel de Assuntos
    • Configurações do Ambiente
      • Configurando o item Composição
      • Configuração Multi-idioma
      • Integração com o sistema e-Agendas
      • Cadastro de rede social
      • Habilitando RSS
    • Configurando Canais de Atendimento CGU
      • Utilizando Tile de Canais
    • Classes em Capas
      • Linhas
      • Linhas de Destaque
      • Tile de Cabeçalho
      • Tile de Notícia
      • Classes de Visibilidade
    • Criação de cards
    • Diretrizes Para Edição de Conteúdo
      • Legislação de Comunicação Digital
      • Padrão Digital de Governo
      • Regras para Editores de Conteúdo gov.br
      • Cartilha de Acessibilidade gov.br
      • Conteúdos voltados para a implementação de acessibilidade
    • Edição de Notícias
      • Adicionar Item Notícia em Capa
      • Como inserir Imagem em Notícia
      • Como inserir áudio em notícias
    • Gestão de Acesso
      • Gestão de Usuários
      • Papéis de usuário
    • Liberação de Acesso ao Google Analytics
    • Mapa Interativo
    • Tutorial demonstrativo Portal Gov.Br
    • Como habilitar a flag do PagTesouro nos Serviços
  • Videoaulas
    • Curso Portal Gov.Br
    • Playlist para editores da plataforma GOV.BR
  • Guia de Edição de Serviços do Portal Gov.br
  • GOV.BR
    • Serviços
      • Buscar serviços por
        • Categorias
        • Órgãos
        • Estados
      • Serviços por público alvo
        • Cidadãos
        • Empresas
        • Órgãos e Entidades Públicas
        • Demais segmentos (ONGs, organizações sociais, etc)
        • Servidor Público
    • Temas em Destaque
      • Orçamento Nacional
      • Redes de Atendimento do Governo Federal
      • Proteção de Dados Pessoais
      • Serviços para Imigrantes
      • Política e Orçamento Educacionais
      • Educação Profissional e Tecnológica
      • Educação Profissional para Jovens e Adultos
      • Trabalho e Emprego
      • Serviços para Pessoas com Deficiência
      • Combate à Discriminação Racial
      • Política de Proteção Social
      • Política para Mulheres
      • Saúde Reprodutiva da Mulher
      • Cuidados na Primeira Infância
      • Habitação Popular
      • Controle de Poluição e Resíduos Sólidos
    • Notícias
      • Serviços para o cidadão
      • Saúde
      • Agricultura e Pecuária
      • Cidadania e Assistência Social
      • Ciência e Tecnologia
      • Comunicação
      • Cultura e Esporte
      • Economia e Gestão Pública
      • Educação e Pesquisa
      • Energia
      • Forças Armadas e Defesa Civil
      • Infraestrutura
      • Justiça e Segurança
      • Meio Ambiente
      • Trabalho e Previdência
      • Turismo
    • Galeria de Aplicativos
    • Acompanhe o Planalto
    • Navegação
      • Acessibilidade
      • Mapa do Site
      • Termo de Uso e Aviso de Privacidade
    • Consultar minhas solicitações
    • Órgãos do Governo
    • Por dentro do Gov.br
      • Dúvidas Frequentes em relação ao Portal gov.br
      • Dúvidas Frequentes da conta gov.br
      • Ajuda para Navegar o Portal
      • Conheça os elementos do Portal
      • Política de e-participação
      • Termos de Uso
      • Governo Digital
      • Guia de Edição de Serviços do Portal Gov.br
    • Canais do Executivo Federal
    • Dados do Governo Federal
      • Dados Abertos
      • Painel Estatístico de Pessoal
      • Painel de Compras do Governo Federal
      • Acesso à Informação
    • Empresas e Negócios
Links Úteis
  • Galeria de Aplicativos
  • Participe
  • Galeria de Aplicativos
  • Participe
Você está aqui: Página Inicial Manuais e Tutoriais Tutoriais do Plone 6 Como inserir uma Imagem

Como inserir uma Imagem

Info

1 - Inserindo uma Imagem no Plone 6 

  1. Após o login, localize o Menu de edição na lateral esquerda do seu site.
  2. Clique no ícone de Adicionar Conteúdo, representado por um sinal de mais (+).
  3. Uma lista de opções será exibida. Clique em Imagem.
Menu de edição com o botão [+] e o item Imagem selecionado

Em seguida anexe a Imagem (URL ou arquivo do dispositivo) e a Descrição da imagem. 

A Descrição da Imagem é obrigatória, visando a acessibilidade digital. Esse campo (também conhecido como texto ALT) permite que softwares leitores de tela descrevam o conteúdo visual para pessoas com deficiência visual.

Tela de edição com o item de menu "Padrão" selecionado e os campos: Imagem e ALT marcados

Configurações da imagem

Na opção Imagem, além do item "Padrão" estão disponíveis outros itens no menu de configuração do componente imagem. Confira todas as opções de configuração na lista e na imagem a seguir:

  • Padrão
    • Título
    • Descrição
    • Imagem
    • Legenda da Imagem
    • Descrição da imagem (texto ALT)
  • Categorização
    • Tags
    • Idioma
    • Itens relacionados (link para o conteúdo relacionado)
  • Datas
    • Data de Publicação
    • Data de Expiração
  • Propriedade
    • Autores
    • Colaboradores
    • Direitos
  • Configurações
    • Permitir comentários
    • Nome curto
tela de ajustes da imagem

Após clicar em "Salvar" no menu lateral à esquerda do site, a sua imagem estará inserida no site.

Importante!

Se não houver o preenchimento de um campo obrigatório, como o campo do ALT, o Plone não deixará a imagem ser salva. 

Homem com Deficiência visual usando computador. Texto: Seu site é para todos? Curso on-line sobre Acessibilidade Digital.

Após a imagem estar inserida no site, o editor poderá usá-la em vários blocos de uma página. Veja na figura a seguir, como a imagem é visualizada nos blocos de listagens:

  • Listagem de Imagens
  • Listagem com Filtros
Visão da imagem inserida em dois blocos de Listagens
  • Manuais e Tutoriais
    • Tutoriais do Plone 6
      • Criando uma página
      • Notícia
      • Trabalhando com Blocos
      • Gestão de acesso
      • Composição
      • Adicionando Áudio
      • Como criar um Link
      • Como inserir uma Imagem
      • Como adicionar um Vídeo
    • Acessibilidade em Imagens
      • Guia rápido: Texto alternativo (ALT)
      • Acessibilidade em Imagens no Plone 4
    • Adicionando Itens
      • Adicionar Item Arquivo
      • Adicionar Item Áudio
      • Adicionar Pasta de Formulário
      • Adicionando Serviços na Capa
    • Carrossel de Assuntos
    • Configurações do Ambiente
      • Configurando o item Composição
      • Configuração Multi-idioma
      • Integração com o sistema e-Agendas
      • Cadastro de rede social
      • Habilitando RSS
    • Configurando Canais de Atendimento CGU
      • Utilizando Tile de Canais
    • Classes em Capas
      • Linhas
      • Linhas de Destaque
      • Tile de Cabeçalho
      • Tile de Notícia
      • Classes de Visibilidade
    • Criação de cards
    • Diretrizes Para Edição de Conteúdo
      • Legislação de Comunicação Digital
      • Padrão Digital de Governo
      • Regras para Editores de Conteúdo gov.br
      • Cartilha de Acessibilidade gov.br
      • Conteúdos voltados para a implementação de acessibilidade
    • Edição de Notícias
      • Adicionar Item Notícia em Capa
      • Como inserir Imagem em Notícia
      • Como inserir áudio em notícias
    • Gestão de Acesso
      • Gestão de Usuários
      • Papéis de usuário
    • Liberação de Acesso ao Google Analytics
    • Mapa Interativo
    • Tutorial demonstrativo Portal Gov.Br
    • Como habilitar a flag do PagTesouro nos Serviços
  • Videoaulas
    • Curso Portal Gov.Br
    • Playlist para editores da plataforma GOV.BR
  • Guia de Edição de Serviços do Portal Gov.br
Redefinir Cookies
Acesso àInformação
Todo o conteúdo deste site está publicado sob a licença Creative Commons Atribuição-SemDerivações 3.0 Não Adaptada.
Voltar ao topo da página
Fale Agora Refazer a busca