O menu no joomla, têm uma importância enorme, porque além de fazer o seu trabalho (linkar um conteúdo), exerce também a função de auxiliar no comportamento do layout gráfico do website no front-end, através do seu posicionamento já que ele, menu, é um módulo. Você deve estar pensando: "caramba, agora ferrou tudo!"

A relação entre menus, itens de menu, páginas(conteúdo) e módulos, é sem dúvida a parte mais confusa do Joomla!

CMS não trabalha com conceitos de página uma vez que todo o conteúdo está gravado na base de dados. Quando clicamos em um link, ele busca a informação no banco e nos apresenta o resultdado no front-end.

 

Menus e Módulos

Vamos tentar entender como esses dois "caras" trabalham juntos:

Quando você cria um menu, através do caminho menus -> Administrar menus -> novo automaticamente é criado um módulo, com o nome que você escolheu. Ele estará despublicado e poderá ser acessado através do caminho Extensões->Administrar Módulos.

Para editar os menus você clica no pequeno ícone de item de menu que fica a direita dos títulos e não no título propriamente dita.

Figura 1 - administrando os menus

Figura 2 - criando o menu

Figura 3 - o módulo criado

Perceba que o nome do módulo é Menu Tutorial e para editar o módulo criado, ou seja, alterar o nome, posição e parâmetros de apresentação, basta clicar no nome do mesmo.

Edição de módulo é assunto para outro tutorial

Uma vez que criamos nosso menu, passamos agora , a populá-lo ou seja, criar os ítens de menu.

Itens de menu

O que os ítens de menu fazem? Para simplificar imagine três situações:

• aonde o link vai;
• como as páginas joomla se parecem depois de seguirem o link; e
• como a aparência do link de menu é controlada.
• 
  

Os links de menus são controlados pelo ítens de menu. Por exemplo: O ítem de menu Artigo 1 , irá linkar o artigo que foi determinado quando da criação do mesmo;

A aparência das páginas também serão definidas na fase de criação do ítem de menu. Há dois layouts básicos a saber: Layout de Blog e Layout Padrão.

• Layout de Blog: similiar ao visto em muitos blogs, contendo uma série de parágrafos e um "leia mais".
• Layout padrão: é uma tabela que lista os artigos apresentando os seus respectivos títulos. Quando você clica no título, este abre o artigo em questão.

Para criar um item de menu, devemos primeiro estar dentro do menu que criamos ou outro qualquer já existente. Basicamente uma instalação do Joomla possui os seguintes menus:

• Menu Principal (main menu) : Contém a navegação principal para o conteúdo padrão;
• Menu do Usuário (user menu) : Contém navegação para o usuário logado;
• Menu Topo (top menu) : Alguns links redundantes do menu principal; e
• Outros menus (other menu) : Links relacionados ao joomla.

Vamos acessar o menu criado através do caminho menus -> Novo Menu

Figura 4 - acessando o menu criado

Perceba que ele está vazio, ou seja, não existem ítens de menu publicados no mesmo.

Para começarmos a brincadeira, motivo deste tutorial, clique em novo. Agora está ficando bom!

Figura 5 - Os tipos de itens de menu possíveis

Basicamente o Joomla possui 04 (quatro) grandes grupos de ítens de menu e para acessar suas opções basta você clicar no ícone com o sinal +:

• Link Interno: O grupo voltado aos itens de menu criados para acessar artigos, seções, categorias e componentes.
  Olhe para esta figura com atenção, o primeiro ítem do grupo é o Artigos. Ao clicar nele você terá acesso a todas as possibilidades de links relacionados a conteúdo. Todos os outros itens, do Contatos ao Wrapper são relativos a componentes.
  Por exemplo, se você instalar uma extensão para álbum de fotos, ela irá aparecer neste meio pois trata-se de um componente.
• LinkExterno: Utilizado para criar link para websites externos e ou conteúdos específicos. Eu explico:
  Um hiperlink para o UOL será um link para um website externo.
  Um hiperlink para um determinado álbum de fotos de uma categoria, será um link para um conteúdo específico.
• Separador: Este Item cria um separador no Menu e é usado para quebrar longos Menus ou para adicionar Itens de Menu temporários para ajudar na visualização do Menu.
• Apelido: Este Item de Menu Item cria uma ligação a um Item de Menu existente. Isto levará à configuração de parâmetros do Item de Menu alvo.

Vamos criar 4 (quatro) links de artigos, 1 (hum) externo, 1 (hum) para componente e 1 (hum) específico.

Figura 6 - Criando um item de menu tipo Layout Blog de Seção

Figura 7 - Configurações do item de menu

Após nomear o item de menu, marque publicado, escolha o nível de acesso e a forma como ele irá abrir.

Os parâmetros do menu são importantíssimos e merecem destaque:

• Parâmetros - Básico: Escolha o nome da seção que será linkada, se a descrição será exibida, se será exibida imagem para o link, a quantidade de destaques, introduções e etc...
  Destaquei o ítem colunas pois penso que ele merece Deixando 2 colunas, os itens serão exibidos lado a lado. Marcando 1 coluna, serão exibidos um embaixo do outro.
• Parâmetros - Avançados: determinam a ordem em que os artigos aparecem. Você pode configurar de acordo com suas preferências.
• Parâmetros do Componente: São uma cópia das preferências de artigos e dizem respeito aos nomes de autor, datas e etc...
• Parâmetros do Sistema: Incluem configurações importantes, por exemplo o título da página. Aliás o Welcome to Frontpage anda tirando o sono de muita gente.

Figura 8 - Os itens de menu criados

Agora publique o módulo acessando Extensões->Administrar Módulos->Menu Tutorial-> clique no círculo vermelho para publicar o módulo e visualize o resultado final no front-end.

Figura 9 - Resultado final no front-end

Tendo em vista que a criação de qualquer item de menu é muito parecida, convido-o(a) a criar os seus menus e testar todas as opções. O objetivo deste tutorial é mostrar-lhe o norte, ou seja, o caminho a seguir na criação de seus menus e ítens de menu.