Exibir código-fonte para Criar uma página no Portal com um menu próprio - Joomla 3

== Introdução ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Este tutorial tem como base a criação de uma página para o <b>"DAP"</b> com um menu personalizado, porém pode-se tomá-lo como base para a criação de outras páginas seguindo esse tutorial.
* Por exemplo, poderíamos ter um menu chamado <b>"DAP"</b> na página inicial do Portal com um item principal chamado <b>"DAP"</b>.
* Nesse item chamado <b>"DAP"</b>, poderíamos ter alguns subitens ocultos inicialmente como <b>"Equipe"</b> e <b>"Compras"</b>.
* Ao clicar no item <b>"DAP"</b>, seria aberto uma página exclusiva e dedicada à este item e nela seriam exibidos os subitens que estavam ocultos anteriormente, <b>"Equipe"</b> e <b>"Compras"</b> como ilustrado na figura abaixo:

[[Arquivo:pagina_com_menu_proprio_01.jpg|1000px]]
</poem>
<br>


== Criar item de menu e subitens para a página ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
Primeiro, crie um menu chamado <b>"DAP"</b> por exemplo. Para isso, utilize o tutorial <b>"Adicionar um Menu"</b> clicando <b>[[Adicionar um Menu - Joomla 3|aqui]]</b>.
</poem>

== Criar item de menu e subitens para a página ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* No <b>"Painel de Administração"</b> do Joomla e acesse: <b>"Menus > Gerenciador de Menus"</b>.
* Clique sobre o menu <b>"DAP"</b> para listar os itens de menu que fazem parte dele.
* Clique no botão <b>"Novo"</b>  para adicionar um item de menu e no campo <b>"Título do Menu"</b>, informe o nome da página que será criada, como <b>"DAP"</b> por exemplo.
* Será aberta a tela <b>"Adicionar Item de Menu"</b> com a aba <b>"Detalhes"</b> aberta e nela, no campo <b>"Tipo de Item de Menu"</b> selecione a opção <b>"A Blank Page"</b>,
* Clique na aba <b>"Opções de Exibição de Página"</b> e nela, altere o campo <b>"Classe da Página"</b> para <b>"editoria-XXX pagina-editoria"</b>, substituindo o trecho <b>"XXX"</b> pelo número da página com um menu próprio no Portal, ou seja, utilize <b>"001"</b> se for o <b>1º</b>, <b>"002"</b> se for o <b>2º</b> e assim por diante.
* Clique no botão <b>"Salvar"</b> e anote o valor do campo <b>"Apelido"</b> para ser utilizado posteriormente.
* Por fim, clique no botão <b>"Salvar & Fechar".</b>

* Após criar o item de menu pai, <b>"DAP"</b> por exemplo, crie os subitens desse item de menu como <b>"Equipe"</b> e <b>"Compras"</b> por exemplo.
* No <b>"Painel de Administração"</b> do Joomla e acesse: <b>"Menus > Gerenciador de Menus"</b>.
* Clique sobre o menu <b>"DAP"</b> para listar os itens de menu que fazem parte dele.
* Clique no botão <b>"Novo"</b>  para adicionar um item de menu e no campo <b>"Título do Menu"</b>, informe o nome da página que será criada, como <b>"Equipe"</b> e <b>"Compras"</b> por exemplo.
* Na opção <b>"Item Pai"</b> selecione o item de menu pai, <b>"DAP"</b> no caso, do qual os subitens <b>"Equipe"</b> e <b>"Compras"</b> são filhos.
* Por fim, clique no botão <b>"Salvar & Fechar".</b>
</poem>

== Criação de módulo personalizado ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* No <b>"Painel de Administração"</b> do Joomla, acesse: <b>"Extensões > Gerenciador de Módulos"</b>.
* Será aberta a tela <b>"Gerenciador de Módulos"</b> e nela, clique no botão <b>"Novo"</b> e em seguida cliquem no item <b>"Personalizar HTML"</b>.
</poem>
<br>

== Preencher informações do módulo personalizado ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Uma tela para criar um módulo com HTML personalizado será aberta e nela, altere o campo <b>"Título"</b> para o nome da página e na caixa de texto logo abaixo insira o seguinte código: <b>{article <u>ID</u>}[text]{/article}</b> onde o trecho <b>"ID"</b> indica o ID do artigo que deverá ser exibido no interior do módulo, nesse exemplo havia um artigo chamado <b>"DAP"</b> e então anotamos o ID dele para utilizarmos.

