background img
Eleito melhor tutorial do ano:

Como Criar um Site Joomla Básico - Tutorial Fácil!

Neste tutorial, vou te apresentar o Joomla e te mostrar como criar um site com esta popular plataforma de web design e desenvolvimento.

O Joomla é um dos maiores e mais famosos projetos de código aberto GRATUITO, e está lado a lado do WordPress. Com origens que datam de 2000, o Joomla é responsável por muitas inovações no espaço PHP/MySQL, que incluem o WordPress, Drupal, Magento e tantos outros.

como criar um site joomla básico

À medida que continua a prosperar em 2015, o Joomla continua a ser o segundo sistema mais popular de gestão de conteúdo (CMS), ficando atrás apenas do WordPress.

Você muito provavelmente já usou ou ouviu falar do Joomla, mas se você não o usa há algum tempo, a versão mais recente (Joomla 3), tem motivos de sobra para lhe dar um novo olhar.

O Joomla 3 é um produto fascinante e foi o primeiro CMS a ser completamente responsivo para os visitantes e os administradores.

O Joomla 3 é responsivo porque a equipe Joomla decidiu adotar a estrutura (framework) Bootstrap. O uso do Bootstrap tornou o Joomla 3 mais atraente para os designers de frontend, mas também tornou mais fácil para os desenvolvedores criarem interfaces para seu código.

Sua experiência inicial com Joomla 3 foi bastante pensada. O processo de instalação é bem rápido e você tem disponível vários sites de exemplo para escolher.

Você realmente pode ter um site Joomla 3 instalado e funcionando em apenas alguns minutos.

Apresentando o Joomla

http://joomla.org/3/pt-BR/ é o lugar onde começar a pesquisar sobre o Joomla.

Este site tem um vídeo introdutório e uma abundância de informações sobre os recursos do Joomla. Você verá que Joomla 3 suporta o Bootstrap, LESS, jQuery e outros bancos de dados como PostgreSQL.

Se você quiser fazer um test drive com o Joomla você pode clicar no botão laranja "Live Demo".

Mas para construir o nosso website neste tutorial vamos clicar no botão verde "Fazer Download".

baixar joomla

http://www.joomla.org/download.html é o site para baixar a última versão do Joomla 3.

Essa é a versão recomendada para criar novas páginas da web, embora o Joomla 2.5 também esteja disponível nesta página, que é a versão mais antiga, mas ainda suportada. Clique no botão azul "Fazer o Download do Joomla 3.3".

onde e como fazer download

Como Instalar o Joomla

Para instalar o Joomla você tem duas opções. Para ambos os sentidos, você vai precisar de um nome de domínio e hospedagem. Eu recomendo a hospedagem do www.hostgator.com.br para o Joomla, tendo em vista que é provavelmente o plano mais barato e mais conveniente de hospedagem para um iniciante.

  • 1) Instalação com um clique - não deve levar mais que 3 minutos para um iniciante. 
  • 2) Manualmente - isto pode levar cerca de 20-30 minutos.

Criando Seu Novo Site Joomla

Por causa da nossa escolha de dados de exemplo, o seu site Joomla está configurado como um blog.

Existem 4 mensagens na página inicial. Clique no título de qualquer postagem para ver o conteúdo completo.

Há também uma barra lateral com recursos típicos de um blog, tais como uma lista de Postagens Recentes, um Blog Roll e uma lista de Postagens Mais Lidas.

Na introdução eu mencionei que o Joomla agora usa a estrutura Bootstrap. Isso possibilira criar um site responsivo (compativel com aparelhos móveis). Minimize seu navegador para ver como o Joomla reage em telas menores.

A caixa de pesquisa se move sob o título, a imagem encolhe de forma eficaz e a barra lateral desliza sob as mensagens da página inicial.

Como fazer login no seu site Joomla

Agora vamos ver a interface de administração do Joomla 3.

Adicione a palavra /administrador/ na URL do seu site. Por exemplo, http://seunovodominio.com/administrator/

Faça o login usando o nome de usuário e senha que você criou durante o processo de instalação.

A interface de administração do Joomla foi completamente redesenhada para o Joomla 3.

A barra principal de ferramentas na parte superior da tela contém tudo que você precisa para administrar seu site.

O Painel de Controle que você vê após o primeiro login contém atalhos úteis e informações com base nessa barra de ferramentas principal.

Graças ao Bootstrap, a interface de administração também está pronta para o uso em dispositivos móveis.

Vamos escrever nosso primeiro conteúdo no Joomla.

