Clique no ícone Novo:

Transcrição

1 5.10 Conteúdo: Sempre que se projeta um site é preciso definir uma hierarquia para o conteúdo. E com o Joomla não é diferente. A estrutura de conteúdo do Joomla segue a seguinte ordem: um nível superior que é a Categoria e logo abaixo dela um nível chamado Artigo. Isso indica que um artigo sempre precisa estar associado a uma categoria. Por exemplo: Podemos ter uma categoria chamada Tecnologia e vários artigos ligados a esta categoria Categorias: Vamos criar agora algumas categorias e subcategorias para organizarmos hierarquicamente nosso site. Clique no ícone Gerenciador de Categorias ou clique no menu Conteúdo => Gerenciador de Categorias. Clique no ícone Novo: Em Título, digite Tecnologia da Informação. Em Apelido digite apenas Tecnologia. Em Pai, deixe Nenhum Pai, pois esta categoria será uma categoria Pai. A partir dela criaremos várias categorias filhas. Em Descrição digite: Categoria usada para descrever as diferentes Tecnologias da Informação disponíveis atualmente. Nas demais opções, deixe o valor default (padrão). Clique em Salvar & Novo. Aparecerá a seguinte mensagem: Categoria salva com sucesso e já abrirá uma nova categoria em branco para você. Agora vamos criar uma nova categoria, subcategoria de Tecnologia da Informação (Categoria Pai) com o nome de Apple. Coloque o título e o Apelido como Apple e em Pai escolha a categoria Tecnologia da Informação. Em Descrição, digite Nesta categoria teremos artigos sobre a empresa Apple. Crie a seguinte estrutura de Categorias. Todas as categorias abaixo terão como categoria Pai, a subcategoria Apple, que é filha de Tecnologia da Informação. imac iphone

2 ipad ipod Crie agora uma nova Categoria chamada Microsoft, que terá como categoria Pai Tecnologia da Informação. Depois de criada a Categoria Microsoft, crie as seguintes categorias abaixo, escolhendo como categoria Pai a Microsoft: Word Excel Access PowerPoint Windows 7 Windows 8 Observe que para cada categoria criada podemos definir o estado (publicado, despublicado, arquivado e lixeira), o nível de acesso de grupo que tem permissão para ver este item (public, registered, Special) e as permissões, de acordo com o status do usuário. Veja como ficará a nossa estrutura de Categorias: Para editar uma categoria, clique sobre o nome da mesma. Coloque na lixeira a categoria Uncategorised. Você poderá também organizar suas categorias, movendo-as para cima ou para baixo, clicando-se em. Organize suas categorias e subcategorias,

3 colocando as mesmas em ordem alfabética, respeitando a hierarquia das categorias Pai, usando os botões, de acordo com a figura abaixo: Para despublicar uma Categoria, clique sobre o ícone localizado em frente ao nome da categoria desejada. Para publicar a mesma novamente, basta clicar sobre o ícone. Observe que se você despublicar uma categoria Pai, todas as categorias filhas serão despublicadas Artigos: Precisamos agora então criar nossos artigos e atrelá-los às categorias criadas. Para isso, clique no ícone Gerenciador de Artigos ou no Menu Conteúdo => Gerenciador de Artigos. Clique em Novo. Você também poderá clicar diretamente no ícone

4 Digite um Título para o artigo, escolha a categoria (ou subcategoria) desejada, em Destaque escolha Sim (para o mesmo ser publicado na primeira página do site) e digite o texto do artigo no campo Conteúdo do Artigo. Insira uma imagem, clicando-se sobre o ícone Caso queira, você poderá editar a sua imagem após ter inserido a mesma no texto. Para isto, marque a imagem que deseja editar e clique no botão de edição da imagem. Observe que você poderá definir uma descrição para a imagem, o seu alinhamento, as dimensões da imagem, o tamanho da borda da mesma, bem como o espaço vertical e horizontal que a mesma terá para o texto. Faça os ajustes necessários e clique em Update. Você pode através do rodapé adicionar quebras de página e um leia mais... Coloque o cursor no final do primeiro parágrafo e clique no ícone Leia Mais. Salve seu Artigo. Visualize seu site e veja o efeito deste comando. Observe agora as opções que são mostradas na direita. Inicialmente temos Opções de Publicação onde podemos determinar quem é o Autor, digitar um Apelido para o Autor (caso não deseje que o nome do autor seja publicado), definir a data de criação (data/hora do servidor como default), podemos determinar uma data de início de publicação e uma data de encerramento de publicação (Se a data de encerramento ficar em branco :00:00 o artigo nunca será retirado de publicação). É exibido também o autor da última revisão no Artigo, data e hora da última revisão, bem como o número de revisões e de acessos que o artigo teve