* No campo <b>"Posição"</b>, selecione <b>"pagina-interna-capa-editoria-XXX"</b> onde o trecho <b>"XXX"</b> indica o número da página com um menu próprio no portal, definido anteriormente na sessão <b>"Criar item de menu e subitens para a página"</b> desse tutorial (Clique <b>[[#Criar item de menu e subitens para a página|aqui]]</b> caso tenha esquecido).

* Clique na aba <b>"Advanced"</b> e no campo <b>"Sufixo de Classe do Módulo"</b> altere para <b>"variacao-module-04". Isso deixará o módulo com a cor verde (padrão do site)</b>.

* Clique no botão <b>"Salvar & Fechar"</b>.
</poem>
<br>

== Ocultar o menu na página inicial ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Inicialmente o menu <b>"DAP"</b> será ocultado na página inicial e apenas será exibidos na página que estamos criando nesse tutorial, como a do DAP por exemplo. E para realizar isso, devemos editar o menu <b>"DAP</b> e indicar que ele deve ser exibido apenas na página que estamos criando. 

* No <b>"Painel de Administração"</b> do Joomla, acesse: <b>"Extensões > Gerenciador de Módulos"</b>.
* Será aberta a tela <b>"Modules"</b> e nela, clique no botão <b>"Search Tools"</b> e em seguida  no campo <b>"Posição"</b>, selecione <b>"menu-principal"</b>.
* Todos os módulos de exibição de menus do Portal serão mostrados, selecione o menu <b>"DAP"</b> e clique para editar.
* A tela para edição do módulo de exibição do menu será aberta e nela, clique na aba <b>"Atribuir menu"</b> e confira se o campo "<b>Atribuir Módulo"</b> está definido como <b>"Apenas nas páginas selecionadas"</b>.
* Em seguida, encontre o menu e o item de menu do qual a página que está sendo criado faz parte e nela, marque as caixas de seleção como ilustrado na figura abaixo:

[[Arquivo:Pagina com menu proprio 02.jpg]]

* Clique no botão <b>"Salvar & Fechar"</b>.
</poem>
<br>

== Exibir apenas um menu específico na página ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Nesse exemplo, estamos criando uma página com um menu próprio e desse modo iremos exibir apenas o menu <b>"DAP"</b> nessa nova página que estamos criando. E para realizar isso, devemos editar cada um dos outros menus (Destaques, Institucional, Cursos, etc.) e indicar que eles não devem aparecer nessa página que estamos criando. 

* No <b>"Painel de Administração"</b> do Joomla, acesse: <b>"Extensões > Gerenciador de Módulos"</b>.
* Será aberta a tela <b>"Modules"</b> e nela, clique no botão <b>"Search Tools"</b> e em seguida  no campo <b>"Posição"</b>, selecione <b>"menu-principal"</b>.
* Todos os módulos de exibição de menus do Portal serão mostrados, selecione um deles e clique para editar.
* A tela para edição do módulo de exibição do menu será aberta e nela, clique na aba <b>"Atribuir menu"</b> e confira se o campo "<b>Atribuir Módulo"</b> está definido como <b>"Em todas as páginas exceto as selecionadas"</b>.
* Em seguida, encontre o menu e o item de menu do qual a página que está sendo criado faz parte e nela, marque as caixas de seleção como ilustrado na figura abaixo:

[[Arquivo:Pagina com menu proprio 02.jpg]]

* Clique no botão <b>"Salvar & Fechar"</b>.
* Com exceção do módulo chamado <b>"Logo IFSULDEMINAS - Campus Inconfidentes"</b>, repita esse procedimento para todos os módulos de exibição de menu.
</poem>
<br>

== Criar link para acessar a página criada ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* No <b>"Painel de Administração"</b> do Joomla, acesse: <b>"Conteúdo > Gerenciador de Artigos"</b>.
* Será exibido uma página com todos os artigos do portal e nela, encontre o artigo <b>"DAP"</b> e clique para editá-lo.
* A tela para edição do artigo será aberta e nela, clique no botão para criar um link no painel de edição do artigo.
* Será aberta uma janela como ilustrado na figura abaixo e nela, edite o campo <b>"URL"</b> e informe: <b>"index.php/apelido"</b> onde o trecho <b>"apelido"</b> é o mesmo valor que foi definido para o menu criado anteriormente (Clique <b>[[#Cria item de menu e subitens para a página|aqui]]</b> caso tenha esquecido).

[[Arquivo: Pagina_com_menu_proprio_03.png]]

* Por fim, clique no botão <b>"Salvar & Fechar"</b>.
</poem>

== Conceder autorização para os usuários editarem os artigos ==
<poem style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;">
* Após a criação da página com o menu próprio, será necessário autorizar a edição dos artigos que compõem a página para os usuários que irão administrá-la.
* Para isso, clique <b>[[Definir Permissões de Edição em um artigo - Joomla 3|aqui]]</b> e acesse o tutorial <b>"Definir Permissões de Edição em um artigo"</b>.
</poem>
<br>