Tutorial Menus Joomla

Centro de Desenvolvimento Profissional e Tecnológico

Tutorial: Menus no Joomla – criando, configurando e inserindo conteúdo Introdução Uma das grandes vantagens de se utilizar o CMS Joomla é ter a liberdade de criar, configurar e inserir o seu conteúdo de forma rápida e simples. É muito comum para o dono de qualquer site, querer alterar as informações, seja incluindo novas páginas, alterando banners e a posição dos módulos na tela, alterando o conteúdo de menus ou modificando a página inicial. Para quem já tem uma certa prática com o Joomla, sabe que fazer tudo isso é realmente simples. Neste tutorial, vou ensinar como criar, configurar e inserir conteúdo em um menu no Joomla. Não vou discutir aqui sobre os “Top Menus”, aqueles que ficam em destaque na parte superior da tela do site, geralmente na posição horizontal. Vou apenas falar dos menus que ficam nas laterais da maioria dos templates Joomla fornecidos gratuitamente por vários sites.

Criando um Menu com o “Menu Manager” Os módulos de menu podem ser criados já com a configuração básica do Joomla que você instalou. Não há a necessidade de instalar absolutamente nada. O primeiro passo é fazer o login como administrador e a partir de qualquer tela, escolher a opção “Menus -> Menu Manager”.

Na tela do “Menu Manager” estará a lista de todos os menus já existentes, como você pode ver na figura abaixo. Para criar um menu, escolha a opção “New” como indicado _______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 1 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

Centro de Desenvolvimento Profissional e Tecnológico

pela seta.

Em seguida, você vai preencher as informações sobre o novo menu que você quer criar (veja o destaque em vermelho da figura abaixo).

Neste exemplo, eu coloquei o título do menu como “Tutoriais Joomla”. No canto superior direito da tela tem o botão “Save”, no qual você deve clicar para criar o Menu. Fazendo isso, você vai voltar para a tela do Menu Manager e perceberá que existe um item novo na lista que é o Menu que você acabou de criar (veja a próxima figura). Note ainda na figura abaixo, que ao criar o menu você vai ver uma mensagem “New menu created” em uma faixa azul. _______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 2 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

Centro de Desenvolvimento Profissional e Tecnológico

Seguindo os passos sugeridos até agora, você conseguiu criar um módulo Menu. Entretanto, como você verificará que este menu ainda não aparece na tela do seu site Joomla. Vamos então para a segunda etapa: configurar o Menu.

Configurando um Menu Joomla Depois de criar o seu menu “Tutoriais Joomla”, vá para “Extensions -> Module Manager”.

_______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 3 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

Centro de Desenvolvimento Profissional e Tecnológico

No “Module Manager” procure a opção com o título do Menu que você acabou de criar, no meu caso, “Tutoriais Joomla” e clique no link desta opção.

Você vai agora para a tela de edição do módulo, na qual você pode configurar o seu menu recém criado. Na figura abaixo, eu destaquei as três áreas da tela de configuração do módulo menu: • • •

Details (detalhes) – contorno preto. Menu Assignment (designação do menu) – contorno vermelho Parameters (parâmetros) – contorno verde

Neste tutorial não vou explicar todos os itens e parâmetros da configuração de menus. _______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 4 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

Centro de Desenvolvimento Profissional e Tecnológico

Irei apenas destacar dois parâmetros dos “Details”, pois são suficientes para você colocar o seu menu no ar. Os parâmetros são indicados na figura abaixo.

Os itens que você vai precisar alterar para colocar o seu menu no site são: • •

Enabled – clique em “yes” para fazer o seu menu aparecer no site. Position – escolha a opção que você quer (left - significa que o menu vai ficar do lado esquerdo da tela, right – significa que o menu vai ficar do lado direito da tela etc)

Salve os novos detalhes do Menu com os botões no canto superior direito da sua tela.

Com as opções configuradas como descrito, o site do CEDET apareceu mais ou menos assim: _______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 5 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

Centro de Desenvolvimento Profissional e Tecnológico

