Inserindo Banners

Por wederson marcos dos santos. Em 25/04/12 17:36. Atualizada em 21/08/14 11:46.

No Weby banners são geralmente imagens em formato .jpg ou .png, animações ou mesmo apenas um texto que visa chamar atenção para algum conteúdo interno ou externo.

Para acessar o controle das banners é necessário que:

  1. O usuário esteja logado.
  2. Clicar em Administração e em seguida em Banners, conforme a figura abaixo:

GerArq1

banner1

O usuário será redirecionado para a página abaixo, na qual são listados os banners já cadastrados no site:

 banner2

Para cada Banners listado serão mostrados os seguintes campos:

  1. Imagem - Miniatura da imagem.
  2. Título - Título que define qual o conteúdo do banner.
  3. Categoria - Define a qual categoria aquele banner pertence. Categorias são utilizadas para o posicionamento do banner no site de acordo com os componentes utilizados.
  4. Posição - A ordem em que o banner aparece .em relação ao outros banners.
  5. Data inicial - Data que define a partir de quando o banner será exibido no site.
  6. Publicado - Quando este campo estiver ativado o banner será exibido no site.
  7. Menu - Menu que permite visualizar, editar e excluir o banner.

Obs: Clicando sobre os campos destacados da tabela a mesma será reorganizada de acordo com aquele campo.

Criando um novo Banner

Para criar um novo banner clique em Novo Banner, conforme a figura:

banner3'

Você será redirecionado para a seguinte página:

banner4

Os seguinte campos estarão disponíveis:

  1. Imagem do banner - Local para selecionar a imagem do banner.
  2. Tamanho - Mostrar uma lista de opções com tamanhos pré-determinados para a imagem.
  3. Largura - Define a largura do banner em pixels.
  4. Altura - Define a altura do banner em pixels.
  5. Título Define qual o título do banner.
  6. Descrição Será exibido quando o mouse for passado sobre o banner.
  7. Período do Banner - Define a data para que o banner começa a ser exibido e término da exibição.
  8. Categoria A qual categoria o banner pertence. Utilizado para o posicionamento do banner na página.
  9. Posição - A ordem em que o banner irá aparecer no site em relação aos outros banners.
  10. URL - Para qual URL o banner estará redirecionando. Para redirecionar para sites externos siga o exemplo: http://www.google.com.br; para redirecionar para uma página interna clicar em Selecione uma página.
  11. Publicar - Ocultar Define se o banner aparecerá no site ou não.
  12. Abrir em nova janela - Se ao clicar sobre o banner ele irá abrir em uma nova janela.

Inserindo uma nova imagem para o banner

Para inserir uma nova imagem para utilizar como banner basta clicar na figura Imagem do Banner.

banner5

banner6

  1. Campo para a descrição da imagem.
  2. Campo para selecionar o tipo de imagem a ser pesquisada.

Ou você pode adicionar um arquivo novo, através da aba Novo arquivo, conforme a figura abaixo.

banner7

  1. Botão para selecionar o arquivo a ser enviado para o site.
  2. Descrição do arquivo para ser utilizada na hora da busca.

Após selecionar a imagem e preencher todos os campos o usuário pode finalmente clicar em Criar. Caso não haja nenhum problema o banner terá sido criado com sucesso.

Editando Banners

Para editar um banner é necessário acessar a página de listagem de banners como mostrado no tópico anterior. Escolher o banner que será alterado, e no campo da tabela que descreve as possíveis ações a serem realizadas com o menu, clicar em editar.

banner8

O usuário será redirecionado para uma página semelhante a de criação de um novo banner no entanto, as informações sobre aquele banner estarão disponíveis.

banner9

Dessa forma basta alterar as informações necessárias e clicar em salvar. Caso não haja nenhum problema o usuário será redirecionado para uma página semelhante ao exemplo abaixo:

banner10