Você está na página 1de 78

JOOMLA

Desenvolvida exclusivamente para o Apostilando.com por Marcos Paulo Furlan

NDICE
NDICE .......................................................................................................................................... 2 JOOMLA ....................................................................................................................................... 3 INSTALANDO UM SERVIDOR WEB LOCAL ............................................................................. 4

Instalando o WampServer. ............................................................................. 4 Instalando o Joomla........................................................................................ 6 Administrao ............................................................................................... 10 Caractersticas .......................................................................................... 11 Extenses ................................................................................................. 14 Workspace.................................................................................................... 18 Configuraes Globais ................................................................................. 19 Usurios........................................................................................................ 23 Novo Usurio ............................................................................................ 24 Mdias ........................................................................................................... 25 Contedo ...................................................................................................... 28 Sees ...................................................................................................... 28 Categorias................................................................................................. 32 Artigos ....................................................................................................... 34 Menus ........................................................................................................... 45 Tipos de Menus......................................................................................... 51 Menu para envio de artigo e Arquivar ....................................................... 54 Outros Menus............................................................................................ 56 Componentes ............................................................................................... 62 Notcias ..................................................................................................... 62 Enquetes ................................................................................................... 67 Contato...................................................................................................... 69 Artigos Relacionados ................................................................................ 74 Breadcrumbs............................................................................................. 77 Templates, Cores e Imagens........................................................................ 78 Tema ......................................................................................................... 78

JOOMLA
Joomla (pronuncia-se djumla) um Sistema de gesto de contedos (Content Management System - CMS) desenvolvido a partir do CMS Mambo. desenvolvido em PHP e pode ser executado no servidor Web Apache ou IIS e banco de dados MySQL. Instalar o Joomla relativamente simples, requer apenas seguir certos passos bsicos, inicialmente no envolvendo conhecimentos em linguagem de programao. Com um servidor de internet adequado e uma base de dados, possvel obter um website sem erros e absolutamente seguro, onde possvel editar contedo obedecendo-se certa logstica de acordo com a finalidade do website sem a necessidade de um conhecimento extraordinrio. No entanto, o aprimoramento do website depender muito do conhecimento do usurio em termos tcnicos, a fim de atingir certo padro grfico, harmnico e funcional do website. Entre as caractersticas que o popularizam, destacam-se: um software livre, ou seja, encontra-se disponvel numa verso bsica e gratuita; Foi escrito com PHP e MySQL, dois dos softwares "open source" mais populares do mercado; Dispe de vrios mdulos e componentes disponveis,a partir da base herdada do Mambo; A sua comunidade vem crescendo,e pode se encontrar ajuda inclusive em lngua portuguesa; A cada dia vem surgindo mdulos e componentes, tornando a verso bsica mais rica e funcional. A comunidade de programadores e especialistas em Joomla vem crescendo cada vez mais, facilitando-se cada vez mais a ajuda mtua; O surgimento de feiras nacionais e internacionais tem alertado a comunidade j existente, tornando o Joomla, algo universal.

INSTALANDO UM SERVIDOR WEB LOCAL


Algumas aplicaes que faremos em nossa apostila precisaro de um servidor WEB. Vamos instalar o WAMP SERVER.

Instalando o WampServer.
Instalando o WampServer. Basta ir clicando e avanando. Aps a instalao ser mostrado prximo ao relgio o cone de seu servidor WEB.

Ao clicar sobre este cone voc ter acesso ao menu de opes de seu servidor local.

Para quem usa window 7 pode ocorrer de no iniciar o servio. Caso isso ocorra necessrio uma pequena modificao, pois o Apache que o servidor WEB utiliza a porta 80, precisamos mudar para a porta 82. V at a pasta: C:\wamp\bin\apache\apache2.2.6\conf. Abra o bloco de notas e depois arraste o arquivo httpd.conf para dentro do bloco de notas. Localize a linha: Listen 80 e mude para Listen 82

Depois localize a linha ServerName localhost:80 e mude para ServerName localhost:82

