Tutorial Joomla de galeria de fotos no

artigo com Simple Image Gallery

Aula passo a passo de como criar uma galeria no
joomla 1.5 e 1.6 com lightbox
Escrito por Leo Miranda, Postado em Tutoriais Joomla

Hoje iremos ensinar como criar uma galeria de fotos dentro de um artigo do Joomla
1.5 ou Joomla 1.6 utilizando o plugin Simple Image Gallery.

Download do plugin Simple Image Gallery

Com certeza o lugar ideal para procurar uma extensão de Joomla é no próprio site do
Joomla http://extensions.joomla.org, localizamos a página do plugin e fazemos o
download.

Instalando o plugin de fotos

Após baixar o plugin no site do desenvolvedor vamos em Extensões =>
Instalar/Desinstalar e clicamos em "selecionar arquivo", localize o pacote .zip que
acabou de baixar e clique no botão de enviar arquivo e instalar.

Após o envio você receberá uma mensagem de plugin instalado com sucesso. Parabéns,
agora já podemos começar a brincar com ele.

Publicando e configurando o plugin

Geralmente após o Joomla instalar o plugin ele deixa como despublicado, dessa forma o
plugin não irá funcionar.

Para publicar o plugin vá em Extensões => Administrar Plugins, localize um nome

semelhante a esse "Simple Image Gallery (by JoomlaWorks)" e clique nele.
No segundo campo a esquerda deixe marcado como "sim" em Habilitado e clique em
aplicar no menu superior a direita, feito isso já poderemos utilizar em nosso site.

Veja abaixo as propriedades do nosso plugin:

1 => Escolha onde será a pasta raiz que irá conter todas as demais pastas comn as fotos
das galerias que irá criar. No nosso caso vamos modificar para images/stories/galerias.
Não esqueça de criar essa última pasta!

2 => Escolha a largura da imagem em miniatura gerada automaticamente.

3 => Altura máxima da geração da imagem em miniatura.

4 => Porcentagem da qualidade da imagem em miniatura.

5 => Se estiver desabilitado a miniatura gerada irá ter a mesma proporção da imagem
original. Habilitando essa opção todas as miniaturas irão ter a mesma proporção.

6 => Mostrar ou não os textos de navegação e títulos. Clique em ocultar para não
aparecer os textos.

Preparando a galeria de fotos do artigo Joomla

Antes de colocarmos a galeria no artigo é necessário que seja criado uma pasta e
enviado todas as fotos da galeria para essa pasta.

Existem 2 formas para criarmos essa pasta com as fotos, uma delas é acessar um
programa de FTP, conectar com o servidor do site e criar essa pasta dentro do diretório
images/stories/galerias, depois de criado enviar todas as fotos para essa pasta.

A outra forma mais fácil é utilizar o gerenciador de mídas do Joomla, se você não sabe
o que é ou não tem acesso ao FTP do site veja a seguir.
Criando a pasta e enviando as fotos

No menu superior do Joomla acesse Site => Administrar

Mídia, na lateral esquerda você irá visualizar vários links ligados em formato tipo
"árvore". Para abrir a pasta "stories" clique na lateral esquerda desse nome no sinal de
"+". Após abrir clique na pasta "galerias".

Para criar uma nova galeria iremos precisar criar uma nova pasta. Atencão ao nome
dado a esta pasta, não poderá ter espaço em branco e ser um nome único nesse diretório,
evite também utilizar acentos e cedilhas. Esse mesmo nome será utilizado em nosso
artigo como o localizador único das fotos de cada galeria.

Escreva o nome escolhido no campo semelhante imagem acima e clique em "Criar

pasta".

Após a criação entre na pasta ou clicando no ícone inferior que apareceu ou pela
navegação lateral esquerda.

Estando dentro da pasta utilize o campo inferior para enviar cada imagem da galeria,
clicando no botão de selecionar e depois de enviar.

Após os seus envios ficará parecido com a imagem abaixo, note que em cada imagem
temos um "x" vermelhor, clique nele se quiser deletar a imagem correspondente. Para
remover várias ao mesmo tempo marque os checkboxes de cada uma e depois clique no
menu superior direito "excluir".
Adicionando a galeria no artigo

Agora que já criamos a pasta e enviamos as fotos da galeria vamos adicionar a um

artigo do Joomla.

Abra o seu artigo e no local onde deseja que apareça a galeria coloque o seguinte texto:

{gallery}galeria-demo{/gallery}

Perceba que adicionamos apenas o nome da nossa pasta no meio do código do plugin.

Salve o seu artigo e veja o resultado semelhante a esse: