Tutorial Joomla 1.5

O que é Joomla

(Figura 1: Logomarca do Joomla)

Existe uma classe de softwares chamada de CMS - Content Management System, ou seja, software que são Sistemas de Gerenciamento de Conteúdo, que facilitam a criação e manutenção de sites com funcionalidades avançadas por usuários não técnicos.

O Joomla é um CMS livre. É licenciado sob a GPL que garante as 4 liberdades para o software: usar para quaisquer finalidade, estudar seu código, distribuir e ainda, alterar e distribuir.

O site oficial do Joomla está localizado em http://joomla.org, mas existe uma comunidade brasileira, o Joomla Brasil - http://joomla.com.br/, para troca de experiências, tutorias, artigos, etc. Vale a pena conferir!

A Colivre adota o Joomla em muitas soluções para criação de sites com conteúdo dinâmico e, com este tutorial, almeja autonomia de uso do site para os seus consumidores Joomla.

Acesso a interface do Administrador

A tela de login para o administrador pode ser acessada pela página que inicia com o endereço do seu site, acrescido de /administrator. Por exemplo: http://joomla.colivre.coop.br/administrator.

Digite o nome do usuário (admin), a senha, escolha a linguagem da interfase e clique em Login.

Perceba que a interface do administrador é chamada de "Administrator Back-End" no Joomla.

(Figura 2: Tela de Login)

Painel de Controle e Menus do Admin

Após entrar no sistema como usuário Administrador Admin, a tela seguinte será apresentada. Note que existe redundância nos links (funções) mais usadas, que aparecem tanto no menu, quanto no painel de controle.

(Figura 3: Tela do ambiente da Administrador - Admin)

Nesta imagem é apresentado o menu "Site" com funcionalidades como:

• Acesso ao painel de controle
• Administrar usuários
• Administrar Mídia
• Configuração Global
• Desconectar

Os demais menus são: Menus, Conteúdo, Componentes, Extensões, Ferramentas e o Ajuda.

(Figura 4: Menus do Admin)

Quando alguma tela de edição estiver aberta, os menus ficarão inativos. Para acessá-los de novo, feche a página de edição, salve as suas alterações antes, se for o caso.

Configuração Global

Pode ser acessado pelo painel de Controle ou pelo menu Site > Configuração Global (Ver Figura 4).

Serve para personalizar a configuração do seu site. A tela a seguir mostra essa tela de configuração. Note no destaque da imagem que a tela apresenta 3 abas com as categorias de configuração: Site, Sistema e Servidor

(Fugura 5: Tela para Configurações Gerais do site)

Em Site

Nesta aba, pode-se configurar a mensagem que aparecerá quando você precisar colocar o site em offline, ou seja, em manutenção. Também é possível Nomear o site; Escrever Texto de descrição do site; Indicar Palavras-chaves, que ajudam a classificar seu site para buscadores Web; Indicar se o Título e o Autor dos conteúdos a serem criados no site ficarão visíveis para o visitante; dentre outros.

As configurações SEO significam Configurações para Otimização do Motor de Buscas (Search Engine Optimization). Caso não entenda de servidor Apache, mantenha os valores padrões para essa seção.

Em Sistema

Na aba Sistema, pode ter acesso às configurações de:

• do Sistema
• do Usuário
  • Aqui se pode configurar que o acesso dos usuários será feita a partir do site ou não, em qual nível de acesso (ver adiante);
  • Configurar se a ativação será requerida através de e-mail de confirmação;
  • Permitir que o usuário possa alterar a linguagem, o tipo de editor de artigos, site de ajuda sobre o sistema;
  • Alterar senha, e-mail e nome do seu usuário.
• de Mídia
  • Aqui se pode determinar o Tamanho máximo dos arquivos a serem carregados;
  • Definir o tipo de arquivo que se pode carregar. Os formatos padrão do Joomla são bmp, gif, jpg, png;
  • Definir o Caminho para o diretório de imagem, no caso, o padrão é images/stories. Sempre deve ser um subdiretório de images;
    • Lembre-se de carregar nesta pasta as suas imagens que serão usadas nos artigos.
• de Depuração
• do Cache
• da Sessão
  • Aqui é possível indicar por quanto tempo o usuário pode se manter inativo sem que a sua sessão seja finalizada, ou seja, que seja necessário logar de novo no site.

Em Servidor