5 Na segunda opção temos a configuração de Opções do Artigo. Todos usam a opção Usar Global, que mantém o mesmo padrão para todo o site. Em Texto Leia Mais você poderá adicionar um texto personalizado para o Leia Mais. Em seguida temos as configurações de Tela de Edição. Por default todas as opções estão como Usar Global, que mantém o mesmo padrão para todo o site. Logo abaixo temos algumas configurações para Imagens e Links e por último temos as Opções de Metadados, que permite adicionar conteúdo para os mecanismos de busca. Colocando o mouse sobre cada caption, temos a explicação sobre o que o mesmo significa. Salve seu artigo

6 Na parte superior esquerda clique em Visualizar Site. Crie uma nova categoria chamada Institucional e em seguida crie um Artigo chamado Sobre (ele pertencerá à categoria Pai Institucional). Descreva neste artigo sobre este projeto. Na área de manutenção de seus artigos temos alguns botões: O botão Novo é usado para criar novos Artigos. O botão Editar é utilizado para se editar um artigo já existente. Antes de clicar no mesmo, é necessário escolher qual artigo você deseja editar. O botão publicar é usado para publicar um artigo. Por default, quando se cria um novo artigo, o mesmo já aparece como publicado. O botão despublicar faz o inverso. Você poderá clicar também sobre os ícones da coluna Estado para publicar e despublicar um artigo. O botão destaque faz com que os artigos selecionados sejam destaques do site, aparecendo na página inicial do site. Você poderá clicar também sobre os ícones da coluna Destaque para habilitar ou desabilitar um artigo em destaque (Vide figura acima). A opção Arquivar permite selecionar um artigo e arquivá-lo, função útil para artigos antigos que estejam em seu site

7 O botão Desbloquear permite ao Super Usuário desbloquear um artigo bloqueado. O botão de Lixeira envia o artigo para a lixeira (o mesmo ainda poderá ser recuperado). Clicando em Opções, abrirá uma série de opções do Administrador de Artigos. Faça as alterações desejadas e clique em Salvar & Fechar. Exercícios: Crie agora alguns artigos sobre imac, ipad, iphone, ipod, Access, Excel, PowerPoint, Windows 7, Windows 8 e Word. Baixe algumas notícias da internet com imagens (mídia) e lembre-se de associar o artigo à categoria correspondente. Utilize as ferramentas disponíveis para criação e para edição de artigos e bom trabalho. 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. Após ter colocado os artigos em destaque na ordem desejada, clique sobre o desenho de um disquete para salvar a ordem dos mesmos. 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

8 Ao clicar em Home, podemos definir como deverão ser mostrados os conteúdos na home (página inicial). Mais a frente vamos trabalhar com menus personalizados. 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:

9 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. 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

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

11 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. 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

12 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. 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. Clique em Salvar & Fechar. Com a categoria criada, clique na opção Newsfeeds

13 Clique em Novo. Preencha os campos Nome (UOL Tecnologia), Link ( 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 ( À 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

14 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 ( 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:

15 Crie uma nova Categoria de Fonte de Notícias chamada Esportes. Crie agora duas novas fontes de notícias chamadas UOL Esportes ( e Terra Esportes ( 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. 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 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

16 Fechar. Clique em Novo, dê o título Contato para a Categoria e clique em Salvar & 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. Defina alguns detalhes do contato

17 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). 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 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 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

18 Clique em Salvar & Fechar e veja como ficou seu Formulário de Contato 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

19 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:

20 - 88 -