You are on page 1of 32

DAW

Joomla! x CMS Desenvolvimento de Aplicações Web! Bantu
Por Elpidio Maunde, Luis Materula, Sheila Zefanias, Fritz David e Dercio Menete

Joomla! Por Bantu

DAW

Índice
1 Introdução...................................................................................................................4 1.1 O que é Joomla CMS?............................................................................................4 1.2 Em que foi desenvolvido?.......................................................................................4 1.3 Requerimentos do sistema......................................................................................4 1.4 Onde instalar o Joomla?.........................................................................................2 1.4.1 No seu micro ou intranet......................................................................................2 1.4.2 Em um servido Internet........................................................................................2 1.5 Idioma de utilização.................................................................................................2 1.6 Onde obter a instalação do Joomla?......................................................................3 1.7 Vantagens e desvantagens do joomla...................................................................3 1.7.1 Vantagens...........................................................................................................3 1.7.2 Desvantagens.......................................................................................................3 2 Instalação...................................................................................................................5 3 Estrutura de pastas....................................................................................................8 4 Conceitos....................................................................................................................9 4.1 Áreas do Joomla......................................................................................................9 4.1.1 Área de usuários (Frontend)................................................................................9 4.1.2 Área de administradores (Backend)...................................................................10 4.2 Tradução Joomla 2.5.............................................................................................11 4.3 Nível de usuário - Papel........................................................................................12 4.3.1 Papéis no Site principal (Frontend)....................................................................12 4.3.1.1 Anonymous (Convidados) .............................................................................12 4.3.1.2 Registered ( Usuário Registrado)..................................................................12 4.3.1.3 Author (Usuário Autor)....................................................................................12 4.3.1.4 Editor (Usuário Editor)....................................................................................12 4.3.1.5 Publisher (Usuário Publicador).......................................................................12 4.3.2 Papeis na Área de administração (Backend).....................................................13 4.3.2.1 Manager (Gerente).........................................................................................13 4.3.2.2 Administrator (Administrador).........................................................................13 4.3.2.3 Super Administrador (Super administrator)....................................................13 4.4 Gerenciamento do Nível de Acesso.....................................................................14 4.4.1 Criar um nível de acesso ...................................................................................14 4.5 Templates..............................................................................................................16
Joomla! Por Bantu

DAW

4.5.1 Estrutura do template.........................................................................................17 4.5.2 Arquivos contidos na pasta do template..........................................................18 5 Trabalhando no conteúdo........................................................................................19 5.1 Secções.................................................................................................................19 5.2 Categorias.............................................................................................................19 5.3 Item de conteúdo...................................................................................................19 5.4 Criação de um artigo.............................................................................................20 5.5 Conteúdo estático..................................................................................................21 5.6 Menu......................................................................................................................22 5.7 Componentes........................................................................................................23 5.8 Módulos.................................................................................................................24 6 Um pouco mais adentro do código..........................................................................26 6.1 Referência de Funções.........................................................................................26 6.2 Um exemplo básico de arquivo index.php ...........................................................27 7 Conclusão.................................................................................................................28 8 Bibliografia...............................................................................................................29

Joomla! Por Bantu

1. tem origem em uma palavra Swahili: “Jumla”. • • • PHP 4.23. Procurando informações sobre o Joomla na Internet. 1. aparentemente esquisito. ambos softwares livres.19 ou superior .x ou superior . desenvolvemos este manual como sendo uma introdução aos conceitos do Joomla visando facilitar o seu entendimento.13. assim como o Joomla.http://php. O nome Joomla!.org Servidor WEB (Apache 1. 1.x ou superior .2.2 Em que foi desenvolvido? Foi desenvolvido utilizando a linguagem PHP e utiliza o banco de dados MySQL. que se enquadro no trabalho de pesquisa da disciplina denominada Desenvolvimento de Aplicações Web.orr ou IIS 5 ou superior) Obs: Recomendo que seja utilizado o servidor web Apache.3 Requerimentos do sistema Independente de onde você irá instalar o Joomla.http://mysql.X e a 2. Actualmente existem duas versões principais. os itens abaixo são pré-requisitos para que seu site Joomla funcione.net MySQL 3.DAW 1 Introdução Criamos este manual para servir de orientação inicial sobre os conceitos básicos do Joomla e dar uma luz inicial a quem pretende conhecer e utilizar o Joomla para administração de Conteúdo de Web sites.X . Joomla! Por Bantu .5.http://apache. um pedacinho aqui outro ali e entendendo muita coisa na tentativa e erro. que significa “todos juntos”.5. 1.1 O que é Joomla CMS? O Joomla é um Sistema de Administração de conteúdos (CMS – Content Management System) que permite a publicação online de informações em sites na Internet ou intranet. Espero que este documento ajude a compreender um pouco mais rápido os conceitos básicos do Joomla.

