Neste tutorial iremos aprender como utilizar a Galeria Morfeoshow no Joomla. Iremos ver como a galeria tem diversas formas de apresentação de fotos e muito mais.
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.
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 deparamos com uma tela assim:
Nesta área, vamos dar um título para essa galeria. Eu vou chamar a minha de Galeria de flores. Um pouco mais abaixo do título 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 por 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 em 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ê possa utilizar suas galerias dentro de seus artigos.
Como você deve está fazendo isso pela primeira vez o seu deve estar 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 estar linkado no menu correspondente que já deve estar 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.
Aí 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 da foto!
Vamos inserir mais algumas fotos?
Vamos lá!
Após ter inserido mais fotos, você percebeu que as fotos inseridas ficam uma do lado da outra bem pequenas. Quando você clica em cima de algumas delas, elas passam 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 marcado de vermelho.
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 se abre com algumas opções 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ções de galerias, não hesitem em experimentar.
Até a próxima, e qualquer dúvida… basta perguntar!
De 0 a 10, o quanto você recomendaria este artigo para um amigo?