Nesta aba é possível fazer as seguintes configurações, para as quais se aconselha que se mantenha os valores padrões e que sejam alterados pelo administrador do servidor da sua instituição:

• do Servidor
• da Codificação
• do FTP
• do Banco de Dados
• de E-mail

Salvar X Aplicar, Fechar e Ajuda

(Figura 6: botões Salvar, Aplicar, Fechar e Ajuda das telas de edição)

Ora nas páginas de configurações, ora nas páginas de edição de artigos e outros sessões do Joomla, a diferença do botão Salvar para Aplicar, é que ao solicitar que a página seja salva, você também solicita o seu fechamento. Já ao pedir para aplicar as alterações, você permanece na página de edição.

O botão Fechar deve ser usado após finalização das operações da edição ou configuração.

O botão Ajuda mostra a ajuda específica da tela aberta, ao contrário do menu ajuda (ver Figura 4) que apresenta todo o manual de ajuda do sistema, com itens em ordem alfabética.

Administração de Usuários

Acesso pelo Painel de Controle ou Menu Site > Administrar de Usuário.

(Figura 7: Tela da listagem de usuários cadastrados)

1 - Para um usuário já registrado, a sua edição pode ser feita, clicando-se na caixinha ao lado do seu nome e clicar no botão Editar (2);

• OU apenas clicar sobre o seu nome na lista de usuários;

3 - Use este botão para acrescentar novos usuários a partir do ambiente de administração. Após cadastrar um novo usuário, uma área de aviso de confirmação deve aparecer sobre a lista (5), que deve conter o novo registro.

A tela de registro de usuário é mostrado pela Figura 8:

• Em nome adicione o nome completo do usuário
• Em username coloque o nome que o usuário irá usar para se logar no sistema.
• Em Grupo escolha qual o tipo de acesso do usuário (ver abaixo)

(Figura 8: Cadastro de um novo usuário)

4 - Para remover um usuário, selecione a caixa ao lado deste usuário (1) e clique sobre o botão Remover.

6 - Note que a lista pode ter limite de tamanho para se mostrar os usuários cadastrados. Existe opções para se mostrar de 5 a 100, ou mesmo tudo, mas o padrão são 20 usuários.

Níveis de Acesso

O Joomla apresenta vários níveis de acesso para os usuários.

(Figura 9: Níveis de acesso)

• Opções do Público do Site ou Front Page:
  • Registered (registrado),
  • Author (autor - pode criar artigos),
  • Editor (editor - pode criar artigos e editar os dos demais usuários) ou
  • Publisher (publicador - cria, edita e publica os artigos dos demais usuários)

Quando estes usuários entram com usuário e senha a partir da página inicial do site, lhes é apresentado um Menu com as ações cabíveis a cada um. Por exemplo, o usuário com status de Registrado pode apenas alterar os seus dados de cadastro, caso esta opção esteja habilitada (ver Cofiguração Global > Em Sistema). Já um Editor, pode submeter e publicar artigos, links, etc.

Os usuários acima são os colaboradores do site. Entram no sistema a partir da sua página principal.

• Opções do Público Administrador:
  • Manager (gerenciador),
  • Administrator (administrador) ou
  • Super Administrator (super-administrador - como o usuário padrão admin, que é o com maiores poderes, para os outros, menos opções ou menus são apresentados).

Estes são os administradores do sistemas e entram no sistema a partir da tela de login do Admin (ver acima a seção "Acesso a interface do Administrador"). O super administrador poderá editar todas as configurações feitas pelos usuários com menos poderes.

Seções

No Joomla, todo conteúdo é organizado dentro de seções. E cada seção possui categorias.

Acesso: Painel de Controle OU Menu Conteúdo > Administrar Seções.

(Figura 10: Ações sobre as seções).

Para iniciar a organização do conteúdo de um site Joomla é necessário iniciar com a criação das seções. A Figura 10 apresenta as ações possíveis sobre as seções:

