Introdução

Este manual é uma introdução ao Sistema Gestor de Conteúdo Joomla! Utilize este guia para rapidamente
dominar a operação básica do Joomla!, e também como uma referência para executar tarefas comuns.
Assim que tiver dominado o básico, é recomendável que se familiarize com algumas das facilidades mais
avançadas, que se acham detalhadas na documentação oficial, a fim de obter o melhor para seu website.
Aparecem em negrito palavras-chave ou pontos fundamentais, para ajudar V. a encontrar no texto,
rapidamente, o que busca.

Princípios Básicos – Importante!

Antes que possa entender como operar o Joomla!, V. precisa conhecer os princípios básicos que
fundamentam o

sistema. Se pular esta seção, provavelmente terá dificuldades mais tarde.

Sendo um 'Sistema de Gerenciamento de Conteúdo' (CMS), o que o Joomla! faz é organizar o conteúdo
do seu

website. Isso significa que V. precisa pensar sobre seu website em termos de estrutura de conteúdo, mais
que o

resultado final (as páginas web). A sensação de 'ver e sentir' ou o tema de seu website é completamente
separado

do conteúdo – as cores, fontes, alinhamentos, posicionamentos etc são todas determinadas pela template
que V.

aplica, em vez de serem embutidas em seu conteúdo. Assim, ao aplicar uma template diferente ao seu
website, ele

ganha uma aparência e uma sensação diferentes, sem que V. tenha que mexer no conteúdo.

Criar uma template é um exercício relativamente técnico (embora não tão difícil) que requer algum
conhecimento de

XHTML e PHP. Se V. nada sabe dessas duas linguagens, é melhor usar algumas das várias templates
grátis, de

código aberto – ou então contratar um profissional para desenvolver uma template sob medida, que
atenda suas

necessidades ou se alinhe à 'imagem corporativa' atual. Para detalhes sobre como instalar e aplicar uma
template,
veja o appendix A no final deste documento.

Depois de escolher e instalar uma template, V. pode começar a trabalhar no conteúdo. Seu conteúdo pode
ser

organizado então em seções e em categorias:

Seções são continentes que abrigam uma ou mais Categorias.

Categorias são continentes que abrigam um ou mais Itens de Conteúdo.

Itens de Conteúdo são os artigos que efetivamente fazem o conteúdo de seu website.

Por exemplo, se V. for um consultor financeiro desejando publicar artigos aconselhando sobre diferentes
opções de

investimento, pode criar uma seção chamada 'Investimentos', a qual conterá categorias como 'Seguro de
Vida',

'Poupança' e 'Ações e Participações'. Dentro da categoria 'Seguro de Vida', poderá colocar diversos itens
de

conteúdo relacionados com essa categoria, tais como 'Dotações', 'Anualidades' etc.

Para acrescentar um novo artigo (um item de conteúdo) ao seu website, V. terá que atribuí-lo a uma
categoria, e

atribuir esta categoria a uma seção. Isso significa que deve pensar cuidadosamente sobre seções e
categorias a

serem criadas antes de começar a acrescentar conteúdo. É possível mover itens entre categorias e seções
depois de

criá-los, mas é muito mais fácil e demora menos pensar antes e primeiro definir a estrutura de conteúdo,
para só

então adicionar os itens.

Depois que definiu uma seção, acrescentou a ela uma categoria, e adicionou a esta categoria um item
(como fazer

isso aparece logo adiante), este item não ficará visível em seu website até que seja publicado. Isso é
conveniente

porque permite guardar no site conteúdo que ninguém deve ver até que esteja pronto para ser visto. V.
também pode
especificar no Joomla! que um artigo seja publicado numa determinada data futura, e que expire em outra
data – um

bom controle para divulgação de informação que dependa de datas, pela sua natureza.

Mesmo quando uma seção, categoria ou item está 'publicado' é preciso haver um jeito dos visitantes do
seu site

navegarem até o conteúdo que desejam. Isso requer a montagem de um sistema de menu, e uma ligação
(o

conhecido link) até ele. Seu sistema de menu não precisa exatamente refletir a estrutura de suas seções e

categorias, embora esta seja a maneira mais fácil. A estrutura seção/categoria/item existe é para facilitar a
sua vida

de administrador. Os visitantes do site verão o conteúdo por meio dos menus, que são uma espécie de
'janela'

controlada para o conteúdo.

Então, para resumir: como administrador, V. constrói e visualiza o conteúdo do site numa hierarquia de
seções,

