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: