Concatenar

Conectando pessoas, ferramentas e idéias.

 

Antes de iniciar este tópico primeiramente precisamos entender como funciona o template que será utilizado no site, alguns realmente como design padrão não permitem o uso de submenus, então peço que antes de tentar recriar os passos abaixo verifique se realmente é possível efetuar a ação para o template escolhido.

Após efetuada a verificação, vamos buscar entender o posicionamento dos módulos dentro da página, para assim conseguirmos definir exatamente onde queremos colocar o menu dentro do site.

Para isso primeiro devemos:

 


 

Ativar a pré-visualização das posições dos módulos no tema:

Vamos então na área administrativa do site no menu que fica no topo clicar em Extensões e em seguida Gerenciador de Temas, conforme mostra a imagem abaixo.

 

 

 Em seguida na tela Gerenciador de temas: Estilo, clique na opção Temas.

 

Agora na tela Gerenciador de Temas: Temas, clicamos em opções.

 

Surgirá então uma janela, verifique se está selecionada a aba Temas, em seguida em Pré-visualização Posições de Módulos clique em Ativado e depois em Salvar & Fechar .

 

Feito isso basta clicar em Pré-visualizar do lado do imagem do tema conforme mostra a imagem abaixo:

 

Você visualizará o tema e as posições dos módulos:

 

Isso já lhe possibilita ter uma visão geral para criação dos menus e submenus dentro do seu site.

 


 

Criando Menus

 

Primeiramente criamos o novo menu, na área administrativa clicamos em Menus, Gerenciador de Menus e Adicionar Novo Menu.

 

Em seguida surgirá uma tela pedindo para que você preencha Titulo: nome pelo qual será representado na área administrativa, Menu: apelido dentro da programação do site e a Descrição, que pode ser preenchida ou não, fica a seu critério. No exemplo vamos usar o nome: Menu Principal e Apelido: menuprincipal.

 

 

Agora devemos criar um módulo específico para abrigar o menu, então clique em Extensões e Gerenciador de Módulos.

 

em seguida clique em novo:

 

Surgirá uma janela, pedindo para que você informe que tipo de módulo você deseja criar selecione então Menu.

 

Feito isso, uma tela surgirá para que você dê o nome do módulo, escolha a posição em que será exibida o módulo que abriga o menu, isso você escolhe visualizando na pré-visualização de módulos, a qual habilitamos no inicio do tutorial, em nosso caso escolhemos position-7 pois queremos que o menu fique no canto esquerdo da tela.

O mais importante é definir o menu que será abrigado pelo módulo, dentro das Opções Básicas, que fica no canto direito da tela e marcar para que sejam exibidos os submenus.

Mais para o final da tela, em Atribuir Menu, defina em quais páginas esse módulo que abriga o menu será visualizado.

 

Clicando em Salvar & Fechar, o módulo que irá abrigar o menu já está criado e posicionado dentro do template, agora basta criar cada item do Menu e seus submenus.

 


 

Definindo Itens e Subitens do Menu

 

Já tendo categorias e artigos criados, vamos agora realizar um exemplo de menu, utilizando como tema Sistemas Operacionais.

Então como Item: Sistema Operacional e Subitem: Android, Windows e Linux.

Clique em Menus, Menu Principal (o qual já criamos anteriormente) e Adicionar Novo Item de Menu.

 

 

Surgirá uma nova janela aonde vamos preencher os dados conforme a imagem abaixo:

No Tipo de Item de Menu, escolhemos Separador de Texto pois este item só terá como função separar os temas do menu, não servirá como link para outras páginas.

Mais você pode escolher de acordo com a necessidade, ao clicar no botão selecionar conforme mostra a imagem abaixo:

Localização do Menu: é onde definimos que o item irá aparecer.

Item Pai: Define se este item será um item raiz para os demais ou se será um subitem, como ele será o item principal deixamos como Item de Menu Raiz.

Feito isso basta clicar em Salvar & Fechar.

 Adicione Novamente outro Menu, clicando na opção Novo.

 

 

Agora vamos criar como subitem, Android:

 

Tipo de item de Menu: Escolhemos Lista de Categorias, para que assim ao clicar em Android, sejam exibidos todos os artigos relacionados, mais você define o tipo de item de acordo com necessidade apresentada pelo conteúdo do seu site, o que poderia ser somente a exibição de um artigo único ou qualquer uma das opções apresentadas ao clicar em Selecionar.

Localização do Menu: é em qual menu o subitem irá aparecer, definimos como Menu Principal.

Item Pai: Mudamos de Item de Menu Raiz para Sistemas Operacionais, pois será o item principal que rege o subitem que estamos criando que é Android.

Selecione uma Categoria: Definimos a categoria Android pois é onde se encontram todos os artigos relacionados, que serão exibidos ao clicarmos neste subitem. 

Feito isso clique em Salvar & Fechar.

 

Repetindo os passos de acordo com a categoria adequada para os subitens Windows e Linux, vamos obter o seguinte Menu:

 

 

Tema utilizado para exemplo: Tema padrão beez_20