• Publicar: A publicação de uma seção pode ser feita durante a sua criação ou depois, neste caso, selecione a seção e use este botão.
• Despublicar: Após a criação e mesmo após a publicação, uma seção pode ser despublicada.
• Copiar: Ao copiar uma seção, você cria uma nova seção com as mesmas configurações da anterior e os mesmo artigos e categorias cadastrados. Será solicitado o nome da nova categoria e será necessário usar o botão Salvar da tela de cópia.
• Remover: A remoção de uma seção só ocorrerá quando esta não possuir mais artigos e categorias relacionadas. Caso contrário uma mensagem de erro aparecerá.
• Editar: Selecione a seção e use o botão Editar para alterar as configurações de uma seção.
• Novo: Este botão cria uma nova seção. Na tela seguinte, será solicitado:
  • Título - nome da seção
  • Apelido - título resumido
  • Publicação - sim ou não
  • Nível de Acesso: Público (qualquer visitante), Registrado (visitantes registrados), Especial (apenas usuários como autores ou com maiores poderes)
  • Imagem: imagem tema da sessão
  • Descrição: A depender da configuração as seções são apresentadas em páginas, onde o texto escrito aqui fica visível no site.
• Ajuda: ajuda sobre as seções do Joomla.

(Figura 11: Listagem das Seções Cadastradas)

A Figura 11 apresenta a lista de todas as seções cadastradas. Note os seguintes elementos (colunas):

• Filtro - para buscas de uma determinada seção, usado em caso de uma grande lista.
• Checkbox - caixa de seleção ao lado esquerdo do nome de cada seção
• Publicado - quando apresenta a figura verde indica que a publicação está ativa, o contrário para a figura vermelha. Para trocar de um estado para outro clique sobre as figuras dessa coluna
• Ordem - use a numeração ou as setas para organizar a lista de seções
• Categoria - indica a quantidade de categorias cadastradas dentro de cada seção
• Ativo - quantidade de artigos cadastrados dentro da seção, tanto os publicados como os não publicados
• Lixeira - quantidade de artigos cadastrados dentro da seção e que foram movidos para a Lixeira, esse número não está incluso na numeração dos Ativos.

Categorias

Acesso: Conteúdo > Administrar Categorias

As categorias são as subdivisões das seções. A sua tela de gerência é bem parecida com a das seções, apresentada anteriormente.

(Figura 12: Lista de Categorias)

Para deletar uma categoria, primeiro é necessário deletar os artigos nela cadastrados para só então poder deletar as categorias.

O destaque na imagem, lembra que a listagem de categorias pode ser filtrada para ser apresentada por seção a que pertencem.

Exemplo de Organização de Seções e Categorias

Imagine um site de uma empresa como a Colivre. Pode-se organizar seu conteúdo dessa forma:

• Seção: A Colivre
  • Categorias: Institucional, Documentação, etc.
• Seção: Serviços
  • Categorias: Desenvolvimento, Capacitação, Redes e Arte Digital.
• Seção: Notícias
  • Categorias: Internas e Externas.

Cada categoria possuirá vários artigos, como a categoria Capacitação, dentro da seção Serviços possuirá uma página (ou artigo) para capacitações em Joomla, TWiki, BrOffice, etc.

Arquivos ou Mídia

Acesso: Painel de Controle OU Site > Administrar Mídia

Esta é uma ferramenta do Joomla que facilita a gerência de arquivos do site. Antes de se criar notícias ou outros tipos de conteúdo é necessário que as suas imagens estejam carregadas no Joomla. Senão, após escrever o artigo, será preciso editá-lo para acrescentar as imagens.

Navegação e Visualização das pastas

(Figura 13: Navegação nas pastas e seus arquivos)

1 - Existem duas formas de visualização das pastas no gerenciador de mídia do Joomla, como se ver na Figura 13:

• Em miniatura, onde se pode ver cada arquivo com nome e botão para exclusão OU
• Detalhada, onde existe o botão para visualização, o nome, dimensões, tamanho e botão para exclusão.

2 - Independente do tipo de visualização, o gerenciador de mídias, apresenta no lado esquerdo a árvore de diretórios para facilitar a navegação entre as pastas.

3 - Para a exclusão rápida de vários arquivos ao mesmo tempo, é possível marcar os arquivos e usar o botão Remover presente na barra de ferramentas da tela do gerenciador.

4 - Além das pastas nativas é possível criar subpastas. Adicione um nome a pasta que deseja criar e clique em Criar Pasta.

A esquerda do campo para criação de novas pastas, existe um campo com o caminho completo da pasta que está sendo apresentada.

Envio de arquivos

(Figura 14: Botões para carregamento ou envio de arquivos)

Na mesma tela, existe um formulário para o envio de arquivos para o gerenciador de mídias do Joomla como mostra a Figura 14.