Clique no boto do Wamp, pare todos os servios e depois os reinicie. No seu navegador digite http://localhost:82/.

Instalando o Joomla
Ento vamos a instalao do Joomla em seu servidor. Na pasta de seu servidor, crie uma pasta para colocarmos os arquivos do Joomla.

Copie o arquivo que esta em seu DVD e descompacte-o dentro desta pasta.

Acesse HTTP://localhost/joomla, A primeira tela preciso definir em qual idioma voc quer instalar o Joomla.

Clique na parte superior direita no boto prximo, ele far uma verificao de instalao.

Na terceira etapa mostrada a licena de uso do CMS, clique em prximo.

Agora precisamos configurar nosso Banco de Dados. Como estamos trabalhando localmente usamos localhost e demais campos conforme

imagem.

A prxima etapa pede-se para definir um caminho FTP, no habilitaremos esta opo. Clique em prximo.

Configuraes finais, aqui se pode carregar os dados de exemplo Clique no boto Instalar exemplo de contedo.

V at a sua pasta e remova o diretrio de instalao.

Acesse novamente a pgina inicial do seu site Joomla

Para

acessar

rea

de

administrao

digite:

HTTP://localhost/joomla/administrator

No campo Username use admin e a senha deve ser a mesma cadastrada ao criar o sistema.

Navegue entre as sees para visualizar o que veremos no curso. Mas nossa idia criar um projeto do zero no Joomla, crie outra pasta, repita o processo de instalaao mas no clique no boto de exemplo, ao finalizar voc teria a seguinte tela de seu site Joomla.

Ser neste ambiente que vamos trabalhar.

Administrao
Sempre que formos acrescentar, editar ou excluir, qualquer contedo do

10

Joomla, preciso entrar na rea de administrao. Basta digitar na URL do navegador o endereo de acesso ao sistema, seguido da pasta administrator http://localhost:82/joomla2/administrator/

O Username, use Admin e a senha a que cadastrou na instalao do Joomla. E voc entrar no ambiente de edio de seu site Joomla.

Caractersticas
Antes de comearmos a inserir contedo em nosso sistema, vamos visualizar algumas caractersticas deste fantstico CMS. Na parte superior temos o menu de elementos que podemos adicionar ao Joomla. Clique em Content e depois em Article Manager.

11

No momento no temos nenhum artigo, clique em New.

Observe que embora o editor do Joomla seja simples, ele possui as principais funcionalidades, de formatao e edio de textos. Caso queira, voc pode editar todo ele tambm em HTML, observe que ele possui um boto chamado HTML.

12

Este o editor padro do Joomla, voc pode tambm adicionar outros editores com mais recursos. Veremos isto mais adiante. Outra parte de grande importncia, referente a usurios de seu sistema. Clique no menu Site, User Manager.

13

Ser por esta tela que ser possvel definir quem poder adicionar contedo ao sistema. Outro menu bem importante Components.

Atravs dele possvel criar um gerenciamento de Banners, contatos, news, enquetes, busca, web links. Veremos como utilizar estas opes com mais detalhes mais a frente.

Extenses
Ao clicar no menu Extension, temos como adicionar e gerenciar mais contedos dentro do Joomla.

Temos os mdulos, Plug-ins, Templates e linguagens, onde podemos gerenciar elas para a parte administrativa e para o FrontEnd, ou seja, o que visualizado.

14

Para adquirir extenses para seu sistema acesse: http://extensions.joomla.org/

Pelo menu Extensions, clique em Plug-in Manager, observe que j temos diversos plug-ins ativos.

Vamos instalar uma nova extenso. Clique em Extensions, Install / Uninstall. Podemos instalar novas extenses de trs formas, buscando o arquivo em seu computador, atravs do caminho do diretrio e atravs da URL de onde est a mesma.

15

Clique para localizar seu arquivo.

Clique no boto Upload File & Install. Ao termino da instalao voc ser notificado.

16

Instale tambm a linguagem do site. A extenso foi instalada, preciso agora aplicar ela ao site. Clique no menu Extension, Languages