categorias e itens de conteúdo. Quando estiver satisfeito com essa estrutura, V. então cria itens de
menu, e os liga

ao respectivo item de conteúdo. Um item de menu pode apontar para uma seção, uma categoria, ou
diretamente a

um item de conteúdo. Quando uma opção de menu faz a ligação com um continente (isto é, uma seção ou
uma

categoria), o visitante terá uma lista dos itens contidos, assim como qualquer conteúdo introdutório que
V. poderá

definir para aquela determinada seção ou categoria.

Logando-se no Joomla!

Para acessar o painel de controle do Joomla!, digite o endereço de seu site (ou o endereço completo da
pasta em

que V. instalou o Joomla!) seguido de ‘/administrator’. Por exemplo, se o endereço do site for
www.mycompany.com,
para acessar o Joomla! Você normalmente digita: www.mycompany.com/administrator. Isso lhe traz a
seguinte

página de login do Joomla!:

Figura 1 – Tela de Login como Administrador do Joomla!

Nota: É possível aplicar uma template ao programa de administração. Se alguém instalou o Joomla!
para você, pode

ter mudado a aparência dessa tela, e então as imagens de tela mostradas neste documento não serão
idêntica aos

do seu sistema. Mesmo se isso acontece, as funções ilustradas deverão estar disponíveis a você, e
também serão

os mesmos os princípios gerais de funcionamento do sistema.

Digite seu nome de usuário e senha, pressione a tecla 'enter' ou clique em 'Login' para entrar na página de

Administração do Joomla! Essa página dá fácil acesso a todas as funções do Joomla! Você poderá voltar a
esta

página a qualquer tempo, bastando clicar na opção 'Home' do menu, que aparece no canto superior
esquerdo (veja a

Figura 2).

Figura 2 – Página de Administração do Joomla!

Criando uma Seção

A primeira coisa que vamos fazer é criar uma seção – ou seja, uma repartição geral, do nível superior,
que será

depois dividida em categorias. Para criar uma nova seção, clique no ícone Gerenciador de Seçõesque
aparece na

página inicial, ou selecione essa opção do menu 'Conteúdo', como aparece na Figura 3.

Figura 3 – Acessando o Gerenciador de Seções

Isto leva você à tela do 'Gerenciador de Seções', que permite acrescentar ou editar seções. No exemplo
mostrado na

figura 4, já existe uma seção chamada 'Notícias', outra chamada 'Perguntas Mais Freqüentes' e ainda uma
outra,
'Flashes de Notícias'. Se quiser editar qualquer dessas seções, só precisa clicar no link vermelho (ou então
marcar a

caixa junto do link, e aí selecionar 'Editar' na barra de ferramentas). Para criar nova seção, apenas clique
no botão

'Nova' da barra de ferramentas.

Figura 4 – O Gerenciador de Seções

Isto leva você para dentro do editor de seções. Sempre que entrar num editor desses, o menu principal
estará

desativado (inclusive a opção de retornar à página inicial, o que pode ser desconcertante para alguns!).
Não se

apavore, porém – há uma boa razão para isso. Toda vez que se entra num editor, o item que estiver
editando fica

'reservado' para você. Essa medida de segurança serve para impedir que outra pessoa que eventualmente
tenha

também direito de uso da mesma ferramenta de administração tente editar um item em que V. já esteja
trabalhando.

Para devolver esse item à atividade comum (e assim permitir que outro administrador o edite), você
precisa clicar no

botão 'salvar' da barra de ferramentas (se quiser efetivar as alterações que acabou de fazer) ou então usar o
botão

'cancelar' (que descartará qualquer mudança). Em qualquer dessas duas hipóteses, o menu principal ficará
ativo

novamente. Versões antigas do Mambo (do qual se originou o Joomla!) tinham uma forma de operação
diferente.

O editor de seção permite digitar um título e um nome para sua seção, e qualquer texto introdutório que
V. desejar.

O 'título' serve de forma abreviada (uma ou duas palavras) que aparecerá nos menus ou listas, enquanto o
'nome'

pode ser um pouco mais longo e assim será usado como cabeçalho da página. Mas, se quiser, pode usar o
mesmo

texto tanto no título como no nome, desde que não seja muito longo.
V. também pode especificar uma imagem a ser associada à seção. Imagens podem ser carregadas no
servidor por

meio do Gerenciador de Meios – veja a documentação oficial na área de ajuda do website do Joomla!