Na barra de ferramentas principal, vá para Conteúdo, e depois para o Gestor de Artigos.

Há somente três coisas que você precisa fazer para publicar seu primeiro artigo:

  • Título: Meu primeiro artigo
  • Categoria: Blog
  • Texto do Corpo: Estou publicando no Joomla 3 pela primeira vez

Clique em Salvar para publicar seu artigo.

Clique no Nome do Site no canto superior esquerdo da tela.

Você vai ver agora o seu artigo publicado na parte superior da página inicial.

A parte inferior da página inicial terá agora a paginação para que você possa rolar novamente para artigos mais antigos.

Volte à área do administrador.

Vamos voltar ao nosso novo artigo para que possamos te mostrar algumas características adicionais.

Você pode encontrar o seu artigo na caixa de artigos Recentemente Adicionados. Você também pode encontrá-lo clicando em Conteúdo e, em seguida, em Gestor de Artigos na barra de ferramentas principal.

Você pode adicionar imagens em artigos Joomla usando o botão de imagem no corpo do texto.

Clique na imagem e você verá uma janela pop-up com as imagens existentes no seu site.

Para usar uma determinada imagem, clique na imagem para selecioná-la e, em seguida, clique em Inserir.

Desloque-se dentro da janela pop-up e você poderá fazer o upload de novas imagens.

A barra lateral contém as opções mais importantes para cada artigo.

  • Status: publicar o artigo ou mantê-lo como um rascunho.
  • Acesso: se você definir isso para inscritos, apenas usuários registados poderão vê-lo. Defina esta opção para Especial e apenas os administradores do site poderão vê-lo.
  • Marcações (tags): como com o WordPress, você pode organizar o conteúdo com categorias hierárquicas e também com marcações de forma livre.

Mais opções avançadas de artigo estão disponíveis no interior de abas no topo da tela.

  • Opções de Publicação: definir datas de início e de término para a publicação do artigo.
  • Opções de Artigo: controlar a exibição do artigo.
  • Configure a Tela de Edição: escolha o que os usuários podem ver quando editar o artigo na frente do site.
  • Opções Internas de Metadados: adicionar uma meta descrição e muito mais.
  • Permissões do Artigo: controle de acesso e recursos de edição.

Para procurar e organizar todos os artigos em seu site, feche o artigo que você está editando e clique em Conteúdo, em seguida, em Gestor de Artigos.

Você pode ver o conteúdo do seu site na área principal.

Na barra lateral esquerda você pode usar os filtros para aprofundar e encontrar artigos.

Modelos (template) do Joomla

O design do seu site Joomla é controlado por modelos de apresentação (templates).

Na barra de ferramentas principal, vá para Extensões, em seguida, em Gestor de Extensões.

Clique em Meu Estilo Padrão (Protostar) e, em seguida, na guia Opções.

Você pode mudar as cores do texto e do fundo do seu template, fazer upload de um novo logotipo e adicionar fontes do Google.

Os principais recursos do Joomla são chamados Componentes. Eles têm o seu próprio link na barra de ferramentas principal.

3 das extensões padrões são particularmente úteis:

  • Contatos: permite criar formulários de contato
  • Atualização do Joomla: atualização do núcleo Joomla com um clique
  • Marcações: Organize as marcações adicionadas aos artigos

Qualquer característica importante que você adicionar ao Joomla aparecerá neste menu de Componentes.

Nós vimos que o nosso site Joomla tem uma barra lateral completa de recursos de blog. Joomla usa a palavra módulos para os itens da barra lateral.

Clique em Extensões, em seguida, no Gestor de Módulos e você verá uma lista das características de blog: Posts Mais Antigos, Blog Roll, Mais Lidos, e assim por diante.

Você pode ver que a maioria destes módulos estão na posição 7.

Finalmente, vamos ver como controlar nossas barras laterais.

Extensões Internas, no Gestor de Templates, clique no botão Opções na parte superior da tela.

Defina as Posições de Visualização de Módulos para Habilitadas.

Agora adicione ?tp=1 à URL do seu site para que ele se parece com isto: http://seunovodominio.com/?tp=1

Você vai ver agora os nomes de todas as diferentes regiões onde os módulos podem ser colocados. Olhando para os módulos padrão, você pode confirmar que a maioria está de fato na posição 7.

Extensions.Joomla.org

Neste tutorial até agora vimos as características do Joomla padrão, mas uma plataforma popular como o Joomla tem 1000 de opções extras disponíveis.