0. exclua a pasta “Installation” e o Joomla estará instalado. É tudo instalado sem complicação.: Joomla_1.2 Em um servido Internet CPANEL com o script FANTASTICO No CPANEL. PHP e MySQL. apenas com 2 ou 3 cliques.1. copiei e descompacte o arquivo do Joomla (Ex. CPANEL sem o script FANTASTICO Esta é a forma mais complexa de instalação.4. o php e o Mysql automaticamente. não necessitando fazer upload do Joomla nem configurar o Mysql e criar o banco de dados.4 Onde instalar o Joomla? Como o PHP e o MySQL são multiplataformas o Joomla pode ser instalado em qualquer servidor web que suporte a instalação destes. Siga as instruções apresentadas e antes de acessar o site novamente. 1. Como padrão. criar e configurar o banco de dados manualmente. utilize o script FANTASTICO.). item MySQL. Após a instalação. pois você deverá entrar no CPANEL.1 No seu micro ou intranet O XAMPP instala e configura o servidor web Apache. 2 . sendo a mais comum à versão em inglês. tanto para actualizar o site principal como a área de administração do Joomla. Acesse o navegador e digite o endereço http://localhost/<seusite>. Fazer o upload do pacote de instalação do Joomla e descompatá-lo na pasta do seu site. instalando e configurando o servidor Web. 1. etc. Siga as instruções apresentadas e antes de acessar o site novamente. como por exemplo o Servidor web Apache no Linux e o servidor web da Microsoft. Acesse o navegador e digite o endereço do seu site: http://<seusite>. normalmente. Para iniciantes.12-StableFull_Package.5 Idioma de utilização Você poderá instalar o Joomla na língua que desejar (Inglês. Português.4. você poderá procurar nos sites das comunidades Joomla a tradução para língua que você desejar.zip) dentro da pasta correspondente ao seu site “<seusite>“. o ideal é instalar localmente em seu micro utilizando o (XAMPP ou o wampserver) ou em um provedor de hospedagem Internet preparado para utilizar o Joomla. o servidor já tem o pacote de instalação do Joomla. 1. Acesse o navegador e digite o endereço http://<seusite>. Ao término da instalação. exclua a pasta “Installation” e o Joomla estará instalado. ao final. Alemão. o IIS. assim você não precisará se preocupar com a preparação do ambiente. em public_html. Após a instalação.

software livre. É necessário certo trabalho e instalação de extensões para fazer com que a plataforma funcione da maneira desejada.org  http://www.Joomla. Por ser mais robusto. mais com um pouquinho mais de estudo verificará que existe a possibilidade de você mesmo fazer algumas traduções. 1. É possível criar áreas administrativas onde qualquer usuário pode gerenciar o site.Infelizmente nem tudo terá a tradução para língua desejada. É possível instalar e gerenciar os idiomas do Joomla.1 Vantagens O Joomla permite uma maior customização e organização das páginas de um site. facilmente devido às extensões incríveis disponíveis para a plataforma. seguem alguns destes:  http://www. Manter um blog com Joomla não é tão simples quanto com o WordPress e Blogger.7 Vantagens e desvantagens do joomla Assim como todos os CMS. 3 .6 Onde obter a instalação do Joomla? Existem diversos sites que permitem baixar a última versão do Joomla. mesmo sem nenhuma extensão instalada. Você pode criar sites como You Tube. Nesse caso.Joomlapt. se comparado com outras plataformas. Existem milhões de pessoas desenvolvendo para ele diariamente. os sites em Joomla tem suas vantagens e desvantagens. atende as necessidades de sites empresariais sem a necessidade de contratar pessoal especializado para manutenção.org  http://www. pode escolher qual idioma deseja ter em sua área de membros. Linkk. Isso permite que.7.com.com/  http://www. É um genuíno Open Source. Dihitt. comparei com o WordPress por ser o principal concorrente. Ueba. O fato de as extensões não dependerem do template torna os sites em Joomla mais flexíveis.br  http://www. É possível criar qualquer tipo de ambiente com o Joomla sem a necessidade de ter um template especial para isso. 1. Ocioso.Joomla. desde que tenha permissão para isso. 1. seja possível a criação de sites complexos como portais de notícias.de/ 1.2 Desvantagens Criar um site demanda um tempo extra de aprendizado maior do que no WordPress ou Blogger. Dessa forma quando um usuário loga em sua conta.7. Orkut.Joomlabrasil.Joomla.