(http://jcsites.com ) caso queira mais informação sobre como fazer isso. A opção 'Posição da Imagem'
possibilita

especificar em qual ponto da página a imagem deve aparecer. Por enquanto, podemos pular esta e outras
opções

desta página, e seguir adiante, até a área 'descrição', que é a caixa branca e grande no pé da Figura 5 (pode
não

aparecer branca no seu sistema – lembra-se do que falamos de haverem instalado outra template para
você?

Figura 5 – O Editor de Seções

A área 'descrição' permite descrever os conteúdos da seção. Lembre-se de que os conteúdos de uma
seção

serão uma ou mais categorias, e de que o visitante do seu website poderá ler essa descrição, a qual estará

acompanhada de uma lista das categorias dentro da seção.

A área de descrição na verdade utiliza um componente de terceiros (ou seja, não é do Joomla!), que é um
Editor de

HTML. O Joomla! permite que V. use qualquer um dentre diversos editores de HTML, mas o que
recomendamos, e

que aparece ilustrado aqui, é denominado Tiny MCE. Este editor produz código HTML que obedece aos
padrões

internacionais estabelecidos pelo consórcio World Wide Web. Se não sabe o que isso significa, não se
preocupe –

basta saber que é possível que V. veja um editor um pouco diferente do mostrado aqui.

Mas, se um editor de HTML não aparece em seu sistema, V. precisará instalar ou ativar um editor desses.
O Joomla!

vem com o Tiny MCE já instalado e ativado. Muitas pessoas preferem o editor mosCE – que é uma
versão melhorada

do TinyMCE.
Pode-se usar a área da barra de ferramentas no topo da caixa de descrição para modificar o formato de
sua

descrição – acrescentar negrito, itálico, marcadores numéricos etc. A caixa tipo dropdown 'Estilos' lista
todas as prédefinições

de estilos montadas na template que V. está usando. Os efeitos disso sobre o texto selecionado podem

ser dos mais diversos: mudança de cor, alteração de tamanho, acréscimo de uma imagem de fundo, e
muitos outros.

Você pode destacar algum texto e selecionar um estilo para aplicar nele.

Junto à caixa dropdown 'Estilos' está uma outra caixa desse tipo, que permite especificar o tipo de
informação

que você está escrevendo – por exemplo, pode-se especificar que o texto selecionado seja formatado
como um

cabeçalho principal, ou um sub-cabeçalho, ou apenas o texto de um parágrafo. A maneira como essas

opções

afetam seu texto depende das definições da template. As outras opções na barra de ferramentas são
bastante

semelhantes aos tipos de opções que V. tem na maioria dos editores de textos. Assim, essa operação deve
ser

familiar a você. Se precisar de mais ajuda, pode clicar no ícone de interrogação. (Veja a Figura 6).

Figura 6 – Editor Tiny MCE HTML

Quando houver terminado de criar ou editar sua seção, clique no botão 'Salvar' da barra de ferramentas,
que aparece

no canto superior direito da tela, para salvar seu trabalho (conforme mostrado na Figura 5, acima). Isto
levará V. de

volta ao Gerenciador de Seções, como está mostrado na Figura 4. Note que também pode usar o botão
'Aplicar' da

barra de ferramentas para salvar seu trabalho sem no entanto deixar o editor.

Criando uma Categoria

Criar uma categoria é semelhante a criar uma seção. Da página inicial (Figura 2) V. pode selecionar o
ícone
'Gerenciador de Categoria', ou então acessá-lo por meio do menu 'Conteúdo' (ver Figura 3). O gerenciador
de

categoria se parece muito com o gerenciador de seção, mas tem um par de opções adicionais: você pode
filtrar até

uma seção específica e também mover uma categoria para uma seção diferente (ver Figura 7).

Figura 7 – O Gerenciador de Categoria

Clicando no botão 'Novo' da barra de ferramentas, ou num link para uma categoria existente, V. entra no
Editor de

Categoria, que é (adivinhou?) muito parecido com o Editor de Seção (Figura 5). Na verdade, a única
diferença é que

V. também tem que especificar a qual seção deve ser atribuída a categoria.

Criando um Item de Conteúdo

O passo seguinte é criar um item de conteúdo – ou seja, uma peça de conteúdo que se encaixe numa das
suas

categorias. Há várias maneiras de fazer isso:

1) Você pode ir a uma seção por meio da opção 'Conteúdo por Seção' do menu 'Conteúdo' (o qual por sua
vez

irá levá-lo até uma lista de todos os itens daquela seção – e V. poderá fazer um filtro por categoria, se

desejar);

2) Clicar no ícone ‘Gerenciador de Itens de Conteúdo’ da página inicial ou na opção 'Todos os Itens de