O único lugar para procurar extensões confiáveis ​​é http://extensions.joomla.org. Este diretório foi lançado em 2006 e agora existem cerca de 9000 extensões em categorias de "Acesso e Segurança" para "Estilo & Design". O nome completo do diretório é o Diretório de Extensão do Joomla, ou JED (Joomla Extension Directory). Eu vou chamá-lo de JED ao longo deste tutorial.

Uma diferença importante entre o JED e o diretório plug-in do WordPress é que qualquer extensão pode ser listada, independentemente de haver ou não uma versão gratuita. Então, é justo dizer que o JED realmente contém todas as extensões do Joomla que valem a pena usar. Você pode suspeitar de qualquer extensão que não estiver aqui.

O JED tem um sistema de avaliação e classificação ativa.

Algumas das extensões mais populares do diretório tem mais de 100 avaliações e cada um é avaliado de acordo com sua funcionalidade, facilidade de uso, documentação e suporte.

A imagem abaixo foi retirada do "Acesso e Segurança" e da categoria de segurança no http://extensions.joomla.org/category/access-a-security. Você pode ver na ordem das extensões que o número de comentários tem um grande impacto. Quando você faz uma pesquisa no JED você normalmente encontra as extensões mais populares e bem-confiáveis ​​no topo.

Clique em "Akeeba Backup" e você vai ver um grande exemplo de informações sobre uma extensão. Akeeba é uma das extensões mais populares do ecossistema Joomla - muitas, muitas pessoas a usam para fazer backup de seus sites. Aqui está a lista de Backup Akeeba com rótulos que mostram onde encontrar detalhes diferentes:

  1. Nome da extensão
  2. Link do download
  3. Uma descrição detalhada
  4. Avaliações
  5. Outras extensões pelo mesmo desenvolvedor
  6. Número da versão, nome do desenvolvedor, última data de atualização etc.
  7. Download, links de suporte e documentação

Vamos usar o Akeeba Backup como um exemplo de como baixar e instalar a extensão.

  • Clique no botão azul "Faça o download".

Você obterá um arquivo compactado enviado para o seu desktop com um nome semelhante ao com_akeeba-4.1.2-core.zip.

Não extraia esse arquivo - basta deixá-lo comprimido. Se o seu computador extrair automaticamente os arquivos (como o Mac às vezes faz), você vai precisar compactar a pasta novamente.

Agora vamos fazer o upload da extensão do Backup Akeeba:

Você vai ver agora uma mensagem de boas-vindas do Joomla e o desenvolvedor da extensão. Neste exemplo, o Joomla diz "A instalação do componente foi bem-sucedida" e a extensão diz: "Bem-vindo ao Akeeba Backup!"

Sabemos da mensagem que Akeeba Backup é um componente, então vamos olhar o nosso menu "Componentes". Ou seja, o - Akeeba Backup foi instalado com êxito. Você pode clicar no link do menu na imagem abaixo e começar a usar o Akeeba Backup para fazer cópias de segurança de seu site Joomla.

Você pode usar um processo semelhante para encontrar qualquer recurso para o seu site Joomla:

  1. Visite http://extensions.joomla.org
  2. Procure uma extensão, olhando as descrições, opiniões, avaliações e informações que disponíveis.
  3. Baixe a extensão que você deseja testar.
  4. Faça login seu site Joomla e faça o upload da extensão.

Há cerca de 9.000 extensões Joomla disponíveis agora, portanto qualquer que seja o recurso que você está procurando, você vai encontrá-lo em http://extensions.joomla.org.

Outros Recursos Úteis para Criar Site Joomla

Aqui estão alguns recursos adicionais que você pode olhar:

Se você precisar de alguma ajuda na criação de um site Joomla, não hesite em me contatar: fabio@comofazerumsite.org

Este artigo foi escrito em parceria com OSTraining.com


3 comentários: Deixe seu Comentário

  1. Pedro e Lia

    Eu sei que já disseram isso, mas eu queria te agradecer por colocar este excelente tutorial. Sua explicação não só me levou a fazer meu primeiro site, mas também uma melhor compreensão do que é Joomla e como usá-lo. Obrigado!

    Responder
  2. Josivaldo

    Guia claro e fácil de seguir, obrigado. É facilmente o melhor tutorial para o iniciante. Muita coisa para aprender, mas seu texto me possibilitou subir nos primeiros degraus da escada.

    Responder
  3. Daniel

    Magnífico! Eu nunca trabalhei com Joomla antes, (fã de WP ), mas eu sinto que estou pronto para montar um site agora .. e aprender mais a medida que faço isso.

    Responder