Para carregar um arquivo, navegue até a pasta na qual deseja guardá-lo e clique em Arquivo para procurar no computador o que deve ser carregado. Depois clique em Iniciar Envio. O tamanho máximo padrão dos arquivos é de 10Mb.

Adição de conteúdos por seção

Acesso: Painel de Controle OU Menu Conteúdo > Administrar Artigos.

(Figura 15: Barra de Ferramentas do Gerenciador de Artigo)

Lista de Artigos

Uma lista com todos os artigos gravados é exibida nessa tela. Para cada artigo é mostrado as seguintes informações:

• Título
• Se o artigo está Publicação ou não
• Se está publicado na Página Inicial ou não
• Ordem - posição na lista
• Nível de Acesso
• Seção a que pertence
• Categoria a que pertence
• Autor
• Data de publicação
• Acessos - visitas dos leitores a este artigo
• ID - identificador único para o artigo

Esta imagem (Figura 16) apresenta os status de 3 artigos em relação a sua publicação e presença na primeira página:

1. O primeiro está publicado, mas não está na primeira página
2. O segundo está publicado e na primeira página
3. O terceiro não está publicado e nem está marcado para ficar na primeira página

Criação de artigos

Ao clicar no botão Novo indicado na Figura 15, abrirá uma tela com os seguintes campos:

• Título - adicione o nome do artigo que ficará visível no site
• Apelido - selecione apenas as palavas chaves do título
• Publicado - assinale se o artigo será publicado assim que você o salvar
• Exibir na Página Inicial - assinale se o artigo deverá aparecer na primeira página do site assim que você o salvar
• Indique também a Seção e a Categoria a que pertence o novo artigo

Ainda é possível configurar as seguintes informações:

• Autor
• Apelido do Autor - você pode escolher outro nome de apresentação no site
• Nível de Acesso - público, registrado ou especial
• Data de Criação
• Iniciar Publicação - você pode programar uma data futura para a publicação
• Encerrar Publicação - você pode escolher uma data para que o artigo saia do site

(Figura 17: Ferramentas para Edição de Texto)

A figura 17 apresenta a barra de ferramentas de edição para o texto do artigo. Com ela é possível alterar efeitos da fonte; alinhamento do texto; classificar as partes do texto como título, parágrafo, etc; criar lista e alterar recuos; fazer e refazer ações; criar e quebrar links (o botão só fica habilitado após a seleção do texto que se tornará link); adicionar uma imagem carregada; ter acesso a versão HTML do texto (para pessoas com experiência com a linguagem); buscar palavras; buscar e substituir palavras; inserir hora, smiles; inserir vídeos (como os do Youtube); selecionar cor da fonte; adicionar linha horizontal; apagar a formatação aplicada a um seleção; colocar fonte subescrita e sobre escrita, caracteres especiais; inserir área horizontal (linha centralizada com tamanho e espessura configurável), tabelas; dentre outros.

(Figura 18: Botões Inferiores da Edição do Artigo)

Abaixo da caixa de texto, existem os três botões apresentados na Figura 18:

• Imagem:
  • Para inserir uma imagem, clique neste botão Imagem, escolha por entre as pastas e arquivos e ache o arquivo que se quer inserir no artigo. Ao clicar sobre a imagem o campo URL da Imagem será preenchido com o caminho e nome da sua imagem, logo, basta clicar em Inserir no canto superior. A imagem aparecerá no corpo do artigo. Você pode alinhar a imagem, selecionado-a com um clique e usando a barra de ferramentas (botões alinhar a esquerda, centro e direita).
  • Há a possibilidade de se fazer o upload, ou enviar uma imagem a partir da tela de edição do artigo. Para isso, clique nesse botão, uma janela irá surgir na sua tela. Na seção inferior chamada Envio, clique sobre Navegar Arquivos, procure o arquivo no seu computador e depois clique em Iniciar Envio.
• Quebra de Página:
  • Caso o conteúdo da sua página seja muito extenso, você pode adicionar quebras e páginas no artigo. Na tela de edição, posicione o cursor do mouse, onde você deseja que seja adicionada a quebra, você verá uma linha cinza indicando onde esta será adicionada.
  • No site, será adicionado links Próximo para se navegar pelas partes do artigo durante a leitura. Também será adicionada uma tabela no canto superior direito com o título do artigo e o título de cada parte que você adicionou ao inserir a quebra.
  • Você pode eliminar as quebras de páginas deletando-as.