Conteúdo' do menu 'Conteúdo' (o qual levará V. a uma lista de todos os itens em todas as seções –

novamente, V. pode então filtrar por seção e/ou por categoria, se desejar).

3) Clicar no ícone 'Acrescentar Novo Conteúdo' da página inicial – o qual levará V. diretamente para
dentro do

Editor de Item de Conteúdo (Figura 10).

Usando a opção 'Conteúdo por Seção' (método 1, acima) ajuda V. a manter as coisas organizadas, porque
o

conteúdo que estiver editando será automaticamente filtrado até uma determinada seção. Isso pode não
parecer
importante, mas, quando V. tem uma porção de itens de conteúdo, fica bem mais fácil ver o que é o quê.
Assim,

embora o método 3 seja o mais simples, vamos demonstrar a seguir o uso do método 1, que também
permite exibir a

tela Gerenciador de Itens de Conteúdo.

Figura 8 – Acessando o Gerenciador de Itens de Conteúdo

O Gerenciador de Itens de Conteúdo aparece como na Figura 9. Note: se V. acessar a lista por meio do
ícone 'Todos

os Itens de Conteúdo', terá disponível uma caixa tipo dropdown adicional, que lhe permitirá filtrar até
uma

determinada seção).

Figura 9 – O Gerenciador de Itens de Conteúdo

Ao criar ou editar itens, V. tem algumas opções disponíveis a mais que para seções ou categorias. Como
poderá ver

na Figura 10, o editor de item de conteúdo possui dois editores de HTML. Isso permite dividir seu
conteúdo em

duas partes, se desejar: uma introdução e o artigo principal. Essa divisão de conteúdo possibilita
apresentar todos os

itens de uma determinada categoria no estilo de um 'Blog' ou diário.

Um Blog (abreviação de 'weblog') é um jeito cada vez mais popular de apresentar informações ou artigos
que são

freqüentemente atualizados – notícias ou press releases, por exemplo. Em vez de uma simples lista de
links para os

diversos artigos, V. apresenta um título e um ou dois parágrafos iniciais, além do link para a íntegra do
artigo. Isso

ajuda os visitantes do site a procurar os artigos em oferta e selecionar aquele que desejam ler. O parágrafo
inicial

pode ser o primeiro parágrafo do artigo ou um resumo do que se trata no artigo – um chamariz, para
motivar o

visitante a clicar no link para ler o artigo principal.

Se não quiser usar o método de blog, V. pode simplesmente digitar todo o seu conteúdo no primeiro
editor de HMTL,

e deixar o segundo em branco.

Figura 10 – O Editor de Item de Conteúdo

A caixa de diálogo com abas, à direita, oferece opções adicionais para controlar o item de conteúdo. As
figuras de 11

a 14 explicam as quatro primeiras abas. A aba final será explicada na próxima seção (Construindo um
Menu – Figura

15).

Figura 11 – Editor de Item de Conteúdo: Aba de Publicação

Figura 12 – Editor de Item de Conteúdo: Aba de Imagens

Quando quiser usar algumas das imagens em seu conteúdo, empregue o botão especial 'mosimage' que
fica

embaixo e à esquerda do Editor de HTML (ver Figura 10). Ele insere o texto {mosimage} no seu
conteúdo – sendo

{mosimage} um marcador de lugar para dizer ao Joomla! que deve inserir apróxima imagem na lista de
imagens de

conteúdo naquele local. A imagem não ficará visível no seu conteúdo até que V. faça uma pré-
visualização do site.

You can use {mosimage} as many times as you like: each time the {mosimage} placeholder is
encountered, Joomla!

will just take the next image on the list – so make sure the images in the list are in the correct order by
using the ‘up’

and ‘down’ buttons. If you have read Netshine Software’s Joomla! Glossary, you might recognise that
mosimage is an

example of a ‘mambot’.

V. pode usar {mosimage} quantas vezes quiser: cada vez que encontra um marcador {mosimage}, o
Joomla!

Simplesmente apanha a próxima imagem da lista – por isso, não deixe de colocar as imagens na lista na
ordem
correta, para tanto usando os botões 'acima' e 'abaixo'. Se já leu o Joomla! Glossary da Netshine
Software’s, irá

reconhecer que mosimage é um exemplo de um ‘mambot’.

Note: Você também pode usar o 'Gerenciador de Meios' para carregar e organizar as imagens dentro de
pastas, se

desejar. A caixa tipo dropdown 'Sub-Folder', que aparece sob a lista de imagens na aba de imagens,
permite que V.

