Introdução

A seguinte é uma breve introdução ao Sistema Gerenciador de Conteúdo Joomla! Use 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-chaves 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