Podemos também definir o conteúdo dos menus da página inicial. Clique em Menus, Main Menu. Como padrão será mostrado o Menu Home. Ao clicar em Home, podemos definir como deverão ser mostrados os conteúdos na home (página inicial). Mais à frente vamos trabalhar com menus personalizados. Vamos voltar ao Gerenciador de Artigos. Podemos excluir um artigo selecionando-o e clicando no ícone lixeira: Mas podemos também administrar o conteúdo da Lixeira. Clique na combobox Selecionar Estado e escolha a opção Lixeira. Serão listados todos os artigos que foram apagados, que se encontram na lixeira. Da lixeira podemos restaurar o artigo, publicando o mesmo novamente, clicando no ícone selecionado abaixo...... ou remover o artigo da lixeira, selecionando o mesmo e clicando no ícone Esvaziar lixeira. Obs: Ao clicar em Esvaziar lixeira, o artigo não permitirá recuperação. O mesmo será excluído definitivamente. - 86 -
5.11 Menus: Uma das partes mais importantes do Joomla é a criação e administração de Menus. Ao iniciar um template Joomla, já temos o menu Home criado. Temos duas áreas em nosso site que podem conter menus: Uma barra horizontal na parte superior do site ou uma coluna na esquerda do site, conforme figura abaixo: Obs: Neste exemplo de configuração do Menu, vamos utilizar o tema Beez_20 como tema padrão para o site. Então vamos editar o Main Menu. Clique no ícone Gerenciador de Menus ou no menu Menus => Gerenciador de Menus. Clique sobre Main Menu. Observe que este Menu apresenta somente um link: Home. Vamos criar agora mais links no mesmo. Clique em Novo. Em Tipo de Item de Menu clique em Selecionar e escolha a opção Categoria como Blog. Em Título do Menu digite Tecnologia da Informação. À direita, em Configurações Obrigatórias, na combobox Selecione uma categoria, escolha Tecnologia da Informação. Nas demais opções deixem os valores default. Clique em Salvar e Fechar. Clique em Visualizar site e veja como está ficando seu Menu. Ao clicar no link Tecnologia da Informação serão exibidos todas as Subcategorias (categorias filhas) da Categoria Tecnologia da Informação. - 87 -
Observe que as subcategorias são links, que ao serem clicadas exibirão suas categorias filhas, que ao serem clicadas, exibirão os artigos criados nas mesmas. Agora vamos criar mais um link no Main Menu. Dentro do Gerenciador de Menus, clique sobre Main Menu. Clique em Novo. Em Tipo de Item de Menu clique em Selecionar e escolha a opção Categoria como Blog. Em Título do Menu digite Sobre. Em Selecione uma categoria, escolha Institucional. Nas demais opções deixem os valores default. Clique em Salvar e Fechar. Clique em Visualizar site e veja como ficou seu Menu. Observe que o Título Main Menu sobre o Menu deixa o seu site pouco profissional. Vamos retirar nome Main Menu de cima do Menu. Para fazer isso, clique em Gerenciador de Menus. Clique em Main Menu (Public em position-7) Em Exibir Título, escolha a opção Ocultar. Em seguida, clique em Salvar & Fechar e Visualize seu site. Ficou bem melhor não é? Agora vamos colocar o menu na parte superior do site. Para isso, clique novamente em Main Menu (Public em position-7). Em Posição clique em - 88 -
Selecionar a Posição. Escolha a posição position-1. Observe que este padrão de posição para o tema beez_20, coloque o menu no top (Topo da página). Clique em Salvar & Fechar e Visualize seu site. Observe que o menu foi para o topo da página. Mude o tema do site para Beez5 e veja como ficará o site. Vamos criar agora um novo link no Menu chamado Cadastre-se. Em Main Menu, clique em Novo. Em Tipo de Item de Menu escolha a opção Formulário de Cadastro. No Título do Menu digite Cadastre-se. Nas demais opções deixe tudo default. Clique em Salvar & Fechar e visualize seu site. - 89 -
Será exibido um novo link no Menu com a opção dos usuários interessados realizarem seu cadastro. Você pode também alterar a ordem do Menu. Vamos colocar a opção Cadastre-se antes de Sobre. Utilize as setas em azul para realizar esta alteração. Visualize o site e observe que o menu ficará assim: 5.12 Componentes: 5.12.1 Notícias: O sistema de notícias do Joomla permite que se leia informações de RSS, recurso disponibilizado por diversos sites de notícias. Vamos agora aprender como isso pode ser feito. Como administrador de seu site Joomla, clique em Componentes, Fonte de Notícias, Categorias. Clique em Novo. Dê o título Tecnologia para a categoria a ser criada. - 90 -
Clique em Salvar & Fechar. Com a categoria criada, clique na opção Newsfeeds. Clique em Novo. Preencha os campos Título (UOL Tecnologia), Link (http://tecnologia.uol.com.br/ultnot/index.xml) e em Categoria escolha a categoria criada recentemente (Tecnologia). Para o link é preciso copiar um link RSS de sua fonte de notícias. Para o nosso exemplo usei o RSS da página do UOL Tecnologia disponibilizado pelo portal www.uol.com.br (http://tecnologia.uol.com.br/ultnot/index.xml). À direita, você pode definir a quantidade de artigos a serem mostrados e o tempo de cache (em segundos). Clique em Salvar & Fechar. Vamos agora criar um menu para que ele mostre a fonte de notícias recém criada. Clique em Menus, Main Menu. Clique em Novo. Em Tipo de Item de Menu escolha Lista fontes de notícias em uma Categoria. Em Título do Menu coloque Tecnologia. Em Categoria selecione Tecnologia recém criado. - 91 -
Clique em Salvar & Fechar e Visualize seu site. Clique sobre o nome do Feed para exibir as últimas notícias do mesmo. Vamos adicionar mais uma fonte de notícias de Tecnologia, agora do site Terra (http://rss.terra.com.br/0,,ei12879,00.xml). Clique em Componentes, Fontes de Notícias, Notícias. Clique em Novo. Em Título digite Terra Tecnologia. Em Link digite o rss de Tecnologia do site Terra (http://rss.terra.com.br/0,,ei12879,00.xml) e em Categoria escolha Tecnologia. Clique em Salvar & Fechar. - 92 -
Visualize seu site: Crie uma nova Categoria de Fonte de Notícias chamada Esportes. Crie agora duas novas fontes de notícias chamadas UOL Esportes (http://rss.esporte.uol.com.br/ultimas/index.xml) e Terra Esportes (http://rss.terra.com.br/0,,ei1137,00.xml), ligadas à Categoria Esportes, criada anteriormente. Vamos agora criar um menu para que ele mostre a fonte de notícias recém criada. Clique em Menus, Main Menu. Clique em Novo. Em Tipo de Item de Menu escolha Lista fontes de notícias em uma Categoria. Em Título do Menu coloque Esportes. Em Categoria selecione Esportes recém criado. Clique em Salvar & Fechar. Veja como ficou seu site. Dica: Para pegar os links de rss, acesse a página desejada e copie o atalho referente ao rss:. Exemplo: Veja neste site vários links de rss da globo.com http://g1.globo.com/tecnologia/noticia/2012/11/siga-o-g1-por-rss.html 5.12.2 Contatos: Com certeza este é um componente que não precisa de uma explicação mais detalhada do que ele faz. Então vamos aprender como adicionar um formulário de contato dentro do Joomla. Clique em Componentes, Contatos, Categorias. Fechar. Clique em Novo, dê o título Contato para a Categoria e clique em Salvar & - 93 -
Clique ao lado em Contatos. Clique em Novo. Adicione as informações de contato. Em Usuário Associado, você define um usuário do site e o e-mail que recebe as informações. Observe que é justamente o que você definiu na instalação do Joomla. Defina alguns Detalhes do contato. Na direita você tem configurações de Opções de Exibição, Formulário de Contato (local onde você pode definir filtros para seu formulário) e Opções de Metadados (usados por robôs de busca na WEB). - 94 -
Após realizadas as alterações desejadas, clique em Salvar & Fechar. Agora vamos adicionar um novo menu no topo chamado Contato que faça uma ligação com nosso formulário. Clique em Menus, Main Menu. Clique em Novo. Em Tipo de Item de Menu selecione Único Contato. Preencha o Título do Menu como Fale Conosco, em Localização do Menu certifique-se que está Main Menu e em Configurações Obrigatórias, Selecione um Contato escolha o contato criado (Fale Conosco). Clique em Trocar Contato para selecionar o mesmo. Clique em Salvar & Fechar e Visualize seu site. Se você quiser adicionar mais informações na página de contatos, clique em Componentes, Contatos, Contatos. Será mostrado o contato criado. Clique sobre ele e adicione informações sobre o Contato na aba Detalhes do Contato. - 95 -
Clique em Salvar & Fechar e veja como ficou seu Formulário de Contato. 5.12.3 Mensagens: Este componente é usado para os administradores do site trocarem mensagens entre si. Ao logar no sistema na área administrativa, você verá se possui alguma mensagem não lida no topo da área de Administração. Clique no Menu Componentes = Mensagens, e envie uma mensagem para algum usuário cadastrado no sistema. Saia da área de administração e acesse novamente a área de administração com o login do usuário para o qual enviou a mensagem. Gerencie a mensagem e responda a mesma para o remetente. Terminamos aqui nosso estudo sobre um dos CMS mais completos do mercado de WEB: O Joomla!. Maiores informações sobre o mesmo podem ser obtidas nos links abaixo: http://www.joomla.org/ http://www.joomlaclube.com.br/ http://www.joomlabr.org/ - 96 -
- 97 -