• Leia mais:

Filtros

Para casos de listas grandes, existe a possibilidade da listagem apenas apresentar artigos por seção, categoria, autor ou por estado (publicado, despublicado ou arquivado). Os artigos arquivados, saem da listagem, porém não são excluídos e podem, no futuro, ser restaurado.

Conteúdo Locado ou Trancado

Figura 19: Sempre use o botão "Fechar", "Sair" ou "Cancelar", pois caso contrário o artigo/notícia/texto ficará locado para o usuário que não finalizou a edição, impossibilitando a edição do mesmo por outros usuários.

Caso fique na dúvida sobre se desbloqueou os artigos, use o desbloqueio geral:

• Menu Ferramentas > Desbloqueio Geral

Gerência dos Menus do Site

Acesso: Menu > Administrar Menu

Menus Predefinidos do Site

Acesso: Painel de Controle OU Menu > nome do menu (ver abaixo)

Figura 20: Gerenciador de menus.

Com pode-se ver na Figura 20, existem os seguintes menus inicialmente definidos no Joomla:

• Main Menu - menu principal, normalmente apresenta links para páginas do site, notícias, etc
• User Menu - menu do usuário, aparece apenas quando o usuário está logado no site;
• Top Menu - menu do topo, normalmente apresenta os principais locais ou funções do site, ajuda na navegabilidade;
• Resources, Keyconcepts - são exemplos de menus extras (do tipo othermenu) que ajudam na melhor organização da informação do site.

Todos esses menus podem ser acessados diretamente a partir do Menu, na barra de menus da interface do administrador. O menu Mainmenu aparece com um asterisco para indicar que contém um elemento padrão para o funcionamento do site. Crie novos novos menus usando o botão Novo da barra de ferramentas dessa tela (ver Figura 21). É recomendável usar apenas uma única palavra para o nome do menu. Também é possível copiar, excluir (menu e todos os seus itens) e editar um menu após marcá-lo.

Figura 21: Barra de ferramentas do gerenciador de menus

A coluna Itens de Menu, na Figura 20, são ícones que levam para o Gerenciador de Itens do Menu, com o qual você pode adicionar links para páginas de conteúdo ou funcionalidades do site. A coluna =No. de Módulos = indica quantos módulos (veja a seguir) estão associados ao menu. Note que o menu em si é considerado um módulo. Ao clicar sobre o nome do menu é possível editar o nome do menu.

Uma vez no Gerenciador de Itens do Menu, todos os itens que o compõe são apresentados em um lista, na qual se pode editar, excluir, copiar, publicar e despublicar cada um desses itens. Ao clicar sobre o nome de cada item, pode-se editar o seu tipo, menu em que aparece, item pai, nível de acesso, dentre outros.

Vamos agora criar uma nova entrada no menu do topo, que seja um link para todas as notícias cadastradas no site:

1. Acesse a partir do menu Menu da interface do administrador, o item Top menu;
2. Clique no botão Novo;
3. Na lista que aparecerá, escolha a opção Link Interno > Artigos;
4. Escolha a subopção Seção > Layout Padrão da Seção;
5. Preencha os campos de identificação e publicação na janela que se segue. Os campos dos Parâmetros (a esquerda) podem ser mantidas nos valores padrões. Não se esqueça de escolher qual das seções cadastradas no site terá seu conteúdo apresentado a partir desse item de menu. No caso desse exemplo, escolha a seção News;
6. Salve suas configurações no botão Salvar da Barra de Ferramentas dessa tela; Se no passo anterior a opção de Publicado estiver afirmativamente marcado, o item já será apresentado no site.
7. De volta para a lista de itens do menu, é possível organizar a ordem de apresentação dos mesmo com o uso das setas ou do campo numérico e editável da coluna Ordenar. Outra forma de organizar a ordem de apresentação é na tela de edição do item (passo 5).

Como visto durante o exercício anterior, as opções de itens de menu são:

• Link Interno
  • Artigos
  • Contatos
  • Notícias Externas
  • Enquetes
  • Pesquisar
  • Usuário
  • Weblinks
  • Wrapper - janela de apresentação de páginas web externas, etc.
• Link Externo
• Separador
• Apelido

Exercite a criação de itens nas demais opções.

Módulos

Saindo da interface do Administrator