Adicionar um Menu - Joomla 3: mudanças entre as edições

De NTI Ajuda - IFSULDEMINAS Campus Inconfidentes
(Criou página com ' == Primeiro passo: Realizar Login no Painel de Administração == <poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;"> </poem><br> == Segundo P...')
 
Sem resumo de edição
 
(8 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
 
== Realizar login no painel de administração ==
== Primeiro passo: Realizar Login no Painel de Administração ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Acesse a área de administração do site e digite seu "Nome de Usuário" e "Senha" na área requisitada.
* Em seguida clique no botão [[File:img-nipe-btn-acessar.jpg|200px]] conforme na imagem abaixo:
[[File:Portal_menu_01.png]]
</poem><br>
</poem><br>


== Segundo Passo: Adicionar um Novo Menu e preencher suas informações ==
== Adicionar um novo menu e preencher suas informações ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Com o Painel de Administração aberto, clique na aba <b>Menus > Gerenciador de Menus > Adicionar Novo Menu</b>:
* Com o Painel de Administração aberto, clique na aba <b>Menus > Gerenciador de Menus > Adicionar Novo Menu</b>:
[[File:add_user_painel.jpg]]
[[File:Portal_menu_02.png]]
</poem>
</poem>
<br>
<br>
Linha 13: Linha 15:
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Abrirá a seguinte tela com todos os campos em branco:
* Abrirá a seguinte tela com todos os campos em branco:
[[File:add_user_tela.png]]
[[File:Portal_menu_04.png]]
 
'''A seguir estão as indicações dos campos para serem preenchidos na aba "Content" da tela "Adicionar novo Menu":'''
 
'''a - Título:''' inclusão do título do menu
 
'''b - Menu:''' inclusão de um nome para o menu. (Recomenda-se usar o título do menu separado por hífen, sem espaço e com todas as letras em caixa baixa. Ex: sobre-o-campus)
 
Após preenchido corretamento os campos, basta clicar no botão [[File:img-nipe-add-btn-salvar-fechar.jpg|180px]].
</poem>
</poem>
<br>
<br>


== Posicionar o novo menu no portal ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
'''A seguir estão as indicações dos campos para serem preenchidos na aba Detalhes da Conta da tela Adicionar novo Usuário:'''
* Com o Painel de Administração aberto, clique na aba <b>Menus > Gerenciador de Menus</b>:
[[File:Portal_menu_05.png]]
</poem>
<br>


'''a - Nome:''' inclusão do nome do usuário
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Abrirá a seguinte tela:
[[File:Portal_menu_06.png]]


'''b - Nome de usuário:''' inclusão de um Nome de Usuário. (Recomenda-se usar o nome.sobrenome da pessoa como Nome de Usuário. Ex: wanderson.silva)
* Nessa tela, você deverá: 1º - Pesquisar o menu desejado, 2º - Selecionar o menu que deseja posicionar e 3º - Clicar no botão "Adicionar um módulo para este tipo de menu". Todos esses passos estão exemplificados na imagem a seguir:
[[File:Portal_menu_07.png]]
</poem>
<br>
 
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Abrirá a seguinte tela com todos os campos em branco:
[[File:Portal_menu_08.png]]
 
'''A seguir estão as indicações dos campos para a serem preenchidos na aba "Module" da tela "Adicionar um módulo para este tipo de menu":'''
 
'''a - Título:''' Coloque o mesmo título que foi dado ao menu criado anteriormente;
 
'''b - Selecione o Menu:''' Selecione o nome do menu que deseja posicionar;


'''c - Senha:''' inclusão de uma senha para o usuário;
'''c - Itens do Sub-Menu:''' Marque "Não";
[[File:Portal_menu_campo_itens_sub_menu.png|400px]]


'''d - Confirme a Senha:''' redigite a senha informada no campo Senha;
'''d - Exibir Título:''' Marque "Ocultar";
[[File:Portal_menu_campo_exibir_titulo.png|250px]]


'''e - E-mail:''' inclusão de um e-mail para o usuário;
'''e - Posição:''' Seleciona a posição "menu-principal";
[[File:Portal_menu_campo_posicao.png|250px]]
 
'''f - Estado:''' Mantenha a opção "Publicado" selecionada;
[[File:Portal_menu_campo_estado.png|250px]]
</poem>
</poem>
<br>
<br>


<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Aba Detalhes da Conta da tela Adicionar novo Usuário aberta:
* Clique na aba "Atribuir Menu" e siga as indicações conforme a imagem abaixo:
[[File:add_user_detalhes.jpg]]
[[File:Portal_menu_09.png]]
</poem>
</poem>
<br>
<br>


== Terceiro Passo (Atribuindo Grupos de Usuário) ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
'''Clique na aba Grupos de Usuários Atribuídos e conforme a imagem abaixo, selecione apenas os grupos: Public, Manager, Administrator, Registred, Publisher e Super Users.'''
* Clique na aba "Advanced", será aberta a janela mostrada abaixo:
[[File:Portal_menu_10.png]]


[[File:add_user_op_grupos.jpg|200px]]
'''Os campos a serem preenchidos na aba "Advanced" são:'''
 
'''g - Sufixo de Classe do Menu:''' Informe "span9";
[[File:Portal_menu_campo_sufixo_classe.png|400px]]
 
'''h - Layout Alternativo:''' Selecione "menuprincipal";
[[File:Portal_menu_campo_layout_alternativo.png|400px]]
 
Após preenchido corretamento todos os campos, basta clicar no botão [[File:Portal_menu_botao_salvar_fechar_azul.png|180px]].
</poem>
<br>
 
== Alterar ordenação dos menus no Portal ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Com o Painel de Administração aberto, clique na aba <b>Extensões > Gerenciador de Extensões</b>:
[[File:Portal_menu_11.png]]
</poem>
<br>
 
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Será aberta a tela "Modules (Site)" e em seguida clique no botão "Search Tools" como mostrado na imagem abaixo:
[[File:Portal_menu_12.png]]
</poem>
</poem>
<br>
<br>


<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Aba Grupos de Usuários Atribuídos da tela Adicionar novo Usuário aberta:
* Clique no campo "Selecionar Localização" e siga as indicações conforme as imagens abaixo:
[[File:add_user_grupos.jpg]]
[[File:Portal_menu_13.png]]
 
[[File:Portal_menu_14.png]]
 
[[File:Portal_menu_15.png]]
</poem>
</poem>
<br>
<br>


== Encerramento ==
== Adicionar itens ao menu ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
Após concluídos os passos anteriores corretamente, basta clicar no botão [[File:img-nipe-add-btn-salvar-fechar.jpg|180px]] no topo esquerdo da página.  
* Após posicionar corretamente o menu, ele somente irá aparecer no portal caso possua ao menos um item de menu.
</poem><br>
* Para acessar o tutorial "Adicionar um Item de Menu", clique <b>[[Adicionar um Item de Menu - Portal Campus Inconfidentes|aqui]]</b>.
</poem>
<br>

Edição atual tal como às 10h51min de 29 de maio de 2018

Realizar login no painel de administração

  • Acesse a área de administração do site e digite seu "Nome de Usuário" e "Senha" na área requisitada.
  • Em seguida clique no botão conforme na imagem abaixo:


Adicionar um novo menu e preencher suas informações

  • Com o Painel de Administração aberto, clique na aba Menus > Gerenciador de Menus > Adicionar Novo Menu:


  • Abrirá a seguinte tela com todos os campos em branco:



A seguir estão as indicações dos campos para serem preenchidos na aba "Content" da tela "Adicionar novo Menu":

a - Título: inclusão do título do menu

b - Menu: inclusão de um nome para o menu. (Recomenda-se usar o título do menu separado por hífen, sem espaço e com todas as letras em caixa baixa. Ex: sobre-o-campus)

Após preenchido corretamento os campos, basta clicar no botão .


Posicionar o novo menu no portal

  • Com o Painel de Administração aberto, clique na aba Menus > Gerenciador de Menus:


  • Abrirá a seguinte tela:



  • Nessa tela, você deverá: 1º - Pesquisar o menu desejado, 2º - Selecionar o menu que deseja posicionar e 3º - Clicar no botão "Adicionar um módulo para este tipo de menu". Todos esses passos estão exemplificados na imagem a seguir:


  • Abrirá a seguinte tela com todos os campos em branco:



A seguir estão as indicações dos campos para a serem preenchidos na aba "Module" da tela "Adicionar um módulo para este tipo de menu":

a - Título: Coloque o mesmo título que foi dado ao menu criado anteriormente;

b - Selecione o Menu: Selecione o nome do menu que deseja posicionar;

c - Itens do Sub-Menu: Marque "Não";


d - Exibir Título: Marque "Ocultar";


e - Posição: Seleciona a posição "menu-principal";


f - Estado: Mantenha a opção "Publicado" selecionada;


  • Clique na aba "Atribuir Menu" e siga as indicações conforme a imagem abaixo:


  • Clique na aba "Advanced", será aberta a janela mostrada abaixo:



Os campos a serem preenchidos na aba "Advanced" são:

g - Sufixo de Classe do Menu: Informe "span9";


h - Layout Alternativo: Selecione "menuprincipal";


Após preenchido corretamento todos os campos, basta clicar no botão .


Alterar ordenação dos menus no Portal

  • Com o Painel de Administração aberto, clique na aba Extensões > Gerenciador de Extensões:


  • Será aberta a tela "Modules (Site)" e em seguida clique no botão "Search Tools" como mostrado na imagem abaixo:


  • Clique no campo "Selecionar Localização" e siga as indicações conforme as imagens abaixo:






Adicionar itens ao menu

  • Após posicionar corretamente o menu, ele somente irá aparecer no portal caso possua ao menos um item de menu.
  • Para acessar o tutorial "Adicionar um Item de Menu", clique aqui.