Marque a opo Portugus (Brasil) e depois clique em Default. Observe que estamos com Administrator, ser preciso repetir tambm isto para Site.

Observe que foi mudado o idioma de toda a administrao. Ao repetir o processo com a opo Site, atualize o navegador e veja que ele tambm j mudou as informaes.

17

Workspace

A Workspace, como o nome diz janela de abertura para a administrao do sistema, ele possui o menu de topo, cones de acesso rpido, na direita temos alguns mdulos prontos. Na parte direita superior podemos: Pr-visualizar, checar se temos novas mensagens, verificar a quantidade de usurios logados e desconectar-se do admin.

Podemos mudar o tema do painel de administrao. Clique no menu Extenses, Administrar Tema.

Clique na opo Administrador.

18

Marque a opo disponvel e clique na direita na parte superior em Editar.

Voc pode retirar as bordas arredondadas, exibir ou no o nome do site e mudar a cor do cabealho.

Configuraes Globais
Como podemos criar mais de um usurio no sistema Joomla, para se ter acesso a configurao global preciso ser super administrador do sistema. Na tela inicial do painel de controle , clique em Configurao Global.

Voc pode tambm usar o menu site configurao. Na parte superior temos as ABAS, site, sistema e servidor.

19

Podemos definir nosso site em manuteno e e editar a mensagem de aviso. Podemos mudar o nome do Site. Definir um editor de textos e artigos. Configurar o tamanho da lista de artigos. Quantidade de notcias externas. Mais abaixo podemos configurar as informaes de metadados do site.

Clique em Aplicar. Ser mostrada uma mensagem de confirmao.

Clique agora na ABA Sistema

20

A primeira informao mostrada a palavra Secreta, abaixo temos o caminho do diretrio de Log. Abaixo voc tem a opo de habilitar Web Service, o servidor de ajuda depois tem o bloco de cadastro de usurios. Na parte de baixo temos as opo de mdia.

A primeira informao disponvel so as extenses permitidas, seguido do tamanho mximo, o diretrio de imagens, caminho para imagens que sero utilizadas nos artigos, restringir upload, nvel de usurio para acessar o editor, extenses de imagens permitidas, possibilidade de bloquear extenses, tipos de MIME autorizados e bloqueados e possibilidade de Flash Uploader. Na direita temos mais opes de configurao.

21

Ativar depurao do sistema que permite visualizar erro durante a navegao, aconselhvel somente para desenvolvedores. Abaixo temos o bloco Cache, permite habilitar ou no a utilizao do cach no navegador do usurio. Finalizando temos a configurao de tempo de sesso. Clique na ABA Servidor.

Inicialmente mostra o caminho do diretrio temporrio do servidor, opo de compresso do site, a idia que o site carregue mais rapidamente, porm na prtica, pouca coisa muda. Abaixo podemos definir a forma do relatrio de erros e sistema de segurana SSL.

22

Abaixo temos a configurao de fuso horrio, defina como (-3:00).

Depois temos o bloco de configurao FTP, como administramos o site pelo Admin, somente habilite este servio se for realmente necessrio. Na direita temos as configuraes de Banco de Dados. Abaixo o bloco de configuraes de e-mail.

Para configuraes de FTP e e-mail, talvez seja necessrio verificar as configuraes com seu servio de hospedagem.

Usurios
Na tela inicial do painel de controle, clique Administrar usurios.

Inicialmente temos as informaes do usurio existente, no caso o admin. Atravs deste painel, voc verificar se um usurio est conectado, ao clicar na confirmao voc poder desconect-lo, pode tambm habilitar / desabilitar um usurio.

Estando como super administrador no clique na opo Habilitado. Na direita temos algumas opes de filtros.

23

Na parte superior direita temos o botes de desconectar. Remover, editar, novo e ajuda.

Novo Usurio
Vamos adicionar um novo usurio no sistema, clique no boto Novo.

