Podemos também definir o conteúdo dos menus da página inicial. Clique em Menus, Main Menu.

Transcrição

1 Vamos administrar os artigos que devem aparecer na página inicial. Clique em Conteúdo => Artigos em Destaque. Podemos mudar a ordem dos artigos utilizando as setas ou direto pela numeração. Obs: Para fazer as setas aparecerem, clique sobre o título da coluna Ordem. 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. Caso eu não queira nenhum artigo de destaque, basta colocar em seu campo como ZERO. Mesma situação para Introdução de Artigos, Colunas e Links. Mais a frente vamos trabalhar com menus

2 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 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

3 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. Em 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 Menu Tecnologia da Informação serão exibidos todas as Subcategorias (categorias filhas) da Categoria Tecnologia da Informação. 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

4 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 Selecionar 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

5 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. 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: 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

6 Como administrador de seu site Joomla, clique em Componentes, Fonte de Notícias, Categorias. Clique em Novo. Dê um nome para a categoria a ser criada. Clique em Salvar & Fechar. Com a categoria criada, clique na opção Newsfeeds. Clique em Novo. Preencha os campos Nome (UOL Tecnologia), Link ( e em Categoria escolha a categoria criada recentemente (Tecnologia)

7 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 ( À direita, você pode definir a quantidade de artigos a serem mostrados e o tempo de cache (em minutos). 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. Clique em Salvar & Fechar e Visualize seu site

8 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 ( Clique em Componentes, Fontes de Notícias, Notícias. Clique em Novo. Em Título digite Terra Notícias. Em Link digite o rss de Tecnologia do site Terra ( e em Categoria escolha Tecnologia. Clique em Salvar & Fechar. Visualize seu site: Crie uma nova Categoria de Fonte de Notícias chamada Esportes. Crie agora três novas fontes de notícias chamadas Futebol, Fórmula 1 e Vôlei, ligadas à Categoria Esportes, criadas anteriormente. Sugestão: Utilize sites especializados em notícias esportivas para copiar endereço de feed do mesmo. Bom trabalho!

9 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. Clique em Novo, dê um nome para a Categoria e clique em Salvar & Fechar. 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 que recebe as informações, é justamente o que você definiu na instalação do Joomla

10 Defina alguns detalhes do contato. Defina os campos de seu formulário. Na direita clique na Guia Formulário de Contato. Você pode aqui definir filtros para seu formulário. Após 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

11 Em Tipo de Item de Menu selecione Único Contato. Preencha o Título do Menu, em Localização do Menu certifique-se que está Main Menu e em Selecione um Contato escolha o contato criado (Fale Conosco). Clique em Visualizar site. Se você quiser adicionar mais informações a 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

12 Clique em Salvar & Fechar e veja como ficou seu Formulário de Contato