You are on page 1of 5

PUC MINAS CONTAGEM

Curso: Sistemas de Informação


Disciplina: Seminários I
Professor: Breno Augusto Dias Vitorino
Data: 28/03/2009

Joomla! 1.5 – Principais recursos


Referências bibliográficas
• NORTH, Barrie. Joomla!: Guia do Operador. Rio de Janeiro: Alta Books, 2008. 384 p. ISBN-10
9788576082040.
• RAHMEL, Dan. Beginning Joomla!: From Novice to Professional. Berkley: Apress. 2007. 475 p.
ISBN-13 978-1590598481.

Objetivo
Nesse roteiro, suponho que o Joomla! 1.5 já esteja instalado e funcional, e sua interface de
administração esteja em português. Se não for o caso, consulte o documento anterior, “Joomla! - Roteiro de
Instalação” para fazer a instalação.
Nos próximos passos, mostrarei algumas “receitas de bolo” simples para fazer a customização do seu
próprio site no Joomla. Mostrarei como manipular o conteúdo do site, através dos recursos de Seções,
Categorias e Artigos, além do próprio visual e recursos disponíveis no site, fazendo alterações no Tema
escolhido e nos módulos habilitados.

Alguns conceitos principais


É importante entender os principais conceitos envolvidos na construção de sites Joomla!. Em
primeiro lugar, todo o conteúdo do site é organizado em artigos. Um artigo possui um título, um autor, e um
contéudo, o qual pode conter textos, imagens e formatação. Os artigos estão organizados em seções e
categorias. Toda categoria é vinculada à uma seção, logo, temos uma relação hierárquica entre esses dois
tipos de organização. Por exemplo, em um site dedicado à doença da dengue, poderíamos ter a seguinte
organização:

Nesse caso, temos três seções: Sobre (para informações sobre o próprio site), A Doença (descrição
sobre a doença e seus vetores) e Prevenção (sobre os meios de prevenção dessa doença). Subdividimos a
seção Prevenção em duas categorias: Vacina (sobre pesquisas para uma vacina contra a dengue) e
Campanhas (sobre campanhas públicas em diversas regiões do país).
As seções e categorias organizam os artigos, facilitando sua busca pelos usuários do site. Por
exemplo, aqueles que quiserem saber sobre campanhas sobre a dengue, deve ver todos os artigos associados
à categoria “Campanhas”, na seção “Prevenção”.
Um site também possui um ou mais menus, que permitem rápida navegação do usuário por assunto

1/5
ou interesse. Por exemplo, na figura abaixo, o menu mostra os links mais relevantes para o usuário. Por
exemplo, se ele foi ao site para saber sobre serviços, provavelmente o link “Marcação de Serviços” lhe será
útil.

Quanto ao leiaute do site, ele é gerido por um tema. O tema diz qual a cor e tamanho da fonte de
cada texto, a posição do logo do site (se houver), posição dos menus, enquetes, textos recorrentes no
cabeçalho e rodapé das páginas, entre outros. Existem vários temas para Joomla! Para serem baixados na
Internet e instalados, além daqueles que vêm por padrão na instalação.
Como pontos de extensão do Joomla!, temos os módulos, plug-ins e componentes. Os módulos são
responsáveis por funcionalidades mais simples, como enquetes ou banners. Os plug-ins estão integrados
mais à fundo no Joomla!, oferecendo funções mais avançadas como autenticação e pesquisa no site. Os
componentes, por sua vez, colaboram com os módulos para oferecer alguma funcionalidade. No caso do
banner, temos um módulo que exibe a imagem na tela, e o componente correspondente que recupera a
imagem a ser exibida e monitora os cliques do usuário sobre aquele banner.
Todas as alterações no site são realizadas por usuários, que por sua vez pertencem a um grupo. Para
cada colaborador do site, deve-se ter um usuário correspondente. Os grupos determinam quais são as
restrições de cada usuário. Basicamente, existem grupos de administração, cujos usuários podem alterar a
estrutura do site (módulos, temas, etc.), enquanto os grupos de contéudo apenas inserem, removem ou
revisam conteúdo do site, sem alterar sua estrutura.

