Centro de Desenvolvimento Profissional e Tecnolgico

Tutorial: Menus no Joomla criando, configurando e inserindo contedo

Introduo
Uma das grandes vantagens de se utilizar o CMS Joomla ter a liberdade de criar, configurar e inserir o seu contedo de forma rpida e simples. muito comum para o dono de qualquer site, querer alterar as informaes, seja incluindo novas pginas, alterando banners e a posio dos mdulos na tela, alterando o contedo de menus ou modificando a pgina inicial. Para quem j tem uma certa prtica com o Joomla, sabe que fazer tudo isso realmente simples. Neste tutorial, vou ensinar como criar, configurar e inserir contedo em um menu no Joomla. No vou discutir aqui sobre os Top Menus, aqueles que ficam em destaque na parte superior da tela do site, geralmente na posio horizontal. Vou apenas falar dos menus que ficam nas laterais da maioria dos templates Joomla fornecidos gratuitamente por vrios sites.

Criando um Menu com o Menu Manager

Os mdulos de menu podem ser criados j com a configurao bsica do Joomla que voc instalou. No h a necessidade de instalar absolutamente nada. O primeiro passo fazer o login como administrador e a partir de qualquer tela, escolher a opo 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 opo New como indicado
_______________________________________________________________________________________ Copyright CEDET Centro de Desenvolvimento Profissional e Tecnolgico 1 Este contedo 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 Tecnolgico

pela seta.

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

Neste exemplo, eu coloquei o ttulo do menu como Tutoriais Joomla. No canto superior direito da tela tem o boto 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 prxima 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 Tecnolgico 2 Este contedo 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 Tecnolgico

Seguindo os passos sugeridos at agora, voc conseguiu criar um mdulo Menu. Entretanto, como voc verificar que este menu ainda no aparece na tela do seu site Joomla. Vamos ento 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 Tecnolgico 3 Este contedo 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 Tecnolgico

No Module Manager procure a opo com o ttulo do Menu que voc acabou de criar, no meu caso, Tutoriais Joomla e clique no link desta opo.

Voc vai agora para a tela de edio do mdulo, na qual voc pode configurar o seu menu recm criado. Na figura abaixo, eu destaquei as trs reas da tela de configurao do mdulo menu: Details (detalhes) contorno preto. Menu Assignment (designao do menu) contorno vermelho Parameters (parmetros) contorno verde

Neste tutorial no vou explicar todos os itens e parmetros da configurao de menus.

_______________________________________________________________________________________ Copyright CEDET Centro de Desenvolvimento Profissional e Tecnolgico 4 Este contedo 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 Tecnolgico

Irei apenas destacar dois parmetros dos Details, pois so suficientes para voc colocar o seu menu no ar. Os parmetros so indicados na figura abaixo.

Os itens que voc vai precisar alterar para colocar o seu menu no site so: Enabled clique em yes para fazer o seu menu aparecer no site. Position escolha a opo 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 botes no canto superior direito da sua tela.

Com as opes configuradas como descrito, o site do CEDET apareceu mais ou menos assim:
_______________________________________________________________________________________ Copyright CEDET Centro de Desenvolvimento Profissional e Tecnolgico 5 Este contedo 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 Tecnolgico

Note que o novo menu criado, com o nome Tutoriais Joomla apareceu na coluna da esquerda de menus, com o ttulo 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 mdulos aparecem na tela. Note que o menu criado com o nome Tutoriais Joomla o primeiro dos mdulos left (destacados no quadrado verde). Se eu quero que o menu Tutoriais Joomla fique mais para baixo, basta clicar na seta destacada pelo crculo 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 Tecnolgico 6 Este contedo 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 Tecnolgico

As outras configuraes 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 idia aqui dar um empurro inicial para que voc coloque o seu menu operacional, no detalharei mais nenhuma configurao. Falta agora colocar itens de contedo no seu menu.

Inserindo contedo em um Menu Joomla

Primeiramente v para Menus -> Tutoriais Joomla. Com isso voc vai para a tela de insero de contedo no menu que voc criou.

_______________________________________________________________________________________ Copyright CEDET Centro de Desenvolvimento Profissional e Tecnolgico 7 Este contedo 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 Tecnolgico

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

Na nova tela, escolha uma das opes. Na figura abaixo eu escolhi Internal Links -> Articles -> Article -> Article Layout. Esta uma opo que cria um link para um artigo. Voc pode escolher outra.

_______________________________________________________________________________________ Copyright CEDET Centro de Desenvolvimento Profissional e Tecnolgico 8 Este contedo 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 Tecnolgico

Em seguida, coloque o Ttulo do link que voc quer que aparea no menu (destaque em preto) e selecione o artigo que voc deseja linkar (destaque em verde). Finalmente salve as alteraes (destaque em vermelho).

Pronto! Voc criou um item de menu!

_______________________________________________________________________________________ Copyright CEDET Centro de Desenvolvimento Profissional e Tecnolgico 9 Este contedo 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 Tecnolgico

Consideraes Finais
Se voc seguiu os passos indicados provavelmente voc conseguiu criar, configurar e inserir contedo em um menu do Joomla. Existem vrios parmetros de configurao e detalhes que no discutimos neste tutorial. Entretanto, a idia aqui indicar para voc como colocar um menu com links para artigos rapidamente, sem grandes complicaes. Se voc teve algum problema durante o processo, entre em contato conosco (contato@cedet.com.br). Se for possvel, ajudaremos. Autor: Dr. Csar Kyn dvila Csar Kyn d'vila obteve sua graduao em Engenharia Eltrica em 1992 pela Universidade Estadual de Campinas (Unicamp), onde tambm completou sua formao acadmica com o Mestrado e Doutorado na rea de Telecomunicaes, nos anos de 1995 e 1998 respectivamente. Seus trabalhos acadmicos se concentram em estudos sobre os sistemas celulares com tecnologia CDMA (UMTS, CdmaOne, 1xRTT, 1xEVDO) aplicada s Comunicaes sem Fio. Desde a sua formao como doutor, atua no mercado de telecomunicaes, como consultor em diversas empresas operadoras, fabricantes de equipamentos e prestadoras de servio. Possui grande experincia didtica e ministrou inmeros treinamentos em empresas como Samsung, Motorola, Nortel, Ericsson, Instituto Eldorado, Flextronics, Brasil Telecom, Telemar, Vivo, Claro, Telemig Celular, e outras, bem como cursos de ps-graduao em faculdades. Atualmente ocupa a posio de Diretor de Tecnologia do Centro de Desenvolvimento Profissional e Tecnolgico (CEDET) empresa com projetos com as tecnologias GSM, UMTS e Wi-MAX e atua como pesquisador independente tendo orientado teses e trabalhos cientficos em instituies de renome como Unicamp e Inatel. ltima atualizao em 15/05/2009 Copyright CEDET Centro de Desenvolvimento Profissional e Tecnolgico Este contedo 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 Tecnolgico 10 Este contedo de propriedade do CEDET e pode ser utilizado livremente desde que citados o autor e o site do CEDET (www.cedet.com.br).