necessrio preencher os campos do novo usurio. Alm dos dados, necessrio definir a qual grupo este usurio ir pertencer. Observe que ele se divide dois grupos: Site e Administrao. No grupo Site temos: Registrado: Ter acesso a pginas restritas. Autor: Tem as mesmas possibilidades do registrado e pode enviar artigos. Redator: Herda as caractersticas do Autor e pode modificar os artigos enviados. Editor: Herda as caractersticas do Redator e pode publicar os artigos. Grupo de Administrao - podem acessar a parte administrativa.

24

Gerente: Acessa a parte administrativa, mas no acessa as extenses, configurao global. Administrador: No acessa configurao global. Super Administrador: Acessa tudo. Na direita temos algumas configuraes de idiomas, editores, etc. para o novo usurio. No alterando anda ele herda d configurao global. Salve seu novo usurio.

Por estarmos local ele no cria a funo mail. Por isso a mensagem de erro. Crie seu usurio como gerente , faa o login com ele, e observe que ser carregado menos informaes.

Mdias
Clique no boto de Administrador de Mdias.

25

Na parte superior temos duas formas visualizao, em miniatura e detalhada.

Na direita temos as colunas de pastas.

No contedo central temos as pastas e os arquivos, interface muito semelhante ao que voc j conhece do seu sistema operacional. Para excluir apenas uma imagem, basta clicar no cone de excluso .

Caso queira excluir diversas imagens, marque-as e depois clique no boto de Remover no canto superior direito.

26

Todas as imagens a serem utilizadas no projeto devem ficar dentro da pasta Stories, pois di desta forma que definimos em Configurao Global. Se for necessrio crie pastas para organizar suas imagens.

Na parte debaixo da tela temos a janela para que se possa fazer o upload da imagem.

Caso voc tenha habilitado o Flash Uploader, pode ocorrer dele no abrir a janela de upload, caso isso tenha acontecido, retorne e desmarque esta

27

opo. Ao finalizar o upload.

Contedo
Sempre que se projeta um site, preciso definir uma hierarquia para o contedo, e como o Joomla, no diferente, na verdade com ele ainda mais necessrio. A estrutura de contedo do Joomla segue a seguinte ordem: Um nvel superior que a sesso, abaixo dele tem Categoria e abaixo dela um nvel chamado Artigo. Isso indica que um artigo sempre precisa de uma categoria que precisa estar ligado a sesso. Por exemplo: Podemos ter uma seo chamada Esportes, com duas categorias, um chamado futebol e outro chamado Automobilismo. E ligados a eles os artigos. E assim sucessivamente, organizando seu projeto.

Sees
Vamos agora iniciar a criao de nossas sees. Clique no menu Contedo, Administrar Seo.

28

Dentro da tela de administrar seo, clique no boto Novo.

Agora precisamos inserir as informaes de nossa seo. O ttulo da primeira seo ser Esportes. No precisamos preencher o campo apelido, vamos manter o status como Publicado em Sim. O nvel de acesso deixamos como pblico. No campo imagem, eu poderia definir uma imagem para aparecer na tela inicial, ao inserir uma imagem eu preciso definir uma posio para ela. Abaixo temos o editor de contedo. Acrescente um contedo a esta rea.

29

Voc pode adicionar uma imagem ao seu artigo, clique onde quer que aparea a imagem de depois clique no boto Imagem na parte de baixo.

30

Para salvar clique em Salvar. A opo Aplicar, aplica as alteraes, mas mantm a tela aberta para continuar a edio.

Agora vamos criar a nossa segunda seo que a Institucional. Para este caso, vamos manter a descrio em branco. Temos agora no painel de administrao da seo as duas criadas.

Na parte superior, temos os botes de Publicar e despublicar, de copiar que permite gerar uma cpia da seo, mas com outro nome, o boto de remover, de editar a seo,outra forma de editar a sua seo clicando em seu nome, o novo e a ajuda.

31

Categorias
Vamos agora trabalhar com as categorias, temos Futebol, Automobilismo e Institucional. Clique no menu Contedo, Administrar Categorias.

