Antes de começar vamos primeiro instalar o componente e o plugin em nosso joomla. Abaixo segue o link para download da versão que iremos utilizar neste artigo.
Obs: Procure sempre pela versão mais recente antes de começar.
Vamos lá!
Após a instalação, vamos até Menu para escolher um menu onde nossa galeria vai ficar, pode ser um ou mais.
Após escolher, vamos a Componetes - MorfeoShow - Galleries, aqui vamos começar a criar nossas galerias.
Para criar nossa primeira galeria vamos clicar em NOVO. Ao clicar em novo nos identificamos com uma tela igual à tela abaixo:
Nesta área nós vamos dar um titulo para essa galeria, eu vou chamar a minha de Galeria de flores. Um pouco mais abaixo do titulo tem uma opção chamada: Gallery Format. Aqui você vai escolher o formato da sua galeria. O MorfeoShow é um componente de galeria que pode apresentar as suas fotos de muitas maneiras, vamos ver algumas dessas opções mais adiante. Por enquanto vamos ficar com a opção que já vem pro padrão é que a Classic.
Clique em salvar.
Quando você salva você se depara com uma tela igual à figura abaixo:
Nesta figura você percebe que sua Galeria já foi criada e está publicada! Bom, se é uma galeria de fotos... Ainda está faltando alguma coisa, correto? Alguém sabe? Rsrs... São as fotos! Ainda não inserimos nenhuma foto nessa galeria! Então vamos inserir!
Ainda na figura acima, você consegue ver uma figura meio laranja com uma seta branca apontando para cima? Ela representa as fotos sendo jogadas para dentro da galeria! Então vamos clicar nesse botão!
Ao clicar você vai ver um campo chamado Enviar Imagem com um espaço e um botão chamado arquivo. Clicando no botão arquivo você irá procurar a foto dentro de seu PC. Após ter escolhido a foto clique eu Salvar Imagem.
Nota: Você só pode enviar cada foto de uma vez.
Após ter salvado a foto clique em Manage Galleries para retornar para sua lista de galeria.
Bom, nossa galeria já está criada e pronta para ser exibida no teu site.
Na imagem você consegue perceber onde está escrito Plugin id? Para facilitar circulamos de vermelho pra você! Abaixo dele está escrito {morfeu 3}, não está? E você sabe o que isso significa? Para que serve?
Bom esse {morfeu 3} é como o identificador desta galeria. Ele serve para que você possoa utilizar suas galerias dentro de seus artigos.
Como você deve está fazendo isso pela primeira vez o seu deve está aparecendo {morfeu 1}. E não está errado! A cada galeria que você vai criando ele vai dando um número diferente para poder identificar qual é a galeria.
Vamos supor que no seu site existe uma página chamada "Galeria de fotos", acho que esse tutorial se encaixa perfeitamente na sua página! Com o meu "Código" da galeria vamos até o meu artigo de galeria de fotos.
Nota: Seu artigo já deve está linkado no menu correspondente que por sua vez o menu já deve está linkado com o componente MorfeoShow.
Chegando ao artigo, vamos escrever o nosso "Código"; {morfeu 3}, como na figura abaixo.
Após colocar nosso "Código" clique em Salvar e vá até a sua página no site, e você verá sua galeria lá, como mostra a figura abaixo.
Ai está nossa Galeria. Pequena não? Será que ela não poderia ser maior? Veja a figura abaixo.
Sim! Ela pode ficar maior! Na verdade ela fica do tamanho real do foto!
Vamos inserir mais algumas fotos?
Vamos lá!
Após ter inserido mais fotos você percebeu que cada foto inserida fica uma do lado da outra bem pequenas e quando você clica em cima de algumas delas você ela passa automaticamente sem que você precise utilizar as setas que o componente fornece, como na sequência de figuras abaixo:
Como prometido, vamos agora ver algumas outras opções de galeria que o componente Morfeo Show disponibiliza para seus usuários.
Vamos voltar ao Componente - MorfeoShow - Galleries, e vamos clicar em cima do nome que demos para nossa galeria. No lado direito na tela você pode perceber um menu na vertical, como mostra na figura abaixo.
Esse menu na verdade não é tudo uma coisa só. Cada um deles é a configuração de um tipo de galeria.
Vamos clicar no primeiro Classic Gallery Settings, ele representa as configurações da galeria Classic, que estamos usando.
Quando clicamos, um campo de abre com algumas opção que podemos modificar na galeria Classic.
Vamos ver outro exemplo de galeria vamos escolher a próxima Flash image Rotador. Após escolher outro tipo de galeria clique em aplicar.
Vamos até o frontend para ver como essa galeria funciona.
Essa Galeria é muito interessante e particularmente é uma das minhas preferidas, não só pela disposição dela na página, mas também porque ela oferece mais opções de configurações.
Nota: Neste tutorial não vamos a fundo nas configurações da galeria, pois é muito simples de aprender, basta ir fazendo experimentos nas galerias criadas.
Bom pessoal, nosso artigo fica por aqui. Não esqueçam de que esse maravilhoso componente de Galeria de fotos ainda oferece mais opção de galerias, não existem em experimentar.
Até a próxima, e qualquer dúvida, basta... Perguntar!
Fonte Original: Joomla Rj