You are on page 1of 66

Estudando: Joomla Bsico

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. Para
baix-lo, acesse: http://www.baixaki.com.br/download/wamp5.htm
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.
C:wampbinapacheapache2.2.6conf.

at

pasta:

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


localhost:82 .

ServerName localhost:80

e mude para ServerName

Clique no boto do Wamp, pare todos os servios e depois os


reinicie. No seu navegador digite http://localhost:82/.

*** Vdeo complementar - Ver lio "Bibliografia/links recomendados" para fontes ***

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.

Baixe o arquivo que est em


http://joomlacode.org/gf/download/frsrelease/17715/77262/Joomla
_2.5.8-Stable-Full_Package.zip e descompacte-o dentro desta
pasta.

Acesse HTTP://localhost/joomla .

A primeira tela preciso definir em qual idioma voc quer instalar


o Joomla. A traduo para o portugus pode ser baixada em:
http://joomlacode.org/gf/project/jtranslation/frs/?
action=FrsReleaseBrowse&frs_package_id=61 .

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

*** Vdeos complementares. Ver lio "Bibliografia/links recomendados" para fontes


***

Administrao

Sempre que formos acrescentar, editar ou excluir, qualquer


contedo do 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 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 emArticle Manager.

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.

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.

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.
Para adquirir extenses
http://extensions.joomla.org/

para

seu

sistema

acesse:

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.

Clique para localizar seu arquivo.

Clique no boto Upload File & Install.


Ao trmino da instalao voc ser notificado.

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.

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.

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.

Podemos definir nosso site em manuteno 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.
confirmao.

Ser

mostrada

uma

mensagem

de

Clique agora na ABA Sistema.

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.

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

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.


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 nada ele herda a
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.

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.
Todas as imagens a serem utilizadas no projeto devem ficar
dentro da pasta Stories, pois foi 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 opo. Ao finalizar o upload.

Contedo

Sempre que se projeta um site, preciso definir uma hierarquia


para o contedo, e com 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.

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.

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

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.

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.

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.


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.

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 Publicao e uma data de encerramento.

A segunda opo que temos de configurao so os Parmetros


Avanados.

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 direita clique em Pr-visualizar.

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

Publique tambm uma de Automobilismo.

Com isto temos a ltima notcia inserida como destaque e as


demais abaixo em duas colunas.
Crie agora o artigo Quem 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.

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.

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.

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.

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

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.

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.

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.

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.

Vamos criar o menu para chamar a Home.

Clique em salvar. Pr-visualize.

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

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.

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.

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.

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.

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 Pr-visualize.
Usurio permite criar links para os componentes de usurios.
Vamos criar alguns links para os usurios. Clique em Layout
Padro para Login.

Salve e Pr-Visualize seu sistema.

Vamos adicionar mais um item ao nosso menu.


Clique em Novo, Usurios, Layout Padro para cadastro.
Como ttulo coloque Cadastre-se e clique em Salvar. Visualize o
sistema.

Ele me apresentou dois avisos.

Os primeiros avisos 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, Usurio, lembrar senha. Clique na opo
Lembrar Padro .

Salve e visualize.

Vamos agora criar um menu para recuperao de senha, clique


em Layout Padro para Recuperao.

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.

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.

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.

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.

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-seriea/rss2.xml).

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.

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.

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.

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.

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.

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

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.

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.

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

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.

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.

O modelo que est sendo utilizado marcado com um estrela.


Marque Bezz e clique na parte superior em Padro. Depois prvisualize.

Terminamos aqui nosso estudo bsico sobre um dos CMS mais


completos do mercado de WEB.
Para saber mais sobre Joomla, consulte a Bibliografia/Links
Recomendados deste curso.

Bibliografia/Links Recomendados

Apostila Joomla - por Marcos Paulo Furlan

http://blog.joomtus.com/search/label/Curso%20B%C3%A1sico%201

http://blog.joomtus.com/search/label/1.1%20-%20Instala
%C3%A7%C3%A3o%20WAMP5%202.0

http://www.joomlaclube.com.br/

http://www.joomlabr.org/

http://www.numaboa.com.br/informatica/tutos/joomla

http://www.youtube.com/user/SomosJoomlaBr
http://www.youtube.com/channel/UC_Jah2M5DAAYi7p3-wBiVAA