Principais recursos
Todos os recursos descritos abaixo são acessíveis a partir da interface de administração, que está disponível
no seguinte endereço: http://localhost/joomla/administrator/.

1. Remover artigos / categorias / seções


Como os artigos estão contidos em categorias, e as categorias em seções, deve-se eliminá-los nessa
ordem, a fim de respeitar suas dependências. Veja como proceder.
1. Vá ao menu “Conteúdo”, e clique em “Administrar Artigos”.
2. Selecione os artigos que deseja excluir, clicando na caixa de seleção à esquerda do nome de cada

2/5
artigo. A caixa de seleção ao lado do caractere # seleciona todos os artigos que estão sendo exibidos na
tela.
3. Clique no botão “Lixeira”, no canto superior direito da tela.
4. Os artigos irão para a “Lixeira”, da qual também devem ser removidos a fim de definitivamente
liberar recursos no servidor. Vá ao menu “Conteúdo”, e clique em “Administrar Artigos na Lixeira”.
5. Selecione os artigos e clique em “Remover” para removê-los do sistema.
6. Aparecerá uma tela de confirmação, basta clicar novamente em “Remover” para concluir a operação.
7. Agora que todos os artigos foram excluídos, você será capaz de remover qualquer categoria. Vá ao
menu “Conteúdo”, “Administrar Categorias”.
8. Selecione as categorias que deseja excluir e clique no botão “Remover”.
9. Por fim, vamos remover as seções. Vá ao menu “Conteúdo”, e clique em “Administrar Seção”.
10. Selecione as seções que deseja excluir e clique em “Remover”.
11. Pronto, você remover todo o conteúdo do site, e pode agora definir suas próprias seções, categorias e
artigos.

2. Criar uma nova seção


1. Vá ao menu “Conteúdo”, e clique em “Administrar Seção”.
2. Clique em “Novo”.
3. Preencha o “Título” e a “Descrição”.
4. Clique em “Salvar” para concluir a operação.

3. Criar uma nova categoria


1. Vá ao menu “Conteúdo”, e clique em “Administrar Categorias”.
2. Clique em “Novo”.
3. Preencha o “Título”.
4. Escolha a seção à qual essa categoria pertence, na caixa de seleção “Seção”.
5. Preencha o campo “Descrição” da categoria.
6. Clique em “Salvar”.

4. Inserir um novo artigo


1. Vá ao menu “Conteúdo”, e clique em “Administrar Artigos”.
2. Clique no botão “Novo”.
3. Preencha as caixa de texto “Título” com o título do artigo.
4. Escolha uma seção e uma categoria para o artigo, ou selecione “Sem Categoria” na caixa de seleção.
5. Digite o texto principal do artigo no editor de texto.
6. Caso deseje inserir uma imagem ao artigo:
6.1.Clique no botão “Imagem”, localizado na parte inferior do editor.
6.2.Clique no botão “Arquivo...” para localizar a imagem, em seu computador, a imagem que deseja
inserir no artigo.
6.3.Ao voltar para a janela de imagem, clique em “Iniciar envio” para enviar a imagem para o

3/5
servidor.
6.4.Selecione a imagem que você acabou de enviar na lista de arquivos e clique em “Inserir” para
inserir essa imagem ao artigo.
7. Caso deseje inserir uma imagem ao artigo:
8. Clique no botão “Pré-visualizar” para ver como seu artigo irá aparecer no site. Caso esteja satisfeito,
clique no botão “Salvar” para inserir o artigo definitivamente.

5. Remover um menu
1. Vá ao menu “Menus”, e clique em “Administrar Menus”.
2. Selecione um menu, usando a botão de seleção à esquerda do nome do menu.
3. Clique em “Remover” para excluí-lo do sistema.
4. Alguns desses menus possui objetivos específicos no sistema:
User Menu: menu exibido após fazer o login no site. Exibe opções, por exemplo, para inserir novos
artigos no site.
Top Menu: menu exibido no topo do site, em destaque.

6. Inserir opções em um menu