Não tem um sistema padrão de URLs amigáveis. É necessário fazer algumas configurações e instalar componentes para fazer esse gerenciamento. como no WordPress. 4 .

2 Instalação A instalação do CMS Joomla no ambiente local procedeu os seguintes passos: 1º a escolha do língua de instalação: Figura 1 2º durante a instalação será verificada os requisitos mínimos exigidos para a instalação do CMS. Figura 2 5 . PHP 5. ou seja. MySQL e um servidor Web apache.

ou seja deixa com ai esta. Na 6º etapa definimos o nome do site nas configuracoes avançadas definimos a descrição do site na meta-descricao. De seguida deve ser preenchido o email do desenvolvedor do site. a senha da mesma e o nome da base de dados a ser utilizada. meta-termos referente a palavras-chave do site e definimos se o site deve a prior aparecer offline ou online. deve ser o mysql. quanto ao nome do utilizador administrador a prior pode não ser rectificado. isto independentemente se as instalações tiverem sido a parte de cada um dos programas MySQL. apache e php.No 3º passo será apresentada a licença se concorda clica em seguinte e no 4º a configuração da base de dados: Figura 3 Nas configurações da base de dados o tipo de base de dados para quem instalou o wamp. O 5º ambiente é necessário preencher para quem esta a efectuar a instalação num servidor diferente do remoto. onde de seguida indicamos o nome do utilizador da base dados que deve ser criada antes para os que instalarão os 3 pacotes já referenciados utilizando o wamp. admin que mais enfrente mostraremos como alter os dados de utilizadores é obrigatório definir a senha do admin e prossiga. O nome do servidor deve ser localhost se estivermos a instalar no ambiente remoto. 6 . xampp ou lamp.

Figura 4 E para concluir a instalacao vai ao dricorio onde se encontra a pasta do site e remova o ficheiro installation. Exemplo do caminho C: \wamp\www\sitejomla\installation 7 .

Neste exemplo de estrutura de pastas acima. será criada uma estrutura de pastas no seu site conforme a seguir. Figura 1 Nas pastas administrator e templates.3 Estrutura de pastas Após a instalação. pois trata-se de módulos. ficam armazenados. As demais pastas você entenderá mais a seguir. quando instalado em provedores Internet a estrutura de pastas do Joomla estar armazenada abaixo da pasta public_html. o nome da pasta do site é “allb”. basicamente. o site de administração e o template do seu site. É normal. 8 . componentes e outros recursos para exibição de conteúdo do site.

Este.1 Área de usuários (Frontend) Esta área é o próprio site apresentado na web quando digitamos o endereço no navegador. O Frontend é um site normal na web.12.1 Áreas do Joomla Quando instalamos o Joomla em um servidor web.4 Conceitos 4. Figura 2 A figura acima exibe o template instalado junto com o Joomla. que correspondem respectivamente ao site principal e a um site de administração do site principal.0. utilizar um template gratuito disponível pela comunidade Joomla.1. 9 . ou mesmo adequar um site para ter seu conteúdo mantido com os recursos do Joomla. como qualquer site web. 4. automaticamente são instaladas duas áreas: Área de usuários (Frontend) e Área de administração (Backend). Pode-se criar um template (Design) próprio para apresentação das informações. com a diferença que podemos alterar partes de seu conteúdo directamente no site ou pela área de administração. poderá ser acessado por qualquer usuário da Internet. até a versão 1.

Figura 3 Área de BackEnd Ao fazer uma instalação local (seu micro) muitas pessoas tem dificuldade em acessar a área de administração. como por exemplo. notícias. componentes. É nesta área onde informamos as partes que irão aparecer no site principal (Módulos. digitando no navegador o endereço do site. devemos fazer o login na mesma.2 Área de administradores (Backend) Este é um site que permite a administração do site principal em relação ao seu conteúdo. links.). 10 . Para acessar a área de administração.4. incluindo no final a palavra administrator. áreas de registros. download de arquivos. Ex. etc.1. pois esquecem que a conta de usuário criada possui o login “admin”.: http://<seusiteseusite>/administrator Basicamente a área de administração abre exibindo o Painel de Controle e um menu superior. Os itens a serem exibidos no menu e no painel de controle dependerão de como está definido o seu nível de usuário para área de administração. menu de opções. etc.