Na direita onde diz, selecione uma seo para as novas categorias, no caso vamos iniciar com Esportes. Clique em Novo. Preencha os dados

Caso queira adicione informaes no editor. Depois de feito isso clique em Salvar.

32

Crie agora a Categoria Automobilismo.

Clique em salvar. Temos ento duas categorias na seo Esportes. Precisamos agora criar a categoria Institucional, ento mude o filtro para Institucional para criar a nova categoria.

Vamos deixar sem nenhum contedo e clique em Salvar.

33

Para visualizar as trs categorias retire o filtro. Os botes da direita possuem as mesmas caractersticas da seo, com exceo do Mover. Ela permite selecionar uma categoria e mover ela de seo.

Artigos
Precisamos agora ento criar nossos artigos e atrel-los as categorias criadas. Clique no menu Contedo Administrar Artigos.

Voc pode j filtrar por seo e Categoria, depois clique em Novo. Crie uma notcia.

Caso queira voc pode editar a sua imagem, aps ter inserido a mesma no texto, clique no boto de edio da imagem.

34

Ajuste como precisa e clique em Update.

Voc pode pelo rodap adicionar quebras de pgina e um leia mais..., usaremos este recurso em outro artigo. Caso queira marque a opo de exibir na pgina inicial. Observe agora as opes que so mostradas na direita. Inicialmente temos Parmetros Artigo, podemos determinar quem o Autor, o nvel de acesso, a data de criao, podemos determinar uma data de

35

Publicao e uma data de encerramento.

A segunda opo que temos de configurao so os Parmetros Avanados.

36

Todos usam a opo Usar Global, que mantm o mesmo padro para todo o site. A opo de chave de referncia permite criar uma referncia do artigo na ajuda. E por ltimo temos as Informaes de Metadados, que permite adicionar contedo para os mecanismos de busca. Abaixo temos o Rob que adicionarmos Follow permite que a pgina seja indexada pelos robs de busca, ou No Follow que no permite ser indexada pelos robs de busca e ao final o Autor do artigo.

Salve seu artigo.

Na parte superior a esquerda clique em Pr-visualizar.

37

Vamos criar agora uma notcia sobre Automobilismo GT3.

Por se tratar de um texto longo, acrescentei um leia mais no texto.

Salve seu artigo.

Crie mais dois artigos, no meu exemplo ser um relacionado a futebol e mais

38

um relacionado a automobilismo, seguindo o cronograma inicial.

Edite uma notcia que tenha leia mais, para que aparea tambm na pgina inicial , salve-a e depois clique em Pr-visualizar.

39

Publique tambm uma de Automobilismo.

Com isto temos a ltima notcia inserida como destaque e as demais abaixo em duas colunas.

40

Crie agora o artigo Somos para a parte institucional.

Para o mapa, vamos duplicar o quem somos, visto que estamos trabalhando apenas um exemplo. Na rea de manuteno de seus artigos temos alguns novos botes.

Os dois primeiros o Desarquivar e o Arquivar. A opo Arquivar permite selecionar um artigo e arquiv-lo, funo til para artigos antigos que estejam em seu site. O Desarquivar faz o processo inverso. O mais importante o Preferncias, que vai permitir que se defina as preferncias relacionadas aos artigos.

41

Aqui as configuraes so globais, ou seja, o que for aplicado aqui ser para todos os artigos, com exceo de quando se muda na edio do artigo. Algumas opes que podem ser interessantes, dependendo do contexto so: Ttulos como Link: Permite que o ttulo do artigo, tambm seja um link; Exibir Navegao: Cria um link de navegao entre as notcias.

42

Vamos administrar os artigos que devem aparecer na pgina inicial. Clique em Contedo Administrar Pgina Inicial.

Podemos mudar a ordem das notcias utilizando as setas ou direto pela numerao.

43

Podemos tambm definir o contedo dos menus da pgina inicial. Clique em Menu, Main Menu.

Como padro ser mostrado o Menu Home.