Note que o novo menu criado, com o nome “Tutoriais Joomla” apareceu na coluna da esquerda de menus, com o título que eu dei, mas ainda sem nenhum item. Um problema é que o menu apareceu muito para cima, e eu quero que ele fique logo abaixo do menu “CEDET”. Como fazer isso? Na tela do “Module Manager” (figura abaixo), note que existe uma coluna “Order”. Nela está indicada a ordem em que os módulos aparecem na tela. Note que o menu criado com o nome “Tutoriais Joomla” é o primeiro dos módulos “left” (destacados no quadrado verde). Se eu quero que o menu “Tutoriais Joomla” fique mais para baixo, basta clicar na seta destacada pelo círculo vermelho.

Fazendo isso, você verá que o menu “Tutoriais Joomla” desce para o segundo lugar, tanto na lista do “Modulo Manager” como na tela do site. _______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 6 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

Centro de Desenvolvimento Profissional e Tecnológico

As outras configurações do Menu eu deixo para você explorar com calma depois. Dependendo do que você quer fazer, vai ser importante entende-las melhor. Mas como a idéia aqui é dar um empurrão inicial para que você coloque o seu menu operacional, não detalharei mais nenhuma configuração. Falta agora colocar itens de conteúdo no seu menu.

Inserindo conteúdo em um Menu Joomla Primeiramente vá para “Menus -> Tutoriais Joomla”. Com isso você vai para a tela de inserção de conteúdo no menu que você criou.

_______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 7 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

Centro de Desenvolvimento Profissional e Tecnológico

Na tela seguinte, clique em “New” para inserir um novo item no menu.

Na nova tela, escolha uma das opções. Na figura abaixo eu escolhi “Internal Links -> Articles -> Article -> Article Layout”. Esta é uma opção que cria um link para um artigo. Você pode escolher outra.

_______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 8 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

Centro de Desenvolvimento Profissional e Tecnológico

Em seguida, coloque o Título do link que você quer que apareça no menu (destaque em preto) e selecione o artigo que você deseja linkar (destaque em verde). Finalmente salve as alterações (destaque em vermelho).

Pronto! Você criou um item de menu!

_______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 9 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

Centro de Desenvolvimento Profissional e Tecnológico

Considerações Finais Se você seguiu os passos indicados provavelmente você conseguiu criar, configurar e inserir conteúdo em um menu do Joomla. Existem vários parâmetros de configuração e detalhes que não discutimos neste tutorial. Entretanto, a idéia aqui é indicar para você como colocar um menu com links para artigos rapidamente, sem grandes complicações. Se você teve algum problema durante o processo, entre em contato conosco ([email protected]). Se for possível, ajudaremos. Autor: Dr. César Kyn d´Ávila César Kyn d'Ávila obteve sua graduação em Engenharia Elétrica em 1992 pela Universidade Estadual de Campinas (Unicamp), onde também completou sua formação acadêmica com o Mestrado e Doutorado na área de Telecomunicações, nos anos de 1995 e 1998 respectivamente. Seus trabalhos acadêmicos se concentram em estudos sobre os sistemas celulares com tecnologia CDMA (UMTS, CdmaOne, 1xRTT, 1xEVDO) aplicada às Comunicações sem Fio. Desde a sua formação como doutor, atua no mercado de telecomunicações, como consultor em diversas empresas operadoras, fabricantes de equipamentos e prestadoras de serviço. Possui grande experiência didática e ministrou inúmeros treinamentos em empresas como Samsung, Motorola, Nortel, Ericsson, Instituto Eldorado, Flextronics, Brasil Telecom, Telemar, Vivo, Claro, Telemig Celular, e outras, bem como cursos de pós-graduação em faculdades. Atualmente ocupa a posição de Diretor de Tecnologia do Centro de Desenvolvimento Profissional e Tecnológico (CEDET) empresa com projetos com as tecnologias GSM, UMTS e Wi-MAX e atua como pesquisador independente tendo orientado teses e trabalhos científicos em instituições de renome como Unicamp e Inatel. Última atualização em 15/05/2009 Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico Este conteúdo pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).

_______________________________________________________________________________________ Copyright © CEDET – Centro de Desenvolvimento Profissional e Tecnológico 10 Este conteúdo é de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).