11 . Depois faça o mesmo na aba Installed . Fig 1.EXTENSIONS MANAGER.1 Em Upload Package File clique no botão para escolher o arquivo da tradução que você fez download e que já está em seu computador.5 entre no Admin do seu Joomla (Ex: seusite.LANGUAGE MANAGER.5 Após baixar o Pacote de Tradução do Joomla 2. Após escolher o arquivo do Pacote de tradução.com/administrator) clique no menu EXTENSIONS . Escolha Português (Brasil) e clique em Default (estrelinha amarela na parte superior direita do seu Joomla).4.Administrator para traduzir o painel de administração de seu joomla. clique em UPLOAD & INSTALL para que o Joomla instale a tradução. Para ativar o novo idioma vá até o menu EXTENSIONS .2 Tradução Joomla 2.

1.2 Registered ( Usuário Registrado) Os Registered ( Usuários Registrados) podem criar. e especificar a data que o material poderá ser publicado.3. Dentro da classificação de Usuários da área de visualização há quatro níveis que o administrador do site pode especificar.3.5 Publisher (Usuário Publicador) Os Publishers (Publicadores) podem executar todas as tarefas de um Author (Autor) e Editor (Editor) e podem publicar um artigo.4.3. 4.1. que podem criar e publicar conteúdos no site. especificar certos aspectos de como o conteúdo será apresentado. Os Frontend users (usuários da área de visualização) são usuários registrados e possuem direitos adicionais sobre os Guest (convidados). Um artigo não é visualizado até ser publicado. 12 .3.3.1 Anonymous (Convidados) Também conhecidos como guests são os visitantes normais ou corriqueiros do site Joomla! 4. Dependendo deste papel. assim como aqueles de qualquer Author (Autor). ainda. Chamamos estes usuários como provedores de conteúdo. pois seu objetivo principal é prover conteúdo para o site e não administrar ou alterar a aparência do mesmo. 4.3 Author (Usuário Autor) Os Authors (Autores) podem criar o seu próprio conteúdo. Esses níveis são: 4.4 Editor (Usuário Editor) Os Editors (Editores) possuem as mesmas permissões de um Author (Autor) e podem editar o seu próprio conteúdo. 4.1.Papel Cada usuário que acessa o site principal ou de administração possui um papel. editar ou publicar um conteúdo no site. o usuário poderá fazer mais ou menos operações ou ações. ter acesso a conteúdo restrito que não é disponibilizado para Guests (convidados/visitantes). tanto no site principal quanto na área de administração.1 Papéis no Site principal (Frontend) Anonymous Registered Author Editor Publisher.1. Eles podem submeter novos links para publicação e podem.1. 4.3 Nível de usuário .3.

