Imagens - Como cadastrar e editar


Criado: 06 Janeiro 2016 | Atualizado: 08 Agosto 2016
Tamanho da fonte
small
regular
large
Versão para impressão
print

Para usar alguma imagem no seu site, ela precisa estar cadastrada no banco de imagens do seu Admin. Isso porque sempre que for exibida pra quem visitar o site, ela é carregada deste banco.

tela_exemplo_cadastrar_imagem_tutorial_purplepier_t8.png

Os formatos de arquivos suportados são: JPG e PNG.

Agora sim você pode escolher o arquivo a cadastrar. Clique no botão “Enviar”, abrirá uma janela, selecione o arquivo e clique em “abrir”. Espere carregar.

Após, clique no botão abaixo “Cadastrar”.

Feito! Sua imagem já está no banco pra ser usada.

Dica: é possível cadastrar várias imagens em sequência. Cadastre a primeira, troque as informações na mesma página, carregue a nova imagem e cadastre.

tela_slot_de_imagem_tutorial_purplepier_t8.png

Usando a imagem

No Admin, tanto as páginas como os componentes, possuem campos para aplicar as imagens chamados de “slots”.
As imagens podem ser buscadas em seu computador, ou em um site de fabricante, quando você tem um ecommerce e irá revender um produto.
Você também pode obter imagens de produtos em pesquisa nos buscadores, mas lembre-se que muitas imagens tem direitos autorais.
Nós da PurplePier somos totalmente contra a toda e qualquer, copia e/ou uso não autorizado de material de terceiros.

Você também pode fazer uma sessão de fotos para subir em seu site.

tela_popup_banco_imagens_tutorial_purplepier_i2.png

Para adicionar imagem em um slot (vazio) é só clicar nele, abrirá uma janela para com a lista de imagens cadastradas para selecionar uma, apenas com um clique. Feito, feche a janela (“x” no canto superior direito desta). Observe a miniatura da imagem dentro do slot.

Para salvar todas essas alterações, no final da página clique no botão ”Atualizar” (do recurso que está editando – componente, página ou aplicativo).

tela_popup_subir_imagens_tutorial_purplepier_r5.png

Cadastrando nova imagem pelo popup.

Observe, no popup de imagens, um botão no canto superior direito para cadastrar nova imagem.

Clicando nele, abrirá outro popup igual a página de cadastro e isso permite cadastrar nova imagem sem sair do componente ou página que está editando.
E se quiser cadastrar uma nova categoria para a nova imagem, use o botão + novas categorias.

Escolha a categoria, dê nome, descrição e habilite miniatura (facilitam a localizar a imagem na lista). Para selecionar o arquivo que está no seu computador ou dispositivo, clique no botão enviar arquivo. Espere carregar e use o botão Cadastrar imagem para salvar as alterações.

Após ter sua imagem cadastrada, utilize o botão voltar para retornar ao popup com a lista das imagens.

tela_limpar_slot_tutorial_purplepier_w3.png

Substituindo uma imagem no slot

No caso de substituir uma imagem já aplicada em um slot, passe o mouse sobre ele e surgirá, ali mesmo, dois botões. Utilize o da direita, com desenho de proibido. Este botão remove a imagem atual do slot para que uma nova seja adicionada.
Aí é só fazer os passos acima (“selecionando imagem”), para inserir imagem no slot.

Para salvar todas essas alterações, no final da página clique no botão ”Atualizar” (do recurso que está editando – componente, página ou aplicativo).

Para ver como ficou no site, é necessário atualizar o seu navegador (normalmente tecla F5 nos browsers para Windows).

O que você achou desta informação?

Imagens - Como cadastrar e editar
Avaliação 5 / 3 ( 3 )

Deixe sua avaliação
Comentários
0
Deixe seu comentário
voltar
Compartilhar

 

Leia também

Fotos - Como tirar fotos para seu site ou ecommerce
Galerias
Galerias de Fotos
Imagem - Bancos de imagens
Imagem - Como criar uma imagem para o Facebook usando o Photoshop online
Imagem - Como deixar suas imagens com o mesmo tamanho
Playground, criar e editar imagens é divertido

 

Comentários

Faça parte da notícia, deixe seu comentário, expresse sua opinião.
E-mail protegido, também não gostamos de SPAM

Índice Wiki

A


B


C


D


E


F


G


I


L


M


N


P


R


S


T


U


V


W


Política de Cookies

Utilizamos cookies para oferecer melhor experiência, melhorar o desempenho, analisar como você interage em nosso site e personalizar conteúdo. Ao utilizar este site, você concorda com o uso de cookies. Política de Cookies