Ao clicar em Home, podemos definir como devero ser mostrados o contedo na home. Caso eu no queira nenhum artigo de destaque, basta colocar em seu campo como ZERO. Mesma situao para Introdues, colunas e Links. Mais a frente vamos trabalhar com menus.

44

Podemos excluir um artigo selecionando-o e clicando no cone lixeira.

Mas podemos tambm administrar o contedo da Lixeira. Clique em Contedo, Administrar Artigos na Lixeira.

Da lixeira podemos restaurar o artigo ou remover. Ao clicar em Remover, o arquivo no permitira recuperao.

Menus
Uma das partes mais importantes do Joomla a criao e administrao de Menus. Ao iniciar um template Joomla, j temos o menu Home criado. Temos duas reas em nosso site que podem conter menus.

45

para que voc possa saber quais so as reas moduladas do template Joomla digite: http://localhost:82/joomla2/?tp=1, lembrando sempre de colocar a URL de seu site.

Observe que mesmo sobreposto aparece User3. Ento vamos a criao de menus. Clique em Administrar Menus.

Na direita clique em Novo.

46

Os campos devem ser adicionados conforme a sua necessidade, com exceo do Ttulo do Mdulo, este precisa ser mod_mainmenu.

Clique em Salvar, E ser mostrado ento nosso grupo.

47

Clique agora em Extenses, Administrar Mdulo.

Observe que aparece mod_mainmenu , porm desabilitado. Clique sobre ele para abrir as suas propriedades.

Configure da seguinte forma.

48

Clique em salvar. Clique agora em Menu, Menu de Topo.

Clique em Novo.

Clique em Artigos, ser mostrado diversas opes, clique em Layout da Pgina Inicial como BLOG.

49

Vamos criar o menu para chamar a Home.

Clique em salvar. Pr-visualize.

50

Tipos de Menus
Temos dois grupos de menus, o topo que criamos anteriormente e o main menu. Clique em Menu Main Menu.

Clique em Novo. Clique em Artigos e depois bem abaixo, clique em Seo, e depois em Layout Padro da seo.

Preencha da seguinte forma.

As demais opes no sero alteradas. Clique em Aplicar e depois em Pr-Visualizar.

Vamos agora criar mais dois links na parte superior de nosso modelo.

51

Clique em Menu, Menu de Topo.

Clique em Novo, clique na opo Artigos, cliquem Layout do Blog de Categoria.

Pois Futebol e Automobilismo so categorias. Preencha da seguinte forma:

Aplique e Pr-Visualize.

Repita o processo e crie o menu para Automobilismo.

52

Vamos agora criar o Quem Somos. O quem somos um Artigo ento faremos o link direto a ele. Inicie um novo item de menu.

A opo Layout de envio de artigo, permite que se possa fazer o envio de um artigo, se o usurio tiver permisso para o mesmo. Vamos usar a opo Layout Padro de Artigo, clique sobre ela. Como nome defina como Quem Somos depois na direita clique em Selecione um artigo.

53

Selecione Quem Somos. Aplique e salve.

Menu para envio de artigo e Arquivar


Vamos criar um item de menu para envio de artigo. Estando em Administrar Item de menu, clique em Novo, depois clique em Artigo e clique em Layout de envio de Artigo. Defina conforme a imagem e salve.

Vamos criar mais um que permita visualizar os artigos mais antigos. Clique em Novo.

54

Clique na opo Lista de Artigos Arquivados.

Clique em Salvar. Pr-visualize.

Ao clicar em envie seu Artigo, ser mostrada uma tela, avisando que voc no tem permisso para a tarefa.

Ao clicar em notcias anteriores , por enquanto est vazio pois no temos nada arquivado.

55

Outros Menus
Acesse menu, Main menu. Clique em Novo.

Inicialmente temos o grupo de Links Internos. Artigos foi onde trabalhamos at o momento, A opo contatos cria um link para o componente de contatos que faz parte do Joomla.

56

