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