Documente Academic
Documente Profesional
Documente Cultură
TUTORIAL
Joomla 3.4.1
Por:
Sumrio
1
2
Introduo................................................................................................3
Instalao.................................................................................................3
2.1 Instalao no computador pessoal..............................................4
2.2 Instalao do Joomla!..................................................................5
3
4
5
6
4.1 Menus.............................................................................................13
4.2 Itens de Menu................................................................................15
Gerenciamento de Mdias......................................................................16
Gerenciamento de Usurios..................................................................17
6.1 Usurios.........................................................................................17
6.2 Grupos............................................................................................21
6.3 Nveis de Acesso de Visualizao...............................................22
6.4 Notas...............................................................................................24
7
8
Gerenciamento de Categorias...............................................................25
Gerenciamento de Artigos.....................................................................26
Adicionando Extenses..........................................................................30
11 Referncias...............................................................................................34
1. Introduo
O Software Joomla! um gerenciador de contedo dinmico (Content Management
System - CMS1) sendo um dos mais eficientes da atualidade, permitindo uma grande facilidade
O Joomla! pode ser empregado para a criao de sites pessoais, blogs, portais de
contedo, lojas virtuais, catlogos de produtos entre outros diversos formatos de contedo. Por
ser um CSM de cdigo aberto, existem milhares de templates e extenses (gratuitas e pagas)
disponveis no mercado, permitindo at mesmo a integrao com redes sociais, o que garante
a criao de sua prpria pgina, sem grandes problemas, utilizando um design profissional e
personalizado para a sua necessidade.
gerenciamento, de contedo e extenses, para a elaborao de websites com o Joomla 3.4.1 ultima verso estvel (em 21 de Maro de 2015).
2. Instalao
Para iniciar a construo de seu site, voc deve fazer o download do pacote de
instalao
do
Joomla!,
qual
http://www.joomla.org/download.
pode
Neste
ser
site
encontrado
voc
tambm
no
pode
seguinte
encontrar
endereo:
toda
A instalao do Joomla pode ser feita de duas formas: 1) No seu computador, onde
finalizada a construo, voc poder envi-lo para hospedagem em um servidor contratado por
voc; 2) Ou a instalao pode tambm ser feita diretamente em um servidor de hospedagem.
Nos dois casos recomendamos a instalao em servidor Apache, por possuir maior
compatibilidade com este CMS.
Aplicativos utilizados para criar, editar, gerenciar e publicar contedo de forma consistentemente organizada permitindo que o
mesmo seja modificado, removido e adicionado com facilidade. Permite a criao, armazenamento e administrao de contedo de
forma dinmica, atravs de uma interface de acesso via Internet.
iniciar o programa, estas opes sero executadas automaticamente. Aps, clique em Save.
Pronto, o seu XAMPP est instalado e configurado, agora podemos iniciar a instalao
uma pasta com o nome do seu site dentro da pasta htdocs do XAMPP (C:\xampp\htdocs ou no
diretrio onde voc instalou). Ne
(necessrio deixar o nome sem espaos ou acentos). Descompacte o arquivo que voc fez o
download dentro desta pasta, devendo ficar semelhante figura 3:
tutorial_joomla o nome que voc deu para a pasta (lembre que o XAMPP dever estar
aberto).
Nesta primeira etapa voc configurar o Joomla, e deve selecionar o idioma, preencher
o nome e uma descrio para seu site, alm de preencher seu e-mail e um nome e senha de
ra quem est
desenvolvendo em um servidor online, e caso esteja ativado no permite que outras pessoas
possam visualizar o site. Preencha conforme a figura 4, e passe para o prximo passo.
informaes do nosso site. Preencha os campos como a imagem abaixo, deixando o campo
XAMPP, pois esta nossa conexo com o Banco de Dados),
o Joomla gera isso automaticamente. O preenchimento ficar semelhante imagem abaixo:
6
Na terceira etapa, voc pode instalar um contedo de exemplo, caso deseje iniciar seu
Finalizao podemos visualizar as
informaes gerais do site, confira se est tudo correto, e siga para a instalao.
Nesta parte voc deve apenas aguardar. Aps aparecer uma tela de sucesso da
operao e voc deve remover as pastas de instalao do joomla, clicando no boto marcado
na figura 7.
Pronto! O Joomla! foi instalado com sucesso! Agora nesta mesma pgina voc pode,
nome do seu site, voc pode acessar o painel de controle de administrao. Preencha com o
usurio e senha que voc preencheu na primeira etapa de instalao do Joomla!
Abaixo voc pode visualizar uma imagem do Painel de Controle do Joomla. Atravs
deste painel voc poder gerenciar todas as ferramentas, gerenciar artigos, arquivos, mdias e
usurios. A partir deste painel executaremos todas as outras atividades deste tutorial.
Para facilitar a construo do nosso site, vamos trocar a lngua padro do sistema de
Aps selecione
boto
menu superior.
10
Marque o cone
Perceba que voc alterou apenas a linguagem para o site, o sistema de administrao
continua com a linguagem padro como Ingls. Ento no menu esquerdo selecione a opo
e siga os mesmos passos
Pronto! O seu Joomla! est totalmente em portugus agora, caso o idioma padro no
formato como seu site visualizado. Aqui mostraremos como fazer o download e instalar novos
templates. Voc pode encontrar o menu de gerenciamento de temas na tela inicial, no meu
esquerdo (
de controle.
) do painel
Neste menu voc poder ver todas os templates instalados no sistema. Observe que
11
Por ser um CMS gratuito e muito popular possvel encontrar diversos sites online com
templates gratuitos para o Joomla! no item 10. Algumas dicas e sites teis deste tutorial
oferecemos uma lista com alguns destes sites. Procure um template que mais o agrade, e faa
o download, no se esquea de conferir a verso do template, esta deve ser compatvel com o
Joomla que estamos utilizando (verso 3.4.1).
) ou no menu superior em
), selecione o arquivo de
).
Se tudo der certo, uma mensagem de sucesso aparecer na tela e o seu tema foi
instalado! Voc tambm pode instalar os temas atravs de uma URL, ou colocando o caminho
do diretrio do arquivo.
12
ir aparecer na lista de temas. Agora, voc tambm pode selecion-lo atravs do cone
Voc pode possuir vrios temas instalados em seu site, mas ter sempre apenas um
) para fazer
4. Gerenciamento de Menus
O Joomla permite a personalizao dos menus que temos no topo da pgina. Logo,
voc pode editar, remover e acrescentar seus prprios menus. A ideia permitir que as opes
mais usadas por voc estejam em um lugar apenas, agilizando e facilitando o processo de
gerncia do site.
4.1 Menus
Para acessar este gerenciador de menus, clique em
, na parte superior da
pgina. Voc ser redirecionado para o Gerenciador de Menus. Realizado isto, voc ter uma
tela como mostrada na figura 15:
13
Nesta pgina ser possvel gerenciar seus menus, com as opes Novo, Editar,
Eliminar e Reconstruir. Ao clicar em
Nesta pgina voc preencher um ttulo para o novo menu, o tipo de menu desejado e
uma possvel descrio. Por conseguinte, clicar em
menu. Se clicar em
forma, um novo menu ser adicionado. Criado esse novo menu, ser possvel visualiz-lo ao
posicionar o mouse sobre a opo
novos itens a esse menu criado.
14
possvel
gerenciar
os
itens
desse
menu.
Para
isso,
voc
deve
clicar
em
Nesta pgina, voc poder visualizar todos os itens correspondentes a cada menu de
seu site. Alm disso, voc pode gerenciar estes itens atravs das opes Novo, Editar,
Aqui ser possvel adicionar um novo item de menu. As opes marcadas com
asterisco devem ser preenchidas obrigatoriamente. So elas, um ttulo para o item de menu e o
15
. Logo, voc
ter uma nova janela, onde haver algumas opes para que voc a escolha. Alm disso, voc
tambm pode preencher os campos Hiperligao, com a localizao do item do menu, Janela
Alvo e Tema de Estilo, alm de outras configuraes de aparncia da pgina.
Feito isso, basta clicar em alguma das opes de Guardar. Com o item criado, voc
pode gerenci-lo de vrias maneiras. Uma forma ajustar a ordem na qual os itens aparecero
no menu, devendo voc clicar no item
ou
objetivo chamar ateno do nosso leitor. A melhor maneira de fazer isso inserindo imagens,
que representem o assunto no qual falaremos e que sirvam para ilustrar o texto. O Joomla
possui um timo gerenciador de multimdia que pode ser utilizado em qualquer parte editvel
do CMS. Vamos aprender uma maneira simples de organizar vrias imagens, videos e links e
utiliz-las em nossos artigos.
Para trabalhar com mdias, vamos abrir o painel do Joomla e vamos clicar no cone
-> "Gerenciador de Mdias".
16
Nesta pgina voc criar uma pasta nova e/ou adicionar mdias de acordo com sua
preferncia.
Para
adicionar
uma
imagem
basta
selecionar
pasta
clicar
em
imagem estar dentro de seu Joomla pronta pra ser usada em qualquer artigo. Como adicionar
imagens em artigos ser mostrado na sesso 8 (Gerenciamento de Artigos).
6. Gerenciamento de Usurios
O gerenciador de usurios permite a organizao do acesso s configuraes do site.
Voc poder criar e gerenciar usurios, definindo as permisses e configuraes de cada um.
O gerenciador de usurios pode ser acessado pelo menu lateral (
barra de menus superior (
).
) ou na
de usurio e categoria das notas. As abas de configurao podem ser encontradas na barra
lateral esquerda da pgina, e sero explicadas individualmente.
6.1 Usurios
Aba acessada ao entrar no gerenciador (ver figura 20). Aqui voc poder ver todos os
17
Aqui so inseridos os dados bsicos da conta, como nome, nome de usurio, senha e
Abas preenchidas, basta clicar em algum dos botes no topo da tela, como:
para salvar e continuar na tela de cadastro;
outro cadastro. De volta tela inicial, voc j ver o novo usurio listado.
para salvar e
18
As mesmas aes citadas acima podem ser feitas tambm pelos botes:
em
O boto
aba suspensa ser aberta, onde possvel adicionar, remover ou definir os usurios
selecionados na lista outros grupos, alm de poder modificar a exigncia de redefinio da
senha.
que os usurios se cadastrem no seu site. Para isso, v na tela inicial do Gerenciador de
Usurios e clique em
19
Nesta tela, voc poder permitir o cadastro de usurios, definir um grupo para o novo
usurio cadastrado, enviar a senha do usurio como parte do email de registro, notificar os
Ativao de Cadastro de
a conta.
salvar
quaisquer
alteraes,
basta
clicar
em
ou
adicionado tela de login do seu site, como pode ser visto na figura 25.
20
6.2 Grupos
Nessa aba, o administrador pode criar novos grupos para associar usurios. possvel
21
no menu superior. Na
tela de criao, basta inserir o nome do grupo e definir de qual outro grupo este novo ser filho.
O grupo filho herdar as permisses do grupo pai.
ou
. Para
Para editar o nome de um grupo ou mudar sua filiao, basta clicar em cima do nome
ou selecionar o grupo que se deseja editar e clicar em
na
na barra de menu superior. No item 10. Algumas dicas e sites teis, voc
encontrar a documentao sobre Access Control List (listas de controle de acesso), onde
poder entender um pouco melhor sobre grupos, nveis e permisses de aes.
6.3 Nveis de Acesso de Visualizao
Aqui o administrador pode definir o nvel de acesso em que cada grupo fica restrito.
22
. Na tela de criao do
nvel, deve-se informar um nome e selecionar os grupos. Feito isso, basta clicar em alguma das
opes para salvar.
23
Para editar algum nvel, basta ir at a aba de Nveis de Acesso de Visualizao, clicar
no nome ou selecionar o desejado e clicar em
em
.
6.4 Notas
Nessa aba, o administrador pode adicionar e gerenciar anotaes sobre cada usurio.
24
excluir notas, basta ir na tela inicial da aba Notas, selecionar as notas que se deseja realizar
alguma ao e utilizar os botes no topo da aba.
Nessa aba possvel categorizar as notas. O sistema oferece por padro a categoria
Assim como nas abas anteriores, a criao bem como todas as aes sobre as
categorias j criadas, como editar, publicar, arquivar, entre outras, podem ser feitas pelos
botes de funo no topo da aba.
7. Gerenciamento de Categorias
Essa rea permite a criao de categorias para os artigos, que auxiliam na classificao do
contedo do site. As categorias funcionam como pastas, e servem para identificar artigos com
contedo semelhante (que possuem o mesmo assunto, por exemplo).
A arquitetura Joomla exige que todos os artigos pertenam a uma categoria. Por isso, antes
de comear criando as categorias, preciso pensar nos nomes que voc pode precisar. Pense
em uma categoria como uma pasta e os artigos como os documentos dentro da pasta.
Para criar uma nova categoria selecione "Gerenciador de Categorias" na pgina inicial, ou
25
8. Gerenciamento de Artigos
Artigos esto entre as propriedades mais importantes do seu site, pois eles so o
contedo propriamente dito do seu site, sero as noticias e o que voc gostaria de passar ao
26
Para cada campo na criao do artigo deve-se saber o que estes significam.
27
4. Estado - Define a situao atual do artigo (se j est publicado, por exemplo);
5. Nvel de acesso - Escolhe quem tem acesso esse artigo (se ele pblico,
apenas para usurios registrados ou apenas para administradores do site);
10. Contedo do artigo - Nesse grande campo texto deve ser redigido o contedo
propriamente dito do artigo;
"Imagem":
-
O primeiro voc utiliza se voc deseja que as pessoas vejam uma pequena previso do
artigo e, clicando em "Leia mais" sejam transferidas para o artigo para ler todo seu
J o segundo basta voc clic-lo para que o um meno familiar com o gerenciador de
mdias se abra e voc selecione a imagem desejada.
28
Aps finalizado o artigo, voc deve salv-lo, selecionando uma das quatro opes de
Importante: Tome cuidado com a opo "Salvar Como", pois esta salva uma duplicata
Toda vez que voc desejar alterar um artigo basta voc navegar novamente at o menu
de artigos. E inserir o nome do artigo ou parte do nome no campo filtrar e clicar em buscar.
29
Esta busca retornar todos os artigos relacionados com a busca, basta selecionar o
Para excluir um artigo basta selecionar o desejado e no menu superior clicar em lixeira
ou despublicar de acordo com o seu objetivo para com o artigo. Conforme a figura 39:
9. Adicionando Extenses
aplicaes desenvolvidas para adicionar caractersticas ao seu site, como data e hora,
calendrio, previso do tempo, redes sociais, entre outras. Voc pode encontrar extenses
testadas e aprovadas pela comunidade Joomla! no Joomla! Extensions Directory (ver item
10. Algumas dicas e sites teis).
contedo na pgina principal), mdulos (aplicao para mostrada como parte da pgina),
plugins (funo executada em resposta a eventos), temas e idiomas.
ou em
30
No menu lateral, voc tem acesso diferentes reas para tratar sobre as extenses.
extenses existentes que podem no ter sido instaladas durante o processo normal de
instalao.
contm
, voc poder
voc poder
Enviar pacote de arquivos: voc pode fazer o upload do arquivo compactado (.zip) de
alguma extenso baixada da web. Basta clicar em
selecionar o arquivo .zip da extenso e depois em
e pronto! O Joomla!
31
Instalar a partir de uma URL: se a extenso que voc deseja instalar est disponvel
em uma URL, voc pode instal-la por esta aba. Basta inserir a URL e confirmar a
instalao.
32
Na tela inicial de cada gerenciador, estaro listadas todas as extenses daquele tipo.
Para alterar as configuraes de uma extenso, clique no nome dela ou marque a(s)
desejada(s) e clique em
utilizando os botes na parte superior do gerenciador, como pode ser visto na imagem abaixo.
Aps a instalao e configurao de uma extenso, voc pode verificar como ficou o
para visualizao de data e hora no site.
33
2.1 http://www.freshjoomlatemplates.com//
2.2 http://www.joomshaper.com/joomla-templates
2.3 https://www.joomlashine.com/free-joomla-templates.
2.4 http://www.joomlart.com/joomla/templates
2.5 http://www.templatejoomla.com.br/
ervidor
11. Referncias
1. Tutorial Iniciantes - Documentao do Joomla Encontrado
https://docs.joomla.org/Tutorials:Beginners/pt-br - Acessado em Maro de 2015
2. Joomla! 2.5 - Livro do Iniciante
Acessado em Abril de 2015
3. Tutoriais de Joomla
de 2015
4. Joomla Tutorials
Maro de 2015
em:
34