porém.2. O que os Administrators (Administradores) não podem é editar o perfil do Super administrator (Super administrador) ou alterar algumas características globais do site.2 Papeis na Área de administração (Backend) Os Backend Users (Usuários da Área de Manutenção) são chamados de Manager (Gerente).3.2. também. Administrator (Administrador).1 Manager (Gerente) Um Manager (Gerente) pode ser visto com um Publisher (Publicador). O responsável pela instalação do Joomla automaticamente ficará com o status de Super Administrador. 4. os usuários Backend podem ter privilégios ou regras diferentes Manager Administrator Super Administrator.3. 13 . e Super administrator (Super administrador) que são conhecidos tipicamente como “Administradores do site”. mas não tem permissão para alterar templates. e podem até mesmo alterar perfis de usuários do seu próprio nível de permissão ou abaixo. Eles podem adicionar ou apagar extensões do site. modulos e plugins/mambots) no Joomla!. mas eles também possuem acesso ao ambiente Frontend. 4.3. Os Managers (Gerentes).2. com acesso ao painel do Administrador na área de manutenção. não podem adicionar usuários ou alterar seus respectivos perfis existentes.3 Super Administrador (Super administrator) Os Super administrators (Super administradores) possuem as mesmas permissões que um usuário “root” do tradicional sistema Linux e direitos irrestritos para executar todas as funções administrativas dentro do site. ou acrescentar ou apagar extensões (componentes.Obs: Os usuários do frontend não possuem acesso ao backend. esboços de páginas. Somente os Super administrators (super administradores) possuem permissão para criar novos usuários Super administradores ou estabelecer permissões de Super adminstrador para usuários existentes. esboço de páginas.3. Exatamente como os usuários Frontend. 4.2 Administrator (Administrador) Os Administrators (Administradores) possuem mais direitos que os Managers (Gerentes). 4. mudar templates. Obs: Todos os usuários do backend (área de administração) também possuem acesso total ao frontend (site). Os Managers (Gerentes) possuem acesso a todo o conteúdo associado aos respectivos controles no painel do administrador.

o Joomla! possui todos esses grupos de usuários: Public Frontend (Área de visualização ou de acesso .Convidados) |----Registered (Registrado) |------Autor (Autor) |--------Editor (Editor) |----------Publisher (Publicador) Public Backend ( Área de manutenção ou administração) |----Manager (Gerente) |------Administrator (Administrador) |--------Super Administrator (Super administrador) 4.Baseado na classificação dos diferentes privilégios ou regras.4. clique no botão New (novo) no canto superior do lado direito da página do gerenciador de Nível de Acesso.4 Gerenciamento do Nível de Acesso Figura 4 Nivies de acesso 4. 14 .1 Criar um nível de acesso Para adicionar um novo nível de acesso.

será automaticamente assinalado para o grupo SuperAdministrator (Super Administrador) . Depois que você digitar o nome do nível de acesso.Figura 5 Criação Níveis de acesso No novo formulário de nível de acesso (Figura 6). Depois seleccionar os utilizadores com acesso de visualização Nota: Quando você criar um novo nível de acesso. 15 . pressione o botão Save (salvar) or Apply (Aplicar) para criar este novo nível de acesso. você poderá digitar um nome único para seu novo nível de acesso para criar um nível de fácil identificação embora permita usar nome duplicado por ilimitadas vezes.

Para produzir o efeito de web site completo.php foi montado. Procure manter no arquivo padrão template_css as informações de formatação originais do Joomla.html 16 . acesse http://www. cores. mudando completamente a cara do seu site. Isto dependerá mais de como o arquivo index. localizado na pasta templates/<nome do template> que utilizará os arquivos de estilos template_css. A estrutura do seu template será criada na página index.css com vários estilos padrões do Joomla.com/tutorials/templates_tutorial/understanding_mambo_css_in_5_minu tes/1. Para ver um arquivo template_css. box.css. Pode-se criar quantos arquivos de estilos (css) desejar.php. Utilizando um template seguindo os padrões do Joomla. Um template não é um web site e também não deve ser considerado um design completo do web site.css poderá ser alterado praticamente todo tipo de formatação do seu site.Joomlart. O template define a disposição das informações no site. etc. tipos e tamanhos.4. Veja o exemplo na figura para o template denominado business6. Figura 6 No arquivo template_css. o template trabalha em conjunto com o conteúdo armazenado no banco de dados Joomla. localizado na pasta templates/<nome do template>/css e imagens localizadas na pasta templates/<nome do template>/images.5 Templates Um template Joomla é uma série de arquivos que com o Joomla CMS controlam a apresentação do conteúdo. podendo existir de um a diversos templates para um mesmo site. você poderá migrar de um template para outro apenas com poucos cliques.

a mudança. Veja a seguir uma estrutura de template em formato de mapa: Figura 7 Na prática. apenas indicamos áreas de conteúdo e posicionamento. utilizando o arquivo index. USER 1. USER 2.5. não escrevemos conteúdo no template. etc. serão carregados os módulos e em MAIN CONTENT AREA serão carregados os componentes e itens de conteúdo. RIGHT. de um menu do lado esquerdo para o direito do site fica bastante simples. bastando alterar pela área de administração. 17 . Nas áreas LEFT. deverá estar divido em blocos onde posicionalmente serão exibidas as informações. o que temos que fazer é criar um template tipo este desenho acima. ou da sua preferência. seja através de tabelas (<TABLES>) ou através de CSS (Cascade Style Sheet). normalmente. bastando para isto acessar o menu SITE na área de administração e selecionar Template Manager > Module Positions.4. a posição aonde este será exibido. essas podem ser customizadas.1 Estrutura do template Basicamente a estrutura do template criado no arquivo index. porém.php. Por padrão o Joomla já cria uma lista destas áreas para serem utilizadas. por exemplo.php. Como.

Esta pasta existe aqui apenas por questão de organização. ou pode-se adequar um template existente para exibição de seu conteúdo através do Joomla. template_thumbnail.css Este é o arquivo de configuração de estilos padrão do Joomla. index. Existem centenas de templates gratuitos para uso com o Joomla. css/template_css. Também é possível adicionar novos templates manualmente. Um último uso deste arquivo é para instalação do template quando instalando-o através da área de administração. fazendo o upload do arquivo zip. pois algumas pessoas inserem as imagens diretamente na pasta images principal do site. Para adicionar um novo template você pode ir pela área de administração e instalar o template. Este é muito útil quando temos vários templates diferentes para um mesmo site. Este arquivo é.4. Veja alguns templates profissionais gratuitos disponíveis para Joomla em http://www. esta pequena imagem pode ser vista na área de administração ao passar o mouse sobre o nome do template.xml Este arquivo diz ao Joomla que outros arquivos são necessários quando estiver carregando uma página web que utilize este template. templateDetails.com/Joomla-templates/free-Joomla-templates/ Muitos templates profissionais pagos também podem ser encontrados na web. 18 .2 Arquivos contidos na pasta do template. uma combinação de PHP com (X)HTML. bastar pesquisar na Internet. images Contém qualquer imagem utilizada pelo template. Após a instalação do template. copiando-o para pasta /templates do seu site. copyright e quais arquivos participam do template (incluindo qualquer imagem utilizada).5.png É uma pequena imagem do template (normalmente 140 pixels de largura por 90 pixels de altura). Também exibe o autor. basicamente.Joomlashack.php Este é o arquivo mais importante pois estrutura o layout do site e diz ao Joomla CMS onde colocar os componentes e módulos.

5 Trabalhando no conteúdo Os templates servem para estruturar e dar forma ao seu website.1 Secções Uma secção é uma colecção de categorias que se relacionam entre si de alguma maneira. 5. Contents > Figura 8 criação da categoria 5. A secção é parte da hierarquia Secção/Categoria/Conteúdo. Um item de conteúdo pode estar associado a uma combinação de Secção/Categoria particular ou ser um item de conteúdo estático. A criação de secções pode ser feita no módulo de administração em Contents > Section Manager.2 Categorias Uma categoria é colecção de itens de conteúdo que se relacionam entre si. Além deste o Joomla possui objectos que são tratados e carregados no template que irão dispor do conteúdo armazenado dentro do banco de dados do Joomla. A criação de categorias pode ser feita no módulo de administração em Category Manager.3 Item de conteúdo Um item de conteúdo é um pedaço de conteúdo dentro da hierarquia do Joomla. 19 . 5.

talvez você se pergunte . o HTML.. tabelas e qualquer outro elemento pertinente ao seu artigo.Normalmente os itens de conteúdo são mostrados no corpo principal da página (Main Content Area). esta ferramenta formata todo o conteúdo digitado para a linguagem utilizada na web. Tendo feito isso. Tendo terminado clique em Salvar. exibido através do link “Leia mais. Caso queira visualizar ou editar seu texto sem o uso do editor visual. no menu Conteúdo. Como explicado anteriormente.4 Criação de um artigo Para criar artigos no Joomla. um texto de introdução e texto principal. Por exemplo. Figura 9 Criação de artigo 20 . Clique em "Novo". 5. Logo abaixo. A criação de itens de conteúdo pode ser feita no módulo de administração em Content > All Contents Itens ou Home > Contents Itens Manager (No painel de controle). Nesta tela preencha o campo Título e selecione uma seção e categoria para seu novo artigo. Sem isso. possuindo cabeçalho. você verá um editor de texto muito parecido com o Microdoft Word. clique no icone Edit Code ou selecione a opção show/hide no lado superior esquerdo do editor. imagens. Insira texto. Na verdade.”.. selecione a opção "Administrar Artigos"."Onde está o texto que criei? Como posso visualizá-lo?". todo texto em Joomla é gerado dinâmicamente e portanto será necessário criar um ítem de menu que "traga" o artigo para ser exibido na tela. podemos criar várias notícias a serem apresentadas e cada notícia pode ser um item de conteúdo individual. e uma tela para adição de conteúdo será exibida. o texto existe mas não será possível visualizá-lo.

Nos itens de conteúdo (5..5 Conteúdo estático Um item de conteúdo estático também é um item de conteúdo.” para exibir o conteúdo da chamada completa.3) organizados na hierarquia secção/categoria/conteúdo. por exemplo. podemos exibir uma lista de itens independentes entre si e cada item poderá ter uma imagem.5. A criação de conteúdos estáticos pode ser feita no módulo de administração em Content > Static Content Manager ou Home > Static Content Manager (No painel de controle).. porém. você poderá fazer um link para este. só que normalmente utilizamos para exibir como se fosse uma página estática. do menu principal. um texto introdutório e um link tipo “Leia mais. 21 . No item de conteúdo estático. Depois de criado um conteúdo estático. praticamente ocupando a área principal de conteúdo (MainBody ou Main Content Área) do site. este não pertence à hierarquia de Secção/Categoria/Conteúdo. você terá uma única área de texto para ser exibida por completo.

na tela equivalente a exibida acima. Figura 10 No item 5. a página abaixo será exibida. perguntado que tipo de conteúdo este irá exibir.5. Basicamente o Joomla é instalado como os menus: MainMenu. tais como conteúdos. TopMenu e UserMenu. Um menu é implementado como módulo no Joomla e para que o mesmo seja exibido e utilizado o módulo correspondente deverá estar publicado na área de administração em Modules > Sites Modules > Modules Manager. o item “Link – Static Content”. bastaria seleccionar.6 Menu Um menu estrutura a navegabilidade do seu site. Componentes. Ao seleccionarmos no menu principal da área de administração do Joomla o item MENU e solicitarmos a criação de um novo item de menu. links. etc. Através destes é que são carregadas diversas funcionalidades. OtherMenu. clicar Next e indicar qual o item de conteúdo estático deverá ser exibido. para exibi-la e um link no menu principal do site.5 que falei sobre a criação de uma página de conteúdo estático. 22 .

Saiba mais em http://www. qualquer link inserido como primeiro item do menu principal será considerado a página de abertura do seu site. Banners. desta forma. Web Links. Além do componente frontpage. Login.css. que permite estender a funcionalidade do Joomla criando formulários fantásticos. Figura 11 Alguns destes componentes fazem parte da própria arquitectura do Joomla. Um dos principais componentes é o frontpage.facileforms. Inicialmente o Joomla instala vários componentes como padrão. FlexContent. Normalmente são mostrados no centro da página. a serem exibidos na primeira página. que estrutura as informações. na área de conteúdo principal do template (MainBody).5. Para exibir as informações na primeira página (Mainbody). juntamente com os estilos definidos para tal no template_css. tipo o componente Frontpage e não são manipuláveis através do menu.7 Componentes Os componentes são elementos de conteúdo que funcionam como pequenas aplicações no Joomla. A comunidade Joomla componentes. porém isto vai depender de como está organizado seu template. Etc. FrontPage. como um conteúdo estático ou qualquer outro tipo de componente. produz e actualiza constantemente centenas de novos Um componente muito interessante e gratuito é o FACIL FORM.biz/ 23 . tais como: Contact. pode-se apresentar outras estruturas na página inicial. criam-se itens de conteúdo em uma secção/categoria e em cada idem deverá ser definido que o mesmo será apresentado no frontpage. que no padrão do Joomla é chamado pelo primeiro item do “Main menu”.

Estes são mais fáceis de instalar pela área de administração. Ao utilizar um módulo você deverá indicar onde o mesmo deverá ser apresentado.Para usar um componente.8 Módulos Os módulos estendem a capacidade do Joomla com novas funcionalidades e permitem mostrar seus conteúdos em qualquer posição que o template permita. além de ser permitido o próprio usuário criar um novo módulo (Customer Module). acesse a área de administração. Most Read Content. Footer. top. No Menu Manager clique em New e seleccione Componente no quadro Componentes. disponíveis pela comunidade Joomla. etc. toolbar. newsflash. Latest News. Banner. você poderá dar um nome ao componente e seleccionar que componente será utilizado. Será apresentada uma nova tela com todos os módulos instalados. Para configurar um componente. temos que configurá-lo primeiro. pathway. 5. Menu Module. acesse a área de administração Menu > MainMenu. algumas vezes. Breadcrumbs Module. Nesta tela. Depois criamos um item de menu. entre na área de administração e acesse o menu Extensões e seleccione gerênciador de Módulos. Feed Display. 24 . etc). Para isto. Login Form. que fará a chamada ao componente. Existem diversos novos módulos que podem ser obtidos gratuitamente. right. Será exibida a tela New Menu Item: Componente. A exibição destes módulos se dará posicionalmente. menu MainMenu. conforme definido na estrutura do template criado (left. Para acessar os módulos. Newsflash. Como padrão o Joomla instala alguns módulos tais como: Main Menu (Menu Principal) Top Menu (Menu Superior) Template Chooser (Selector de templates) Polls (Enquetes) Hit Counter (Contador de Visitas). menu Componente e seleccione o componente desejado.

Figura 12 Durante a configuração de um módulo como mostra a figura ao lado é imperioso a definição da posição. 25 . onde o mesmo devera ser exibido e dos menus nos quais devera ser exibido.

mosCountModules Syntax: mosCountModules( $position_name ) Objetivo: Conta a quantidade de módulos que serão exibidos na página corrente na posição “position_name". 1 = Modules are displayed horizontally. não entrarei em maiores detalhes. -2 = Modules are displayed in X-Joomla format. HTML e folha de estilos (CSS). 5. ?> 26 .php. ?> Objetivo: Insere varios tags do head incluindo o tag title tag e outros meta tags. apenas mostrarei a seguir alguns conceitos interessantes para quem pretende se aprofundar mais um pouco. este conhecimento será interessante para quando desejar efectuar alterações no template ou mesmo em componentes.6 Um pouco mais adentro do código Embora não seja obrigatório o conhecimento de linguagens como PHP. for example. -3 = Modules are displayed in a format that allows. mosLoadComponent Syntax: mosLoadComponent( $name ) Objetivo: Carrega um componente. $style] ) Objetivo: Exibe todos os módulos que estão associados a posição "position_name" para página corrente. mosLoadModules Syntax: mosLoadModules( $position_name [. módulos etc.5. mosShowHead Syntax: <?php mosShowHead(). stretchable rounded corners. Como este o propósito deste manual é apenas dar uma visão geral sobre o Joomla. pois existem centenas de templates prontos. -1 = Modules are displayed as raw output and without titles. Não incluir prefixo "com_” 2.1). mosMainBody Syntax: <?php mosMainBody(). módulos etc onde os mesmos estiverem referenciados no template (veja item 4. 3. O argumento “style" é opcional e podem ser: 0 = (default display) Modules are displayed in a column. 6.1 Referência de Funções As funções a seguir estão disponíveis para os desenvolvedores de templates e carregam os componentes. Each module is output in the cell of a wrapper table. 4. index. 1.

w3.Objetivo: Inclui a saída do componente como determinado pelo valor de option na URL. porém pode-se utilizar tabelas para este propósito sem nenhum problema. ?>" xml:lang="<?php echo _LANGUAGE. ?> <?php mospathway(). ?> </div> <div id="sidebar-left"> <?php mosLoadModules('left'). você pode utilizar o template instalado automaticamente com a instalação do Joomla ou instalar novos templates existentes na Internet.org/TR/xhtml1/DTD/xhtml1-transitional.?> </div> </div> <!--end of wrap--> </body> </html> Para não se preocupar muito em criar templates.com/web/css/fouc. ?> </div> <div id="sidebar-right"> <?php mosLoadModules('right').php Neste exemplo o arquivo está utilizando CSS para posicionamento do template. } ?> <?php mosShowHead(). <?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed. 6. ?> <script type="text/javascript"> </script> <!--http://www.dtd"> <html xmlns="http://www. ?>" <head> <meta http-equiv="Content-Type" content="text/html. ?>" /> <?php if ($my->id) { initEditor().css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="wrap"> <div id="header"> <?php echo $mosConfig_sitename.bluerobot.w3.2 Um exemplo básico de arquivo index.org/1999/xhtml" lang="<?php echo _LANGUAGE.0 Transitional//EN" "http://www. <?php echo _ISO.' ). 27 .'/includes/footer. ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ?>/css/template_css.?> <?php mosMainBody().php').asp--> <link xhref="templates/<?php echo $cur_template.?> </div> <div id="footer"> <?php include_once( $mosConfig_absolute_path .?> </div> <div id="content"> <?php mosLoadModules('top').

