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! ) caso queira mais informação sobre como fazer isso. A opção 'Posição da Imagem' possibilita (http://jcsites.com 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