Sero mostradas duas opes layout de Categoria (cria uma listagem de contato) e Layout de Contato (linka direto para o formulrio padro). JCE, abra a administrao do editor. Notcias Externas, permite criar links para acessar RSS de outros sites. Enquete: Permite criar links para verificao das enquetes. Veremos mais a frente Pesquisar, como o nome j diz cria um link para que se possa fazer uma pesquisa. Clique em Pesquisar e vamos adicionar este item ao nosso menu.

Salve e Pre-visualize. Usuario permite criar links para os componentes de usurios. Vamos criar alguns links para os usurios. Clique em Layout Padro para Login.

57

Salve e Pr-Visualize seu sistema.

Vamos adicionar mais um item ao nosso menu. Clique em Novo, Usuarios, Layout Padro para cadastro. Como ttulo coloque Cadastre-se e clique em Salvar. Visualize o sistema.

Ele me apresentou dois avisos.

Os primeiros de erro ocorreram, por que estou testando localmente, no foi possvel encontrar a funo mail(), o segundo um aviso solicitando que se ative a conta. Vamos agora cria um item de menu chamado Lembrar Senha. Clique em Novo, Usuario, lembrar senha. Clique na opo Lembrar Padro .

58

Salve e visualize.

Vamos agora criar um menu para recuperao de senha, clique em Layout Padro para Recuperao.

59

Continuando a criar nossos menus para usurios, clique em novo, depois em Usurio, escolha Layout Padro para Usurio.

Clique em Salvar.

E finalizando os menus de Usurio, clique em Novo, Usurio, Usurio Layout de Formulrio de Usurio. Adicione o ttulo e clique em Salvar.

60

Abaixo de Usurios, temos Weblinks, Wraper, permite chamar um site dentro de seu site. Clique em Wraper, e vamos adicionar um link a ser aberto em nosso projeto. Como exemplo, vou solicitar que seja aberto a pgina do curso WebKit do Apostilando.com.

61

Clique novamente em Novo, mais abaixo temos a opo Link Externo, que abre o link, mas no no seu site. Abaixo temos o separador que tem a funo de separar blocos dentro das opes de menu. Ao final temos a opo Apelido que permite criar menus idnticos mudando-se apenas o apelido.

Componentes
Notcias
O sistema de notcias do Joomla, permite que se leia informaes de RSS, recurso disponibilizado por diversos sites de notcias, tecnologia, etc. Vamos agora aprender como isso pode ser feito. Pelo administrador de seu site Joomla, clique em Componentes, Fonte de Notcias e vamos comea com Categorias.

Clique em Novo. D um nome para a categoria a ser criada.

62

Clique em Salvar. Com a categoria criada, clique na opo Fontes.

Clique em Novo. Preencha os campos Nome, e clique em categoria, ser mostrada a categoria criada recentemente.

63

Para o link preciso copiar o link RSS de sua fonte de notcias. Para o nosso exemplo vou buscar o RSS da pgina do Campeonato Brasileiro,

disponibilizado pelo portal globo.com.