vá ao fundo da pasta desejada.

Figura 13 – Editor de Item de Conteúdo: Aba de Parâmetros

Muitas das definições da aba de parâmetros podem ser feitas num nível global (selecionando o ícone
'Configuração

Global' da página inicial). Mas elas também são apresentadas aqui para que V. possa predominar sobre as
definições

globais para um item específico, se desejar. Passando o mouse sobre as legendas (as quais têm linhas
tracejadas

sob elas), V. lerá uma curta explicação sobre a definição. Contudo, as caixas do tipo lista dropdown às
vezes

atrapalham a visão do texto, de modo que V. poderá precisar de mover o mouse em volta para ler todo o
texto!

Figura 14 – Editor de Item de Conteúdo: Aba Meta Info

Montando um Menu

Agora que já montamos alguns conteúdos estruturados, precisamos oferecer aos nossos visitantes um jeito
de

acessar a informação que buscam. Para acessar seu conteúdo, o usuário precisará de um menu de escolha
de

opções. Um menu pode ser entendido como uma coleção de botões que levam os visitantes do website
aos itens de

conteúdo.
No Joomla!, V. pode ter mais que um menu, mas, para efeito deste tutorial de início rápido, nós nos
concentraremos

no menu principal, que é onde provavelmente desejará colocar a maior parte dos seus itens de menu. O
jeito como

se exibe o menu é determinado pela template e/ou pelo módulo relacionado ao menu. Numa forma mais
simples, isto

seria apenas uma série de links de texto que conduzem ao conteúdo. Num jeito mais complexo, pode-se
oferecer

menus múltiplos em cascata e sub-menus (embora isso requeira do criador da template o uso de uma
linguagem de

programação tipo 'client-side', como a javascript).

O jeito mais simples (mas algo restritivo) de acrescentar link a um item é usar a aba final da caixa de
diálogo no

editor de item.

Figura 15 – Editor de Item de Conteúdo: Aba de Link para Menu

Um jeito alternativo (e mais flexível) de acrescentar opções de menu é usar o gerenciador de menu. Faz-
se isso

selecionando 'Menu Principal' do menu 'Menu' (entendeu?). Veja a Figura 16.

Figura 17 – Acessando o Gerenciador do Menu Principal

Isto leva V. ao gerenciador de menu para o menu principal, que parece e se comporta muito semelhante
aos

gerenciadores de seção e de categoria, como poderá ver na Figura 17.

Figura 17 – O Gerenciador de Menu para o Menu Principal

Quando V. seleciona acrescentar um item de menu, é levado ao editor de menu, que pode confundir um
pouco,

porque há muitas opções. AS mais importantes estão destacadas na Figura 18.

Figura 18 – Acrescentando um Item de Menu: Passo 1

Quando V. clica em 'Próximo' ou num de seus links, apresenta-se uma outra tela que permite especificar
informações
adicionais, tais como o nome do menu, a qual item de conteúdo se deve ligar, e se deve ou não abrir uma
nova

janela para o conteúdo vinculado. As opções exatas dependerão de qual tipo de menu V. selecionou no
primeiro

passo. Mas a Figura 19 mostra o que V. terá se preferir um link direto ao item de conteúdo.

Figura 19 – Acrescentando um Item de Menu: Passo 2

A caixa tipo dropdown 'Item Pai' lista todos os seus atuais itens de menu, e permite especificar um deles
como 'pai'

deste item de menu. Isto só lhe serve se sua template inclui um sistema de menu hierárquico – o que
talvez não seja

suportado em algumas templates grátis do Joomla! O efeito é que V. pode ter sub-menus aparecendo
quando o

navegante clica no item de menu 'pai' (com algum script adicional, é também possível criar itens em
cascata que

aparecem quando o mouse passa sobre um item 'pai', mas isso é raramente suportado pelos fornecedores
de

templates).

Dica: Depois que V. salvou seu item de menu, outras opções aparecem. Se voltar ao item de menu, a
seção de

parâmetros no lado direito (Figura 19) terá várias opções novas, dependendo do tipo de link de menu
que V. criou.

Essas opções permitirão controlar como será exibido o conteúdo para aquele item de menu. Se quiser
mudar a

aparência de uma página de seu site, mas não souber como fazê-lo, é bem possível que haja um
parâmetro no item

de menu que fará essa mudança.

Agora, quando pré-visualizar seu website, V. verá a nova opção de menu, a qual o levará ao conteúdo
que

especificou. Veja a Figura 20.

Figura 20 – Pré-visualizando Seu Website