Criando Sites com o Joomla 3 e Gantry 5 2 Segunda Parte

Transcrição

1 Criando Sites com o Joomla 3 e Gantry 5 2 Segunda Parte Aqui quero abordar algumas seções do Gantry 5, que não abordei na primeira parte. Algumas não serão detalhadas, pois me pareceram simples. Mais detalhes sobre a criação de um template com o Joomma 3.4 e o Gantry 5, veja a primeira parte do tutorial: Quando acessamos o Gantry pelo componente Gantry 5 Themes, não estamos acessando nenhum template em particular, mas precisamos clicar em Base Outline para acessar um deles. Com Base Outline acessado temos o menu do meio apenas com dois itens: Styles e Settings. Acima deste menu também temos o menu acima com: Outlines, Menu, About e Extras. Abaixo temos o menu com: Recompile CSS e Save Styles Quando escolhemos um template muda apenas o menu do meio, que fica com: Styles, Settings, Layout e Assignments: Sem template selecionado Com o template sapataria selecionado Outline Aqui é onde editamos os templates e páginas existentes ou criamos um novo template. Editando clicar no lápis azul abaixo do template/página, quando aparecerá na área principal. Criando clicar no sinal de + à direita. Duplicar clicar nos dois diamantes abaixo. Delete clicar no ícone vermelho abaixo. Para criar um novo template clicamos no sinal de + (cria template chamado Untitled). Para criar uma nova página de sistema clique no ícone Duplicate (aparecerá também com nome Untitled acima).

2 Outline Acima 3 templates e abaixo (truncadas) 3 páginas de sistema. Para voltar, caso não tenha editado nada, clique no ícone Backup dp Setup

3 Vejamos este Menu Editor de Menu Antes delecionamos um template Depois clicamos em Menu acima O usual é criar o menu com o Joomla (Mainmenu) e depois usar ele no Layout do Gantry. Aqui eu tenho no Mainmenu dois itens:início e Sapatos. Editando Menu Adicionar Módulo - Clicar no item de menu a editar - Clicar em Módule acima, arrastar e soltar à frente do último iten.

4 Então selecione o Módulo e clique em Select. Então aparece Altere o nome, caso queira e apenas clique em Apply Adicionar Partícula Clique em Particle acima, arraste e solte entre os itens de menu ou a sua frente. Clique numa das partículas para selecioná-la e então em Select. Aparece

5 Então Agora clique em Save Menu Se for ao site agora verá que o Login não é adequado para item de menu, portanto remova. Removendo Item Apenas clique no item Login, arraste e solte sobre o círculo vermelho com um x branco acima. Clique em Save Menu novamente e veja no site. Temos mais dois itens de menu acima: About e Extras, apenas com informações sobre o sistema. Agora veremos o menu principal, que é o do meio: Onde tem Sapataria é a caixa de seleção dos Outlines Styles

6 Quando selecionamos Styles aparecem 4 telas com estilos prontos, onde podemos selecionar um deles apenas com um clique. Logo abaixo existem vários itens do estilo selecionado (seções do site) que podemos alterar com facilidade. Veja que os itens acima já vem com a configuração padrão. Após alterações salve o que fez. Settings/Partículas O Gantry já vem com algumas partículas prontas para o site e que também podem ser alteradas. Para alterar o Copyright basta alterar sua respectiva partícula.

7 Layout Esta é a seção principal, onde efetuamos a maioria das alterações para o template. À esquerda temos partículas que devem ser arrastadas para a respectiva linha da direita. (veja detalhes na primeira parte do tutorial) Para alterar propriedades clique na roldana à direita. Veja que temos um botão Load acima, cuja função é a de carregar um de vários layouts prontos. Assignment Este item permite selecionar qual menu será usado no template. No caso o item Início foi selecionado. Obs.: Diferente do Assignment do Joomla, este seleciona apenas um item de menu a ser usado.