(http://globoesporte.globo.com/dynamo/futebol/brasileirao-serie-a/rss2.xml).

64

Abaixo, voc pode definir a quantidade de artigos a serem mostrados, o tempo de cach e a ordem de seu texto. Clique em Salvar. Vamos agora criar um menu para que ele mostre a fonte de notcias criada. Clique em Menu, Menu Principal.

Clique em Novo, depois em Notcias Externas clique em Categoria, Layout da Categoria. Preencha os dados de sua categoria.

Clique em salvar. Pr-visulize.

65

Vamos adicionar mais uma fonte de notcias agora sobre esportes a motor. Clique no menu componentes, Fonte de notcias, Fontes. O link RSS (http://globoesporte.globo.com/dynamo/motor/rss2.xml).

Salve e pr-visualize.

66

Enquetes
Um dos recursos interessantes que podemos adicionar aos nossos sites so sistemas de enquete. O processo de criao de uma enquete muito semelhante a qualquer outro componente que j utilizamos. Clique em Componente, Enquete. Clique em Novo. No ttulo adicione a pergunta a ser utilizada. Na direita preenchas as possveis respostas para a sua enquete.

Verifique se ela esta como publicado, caso no esteja clique para que ela fique desta forma. Clique em salvar. Agora precisamos adicionar o mdulo de enquete.

67

Clique em Novo. Procure o mdulo Votao.

Clique sobre ele. Preencha os dados.

Certifique-se que a enquete aparea abaixo do Main Menu.

Visualize a Enquete. Vote.

68

Caso voc tente votar novamente, o Joomla, no vai permitir.

Contato
Com certeza este um componente que no precisa de uma explicao mais detalhada do que ele faz. Ento vamos aprender como adicionar um formulrio de contato dentro do Joomla. Clique em Componentes, Contato, Categoria.

69

Clique em Novo, D um nome a ela e clique em Salvar. Clique ao lado em Contatos.

Clique em Novo.Adicione as informaes de contato.

Em associado, voc define um usurio do site e o e-mail que recebe as

70

informaes, justamente o que voc definiu na instalao do Joomla. Defina os campos de seu formulrio.

Na direita clique na Guia Parmetros do e-mail.

71

Voc pode aqui definir filtros para seu formulrio. Aps clique em Salvar. Agora vamos adicionar um novo menu no topo chamado Contato que faa uma ligao com nosso formulrio. Clique em Menu, menu de topo.

Selecione Layout de Contato Padro. Preencha o ttulo, em exibir, certifique-se que est Menu de Topo e em Selecione Contato escolha o contato criado.

72

Clique em Salvar. Pr-visualize.

Se voc quiser adicionar mais informaes a pgina de contatos, clique em Componentes, Contato, Contato. Ser mostrado o contato criado.

Clique sobre ele e adicione informaes.

73

Artigos Relacionados
Artigos relacionados no Joomla a possibilidade de se relacionar palavras chaves em diversos artigos de seu site. Clique em Extenses, Administra Mdulo, ser mostrado todos os mdulos que

74

j usamos, clique em Novo. Sero apresentados todos os tipos de mdulos existentes, clique sobre Artigos Relacionados.

Clique nesta opo. Preencha os dados de nosso novo mdulo.

Clique em Salvar. Se voc Pr-Visualizar, ele j deixa o espao da direita, mas no apresenta nada. Precisamos agora definir quais sero as palavras relacionadas.

75

Clique no Menu Contedo, Administrar Artigos.

Abra um dos arquivos que voc criou anteriormente. Abra a propriedade Informaes de Metadados

Repita o processo para outras notcias. Clique no ttulo de uma notcia, ou na opo Leia mais, observe que agora ele mostrar a direita, outros artigos que contenham palavras relacionadas.

76

Breadcrumbs
Breadcrumbs, ou Migalhas de Po, a associao justamente com a fbula de Joo e Maria, pois ele mapeia o caminho que vocs percorreu para chegar at determinado link, com certeza um dos maiores recursos de Usabilidade de um site. Vamos agora aprender como cri-los com o Joomla. Clique em extenses, Administrar Mdulos. Clique em Novo. Clique em Breadcrumbs.

Preencha os dados, este template possui a posio Breadcrumb, ser nela que vamos adicionar o nosso componente.

Clique em Salvar. Pr-visualize.

77

Templates, Cores e Imagens


Como foi possvel ver at o momento trabalhar com o Joomla fcil , rpido e seguro, mas como criar para o Joomla. Voc pode criar seu prprio template, ser necessrio um grande conhecimento em HTML, CSS e uma boa base de PHP. No vamos trabalhar com isso em nosso curso, principalmente pela grande quantidade de templates que podem ser encontrados para download.

Tema
Clique no menu extenses e escolha Administrar tema

O modelo que est sendo utilizado marcado com um estrela. Marque Bezz e clique na parte superior em Padro. Depois Pr visualize.

Terminamos aqui nosso estudo bsico sobre um dos CMS mais completos do mercado de WEB. Entre em contato conosco para saber amis sobre o Joomla.

78