You are on page 1of 10

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


(contato@cedet.com.br). 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).