Indo mais além.7 Conclusão O Joomla é um CMS poderoso e simples que permite que pessoas mesmo sem conhecimento em programação possam fazer e manter sites com aspecto profissional. o ideal é que se tenha algum conhecimento em HTML. onde você poderá criar seus próprios componentes. PHP e CSS. funções e etc. Na medida em que as necessidades aparecem e a curiosidade vai aumentando. Com este conhecimento. 28 . passa-se para um nível mais avançado de desenvolvimento. módulos etc. módulos. você poderá alterar e criar novos templates e efectuar alterações / adequações em componentes. conhecendo de forma mais profunda as linguagens citadas e o banco de dados MySQL e o Guia de referência da API do Joomla.

.joomlapt.html forum.php/vantagens www.com.pt/cms-website-vantagens.htmlstaff..8 Bibliografia www.configuracao-do-joomla www.5 › Extensões J1..wikipedia. › Extensões J1..byjoomla.joomla..br/joomla/o-que-e-joomla www.webdesignportugal.br/./index.br › ..joomla.org www.br/.html www.5: Instalar 29 .com › .org forum.joomlaclube./conhecendo-o-joomla-parte-i-inst blog..joomlarj.br/dicas/conhecendo-o-joomla.com.org › PHP www.com.php?..com..redehost.br/index.com.konfide..net/pt/vantagens-joomla-cms.yoonix.org/wiki/Joomla www.com.html pt. › Matérias › Revista da JoomlaClube extensions.guiadophp.navegabem.