1. Vá ao menu “Menus”, e clique em “Administrar Menus”.
2. Clique sobre o ícone “Itens de Menu” correspondente ao menu que deseja alterar.
3. Clique em “Novo”.
4. Selecione um tipo de menu. O tipo de menu se refere a que tipo de link será exibido no menu: um
link direto para um artigo, ou um link para uma seção ou categoria, ou um link para a página inicial ou
para a tela de login. Nesse exemplo, vamos inserir um link para uma seção.
Em “Link interno”, clique em “Artigos”, espere a tela recarregar e clique em “Layout do Blog de Seção”.
5. Escreva um “Título”, selecione o menu em que será exibido na caixa de seleção “Exibir em”, e
escolha a “Seção” correspondente na caixa “Parâmetros (Básico)”, à direita.
6. Clique em “Salvar” para concluir.

7. Alterar o tema
1. Vá ao menu “Extensões”, e clique em “Administrar Tema”.
2. Escolha um tema na lista exibida, através do botão de seleção à esquerda do nome do tema. Por
padrão, há somente três temas: beez, JA_Purify e rhuk_milkaway (selecionado por padrão).
3. Clique em “Padrão” para alterar o tema.
4. Para ver as alterações, clique em “Pré-visualizar”, localizado no canto superior direito.

8. Instalar um tema
1. Faça o download de um tema na Internet. Uma galeria de temas gratuitos pode ser encontrada no
endereço http://www.joomla24.com/.
2. Vá ao menu “Extensões”, e clique em “Instalar/Desinstalar”.
3. Escolha o arquivo .zip contendo o tema através do botão “Arquivo...”.
4. Clique em “Enviar arquivo e Instalar” para efetuar a instalação.

4/5
5. Siga os passos do roteiro 7. Alterar um tema para visualizar o tema que foi instalado.

9. Customizar um tema
1. Vá ao menu “Extensões”, e clique em “Administrar Tema”.
2. Escolha um tema na lista exibida, através do botão de seleção à esquerda do nome do tema, e clique
em “Editar”.
3. Clique em “Editar HTML” caso deseje alterar algum conteúdo exibido no tema, ou “Editar CSS”
caso queira alterar a forma de exibição do conteúdo.
4. Nesse ponto, vale a experimentação, fazendo as alterações desejadas, clicando em “Aplicar” e depois
em “Pré-visualizar”.

10. Desativar um módulo (banner)


No conteúdo de exemplo, vemos um banner que está presente em todas as páginas do site. Para removê-
lo, é preciso desativar seu módulo correspondente:
1. Vá ao menu “Extensões”, e clique em “Administrar Módulo”.
2. Clique sobre o ícone Habilitado relativo ao módulo que deseja desativar, nesse caso, “Banners”. O
ícone passará ao símbolo de desabilitado (um ícone vermelho), indicando que a alteração foi feita com
sucesso.

Continuando os estudos
Com os principais recursos mostrados aqui, já podemos fazer diversas customizações ao site,
modificando totalmente seu conteúdo e fazendo algumas alterações de leiaute. Para continuar os estudos, é
importante procurar as referências bibliográficas mostradas no início do documento, sobre Joomla!
Para customizar temas, é importante aprender sobre as tecnologias HTML e CSS. Para começar,
você pode ler os seguintes sites:
Aprenda HTML e CSS: http://pt-br.html.net/
Tutorial HTML do ICMC-USP: http://www.icmc.usp.br/ensino/material/html/
Assim como os temas, existem diversos módulos e plug-ins gratuitos que você pode encontrar na
Internet, para acrescentar funcionalidades ao seu site, como comércio eletrônico e fóruns, por exemplo.
Algumas delas, você pode encontrar no endereço http://extensions.joomla.org/.
Para criar seus próprios módulos e/ou plug-ins, é importante estudar, além do próprio Joomla!, a
linguagem PHP, na qual reside a lógica de execução das extensões do Joomla!. Um boa fonte de referência é
a documentação oficial do PHP em http://www.php.net/manual/pt_BR/.

5/5

You might also like