Upload
hathu
View
217
Download
0
Embed Size (px)
Citation preview
www.rafaelcarmo.com.br
EBOOK
MANUAL COMPLETO EM CRIAÇÃO E DESENVOLVIMENTODE SITES.
app/web developer
Sumário
Conheça os Recursos do Joomla ......................................................................................... Pág. 01
O que é o Joomla CMS ......................................................................................................... Pág. 02
Conheça o Front-end do Joomla .......................................................................................... Pág. 03
Conheça o Back-end do Joomla ........................................................................................... Pág. 04
Como funciona o Joomla ...................................................................................................... Pág. 06
Categorias ............................................................................................................................. Pág. 08
Tags (Marcadores) ................................................................................................................ Pág. 09
Mídia ..................................................................................................................................... Pág. 11
Menus ................................................................................................................................... Pág. 12
Usuários ................................................................................................................................ Pág. 14
Extensões ............................................................................................................................. Pág. 15
Componentes......................................................................................................................... Pág. 16
Módulos ................................................................................................................................ Pág. 18
Templates (Tema) ................................................................................................................. Pág. 20
Plugins .................................................................................................................................. Pág. 24
Idiomas ................................................................................................................................. Pág. 25
Instalando o Joomla em localhost ......................................................................................... Pág. 26
Criando conteúdo para o seu Joomla ................................................................................... Pág. 31
Adicionando Categorias ........................................................................................................ Pág. 32
Criando Artigos ..................................................................................................................... Pág. 34
Adicionando os Menus .......................................................................................................... Pág. 38
Criando e exibindo as Tags (Marcadores) ............................................................................ Pág. 44
Personalizando os Artigos .................................................................................................... Pág. 46
Adicionar imagens aos Artigos ............................................................................................. Pág. 52
Adicionar links aos Artigos .................................................................................................... Pág. 56
Adicionando “Quebra de Página” e “Leia mais” .................................................................... Pág. 61
Modelos de Administrador .................................................................................................... Pág. 66
Instale um Template (Tema) para o Joomla ......................................................................... Pág. 69
Criando estilos de Modelos aos itens de Menu .................................................................... Pág. 73
Organizando os módulos ...................................................................................................... Pág. 76
Adicionando um módulo em seu site .................................................................................... Pág. 80
Configurar definições de módulos ........................................................................................ Pág. 85
Editar módulos no front-end .................................................................................................. Pág. 86
Incluindo um formulário de contato ....................................................................................... Pág. 87
Criar um item de menu para exibir formulário ....................................................................... Pág. 90
Configurando o formulário de contato ................................................................................... Pág. 95
Conclusão ............................................................................................................................. Pág. 96
Sobre o Autor ........................................................................................................................ Pág. 97
Introdução
Nesse E-book você irá aprender os conceitos básicos sobre o Joomla, que é sem dúvidas um dos
mais poderosos CMS que existe na atualidade.
Atualmente esse CMS é utilizado no mundo inteiro, tanto que desde 2006 ele já foi baixado mais
de 30 milhões de vezes. Além disso, ele é baixado a cada 2,5 segundos! Isso mesmo, a cada 2,5
segundos alguém pelo mundo a fora está baixando o Joomla.
Hoje, ele é utilizado para diversos tipos de sites. Desde os mais simples, como um site pessoal,
até os mais complexos. O Joomla serve, por exemplo, para criar:
• Sites pessoais,
• Sites empresariais,
• Sites de comércio online,
• Sites de turismo,
• Sites de aplicações governamentais,
• Sites de ONGs,
• Intranets e extranets corporativas,
• Sites de revistas e jornais.
Com Joomla você também pode gerenciar cada aspecto do seu site, como por exemplo, adicionar
o conteúdo do site, adicionar imagens, processar pagamentos de cartão de crédito etc. Tudo sem
muita complicação.
Confira um pouco mais sobre o Joomla em um artigo que escrevi em meu blog
http://www.rafaelcarmo.com.br/blog/item/99-joomla-o-mais-poderoso-sistema-para-cms
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 1
Joomla! 3.6 – Conheça os recursos
Joomla! 3.6 é um novo mundo emocionante com um monte de melhorias legais. Para obter mais
informações sobre o Joomla! 3.6, você deve ir para http://www.joomla.org/3/
Passo 1: Conheça Joomla! CMS
No passado, se você precisava de um site, a única opção era contratar um estúdio web profissional
para construí-lo, em seguida, você estava totalmente dependente deles para mantê-lo. Mas agora,
com a ascensão do software livre, você pode facilmente construir um Web site você mesmo usando
um Sistema de Gerenciamento de Conteúdo (CMS). Existem vários CMS ao redor, mas o mais
adequado para um site pequeno, médio ou grande é Joomla, seja ele um Site Institucional, E-
commerce ou Blog.
Nesta seção, você terá uma breve introdução ao Joomla! E do que ele é feito.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 2
O que é o Joomla! CMS?
Joomla! O CMS é um software gratuito baseado na web que permite criar e gerenciar websites.
Você pode controlar:
1. Conteúdo do site, como texto, fotos, vídeos, etc.
2. Aparência do site utilizando módulos, plug-ins e templates.
3. Funcionalidade do site utilizando extensões.
Existem duas partes do sistema: o front-end (o que o público vê) e o back-end (o que os
administradores veem).
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 3
O front-end
O front-end é o que as pessoas veem quando visitam o seu site. Normalmente há itens padrão,
incluindo um logotipo, barra de menu, coluna lateral e texto principal empacotado em um design
legal.
Front-end do Site
Com um template profissional e um conhecimento básico do Joomla você pode fazer lindos sites,
confira alguns no meu Portfólio http://www.rafaelcarmo.com.br/portfolio
Obs: Todos os sites no meu Portfólio foram feitos em Joomla
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 4
Visualizando um artigo no front-end
O back-end
O back-end é a área de administração e é onde você controla seu site. O acesso é fornecido através
de uma página de login especial e somente para usuários com permissão de administrador.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 5
Back-end Joomla
Editando artigo no back-end
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 6
Como funciona o Joomla?
Agora, vamos explorar as principais partes do Joomla!
Conteúdo
No Joomla! O conteúdo é composto de artigos, categorias e mídias.
Artigos
Os artigos são os principais blocos de construção de um Site Joomla. No front-end você pode
facilmente reconhecer um artigo como um pedaço de texto com ou sem imagens, apresentado na
área de conteúdo principal.
O artigo “Começando”
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 7
No back-end, os artigos são gerenciados usando o "Artigo", que é acessível através do menu
"Conteúdo" => "Artigo".
Página de “Artigos”
Aqui, você pode criar novos artigos, editá-los, optar por publicá-los ou despublicá-los, etc.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 8
Categorias
As categorias ajudam você a organizar seus artigos mais convenientemente. Você pode imaginar
categorias como pastas contendo arquivos. Por exemplo, uma categoria "Produtos" pode conter
todos os artigos sobre seus produtos. Ou, uma categoria "Sobre Nós" pode conter artigos como
"Nossa Empresa", "Nossa Visão", "Administração", etc.
No back-end, as categorias são gerenciadas usando a "Categoria" acessível através do menu
"Conteúdo" => "Categoria".
Página de “Categorias”
Aqui, você pode criar novas categorias, editá-las, optar por publicá-las ou despublicá-las, etc.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 9
Tags (Marcadores)
As tags ou marcadores são palavras-chave ou termos atribuídos a um pedaço de informação.
Descreve o conteúdo do item. Por exemplo, você pode adicionar tags "Joomla! Modelos" e "Joomla!
Extensões" para o artigo Introdução ao Joomla!".
Os itens com tags semelhantes serão agrupados para que as pessoas possam pesquisá-los
facilmente. Você também pode criar um item de menu (ou um módulo) para exibir as tags criadas.
No back-end, as tags estão localizadas no painel de edição de artigos. Você vai para "Conteúdo"
=> "Artigo", em seguida, acessar os artigos individuais para atribuir tags.
A função "Tag" permite atribuir palavras-chave a um determinado item ou artigo
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 10
Para gerenciar todas as suas tags (marcadores), você pode ir para "Componente" => "Marcadores"
Vá para "Componentes" -> "Tags (Marcadores)" para gerenciar suas tags
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 11
Mídia
Simplificando, a mídia é material não-texto que você pode colocar em seu conteúdo. Isso pode ser
não apenas imagens, mas também vídeos e outros elementos multimídia.
A mídia é gerenciada usando o "Mídia" acessível através do menu "Conteúdo" => "Mídia".
Página de Mídia
Aqui, você pode criar novas pastas de mídia, fazer upload de arquivos, etc.
Obs: Você também pode acessar as Mídias quando estiver editando algum artigo, módulo, plugin,
etc, facilitando o envio de imagens ou vídeos para seu conteúdo.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 12
Menus
Os menus ajudam os visitantes do site a navegar e acessar todas as áreas do seu site. Você pode
criar vários menus e configurá-los para serem mostrados em locais diferentes, como na coluna
superior ou lateral.
Menu de Exemplo
No exemplo acima, o administrador criou um menu "Menu Principal" com vários itens "Sobre Nós",
"Galeria de Fotos!", etc.
Para controlar os menus, vá para o gerenciador de menus "Menus" => "Gerenciar".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 13
O "gerenciar" na administração do Joomla!
No gerenciador de menus você pode criar menus e itens de menu ligando a qualquer parte do site
que você deseja. Quando o menu estiver pronto, você criará um módulo de menu para exibir o
menu no front-end.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 14
Usuários
Joomla! Permite que seu site tenha vários usuários registrados. Todos os usuários são organizados
em grupos de usuários, que têm permissão para acessar determinadas partes do site. Por padrão,
existem vários grupos de usuários, como "Autor", "Editor”, etc. Por exemplo:
Os utilizadores atribuídos ao grupo "Administrador" podem aceder ao back-end e ao front-end
Os usuários atribuídos ao grupo "Registrado" só podem acessar o front-end. Você pode gerenciar
usuários, grupos de usuários e níveis de acesso no Gerenciador de Usuários através do menu
"Usuários".
O menu “Usuários” na administração do site
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 15
Extensões
Extensões são softwares especialmente escrito para ser conectado ao Joomla! A fim de estender
a funcionalidade do site. Por exemplo, se você quiser ter um slideshow de fotos, galeria de vídeos
ou um formulário de contato avançado, então você precisará instalar extensões para essas
finalidades.
Por padrão Joomla! É fornecido com várias extensões que cobrem as necessidades básicas. Se
você quiser mais, existem milhares de adicionais para Joomla! disponíveis no Joomla!
Diretório de Extensôes. Este é o diretório oficial do Joomla! Extensões mantidas pelo Joomla!
https://extensions.joomla.org/
Existem 5 tipos básicos de extensões: componentes, módulos, plug-ins, temas e idiomas. Cada
uma dessas extensões manipula funcionalidades específicas.
Vamos dar uma olhada!
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 16
Componentes
Um componente é o tipo de extensão mais complexa. Ele pode ser visto como um aplicativo que
executa determinadas tarefas e exibe conteúdo específico em seu site. Como mencionado antes
de uma galeria de vídeo é um exemplo de um componente. Também poderia ser um componente
de E-commerce, sistema de reservas, galeria de fotos, fórum e muito mais.
Componente Phoca-Gallery (Galeria de Fotos) no painel administrativo
O conteúdo produzido por um componente é exibido na área de conteúdo principal. Todos os
componentes estão localizados na seção "Componentes".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 17
Menu Componente na administração do site Joomla
Por padrão, o Joomla! 3 é fornecido com os seguintes componentes: "Banners", "Contatos",
"Joomla! Atualização", "Mensagens", "Fonte de Notícias", "Mensagens de pós-instalação",
"Redirecionar ", "Pesquisar", "Busca inteligente" e "Marcadores".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 18
Módulos
Módulos têm funções semelhantes como componentes, mas em menor escala. Eles executam
tarefas simples e exibem conteúdo como pequenos blocos em uma página.
Os módulos que aparecem no front-end
Exemplos de módulos são uma caixa de pesquisa, formulário de login, menu, slideshow, conteúdo
mais lido, etc. Em muitos casos, os módulos estão trabalhando em conjunto com componentes
para apresentar conteúdo. Por exemplo, um componente de E-commerce é usado para gerenciar
produtos e um módulo é usado para mostrar produtos recentes.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 19
Todos os módulos são gerenciados via "Extensões" => "Módulo".
Página de “módulos” no administrador
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 20
Templates (temas)
O Template controla a apresentação gráfica do seu site. Ele determina o layout, cores, posições,
gráficos e outros aspectos do design que tornam seu site único.
Em geral, um modelo consiste em três elementos:
Elementos gráficos estáticos, como imagens de fundo, decoração de design, logótipo, etc.
A área de conteúdo principal que apresenta os dados gerados pelos componentes.
Múltiplas posições de módulo para mostrar conteúdo apresentado por módulos, em locais
específicos.
Exemplo de imagem de plano de fundo, posição do módulo e área principal do corpo / conteúdo
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 21
No administrador, você pode controlar Temas através de "Extensões" => "Temas".
Temas
Aqui estão mais alguns exemplos de um site desenvolvidos por mim utilizando templates
profissionais:
FACULDADE DINÂMICA
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 22
PLAMHUV
APVS BRASIL
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 23
PONTO DA ARTE
MUNDIAL INTERIORES
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 24
Plug-ins
Os plug-ins são projetados para exibir conteúdo dentro de componentes e módulos. Os plug-ins
também podem executar tarefas em determinados pontos durante o carregamento do site. Você
pode pensar em plug-ins como uma maneira mais versátil de interagir com o sistema.
Exemplos de plug-ins que você pode ver são a funcionalidade de votação e o botão "Leia mais ..."
nos artigos.
Todos os plug-ins são gerenciados via "Extensions" => "Plugins".
“Plugins”
No Joomla! 3, os plug-ins são divididos em onze categorias: "autenticação", "captcha", "conteúdo",
"editor", "editores-xtd", "botão", "extensão", "pesquisar", "sistema", "autenticação de dois fatores" e
"usuário".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 25
Idiomas
Os idiomas permitem que você execute seu site em mais de um idioma. Você pode instalar o pacote
de idiomas diretamente do Painel Administrativo do Joomla.
Por exemplo, se você quiser usar o português para o seu Site em Joomla!
Vá para "Extensões" => "Idioma (s)"
Clique no botão "Instalar idiomas"
Na próxima página, você verá todos os pacotes de instalação para os idiomas disponíveis. Basta
fazer uma pesquisa para "português", selecione-o e clique no botão Instalar no canto superior
direito.
Você também pode baixar os pacotes de tradução em português do Joomla! Diretório de extensão
para idiomas, em seguida, instalá-los usando o "Extensão".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 26
Ambos os dois idiomas instalados serão mostrados em "Extensões" => "Idioma (s)" no
Administrador.
>>> O próximo passo
Agora que você tem uma visão sobre o que é Joomla! É a hora de experimentá-lo em. Vamos
instalar Joomla! 3.6 em seu localhost e fazer um teste.
Etapa 2: Instale o Joomla! 3.5 no localhost
Instalando o Joomla! 3.x. Em localhost é simples, mas pode ser complicado a primeira vez que
você tentar. Então, para esta etapa, fornecemos instruções sobre como fazer isso do zero.
Primeiro, vamos esclarecer o significado de "Localhost". Como você sabe, qualquer site precisa ser
hospedado em um servidor web para ser mostrado aos usuários. Normalmente, você precisaria
comprar um pacote de hospedagem de algum provedor de hospedagem como Locaweb ou
HostGator. Dependendo do pacote que você escolher, um provedor de hospedagem irá instalar um
servidor web para você em uma de suas máquinas de servidor, que é acessível ao público. Um
localhost é basicamente o mesmo tipo de servidor web, mas instalado em seu próprio computador.
Agora, para rodar o Joomla!, você precisa não só de um servidor web, mas também de mais duas
coisas: o interpretador de script PHP e o sistema de banco de dados MySQL. Parece complicado,
mas felizmente, há um único software chamado XAMPP com todos os elementos incluídos.
Vamos instalar o XAMPP no seu computador.
Instalar o XAMPP
1.Faça o download do pacote de instalação XAMPP em
http://www.apachefriends.org/en/xampp.html
2. Execute o arquivo de instalação como faz com o software regular e siga as instruções passo a
passo.
3. Abra "XAMPP Control Panel Application" e inicie "Apache" e "MySQL".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 27
Painel de Controle do XAMPP
É isso, seu localhost agora está instalado. Você pode verificar se funciona ou não, digitando o
endereço:
"http://localhost" em seu navegador da web. Você deve ver uma página conforme ilustrado abaixo.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 28
4. Crie um banco de dados no phpMyAdmin.
Na interface XAMPP, clique em phpMyAdmin para iniciar a criação do banco de dados.
Clique “phpMyAdmin”
Em seguida, clique em banco de dados na barra de ferramentas, conforme ilustrado:
Clique em “Base de Dados”
Em seguida, digite o nome do banco de dados e clique em "Criar"
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 29
Agora você está pronto para instalar o Joomla!.
Instale o Joomla!
1. Faça o download do Joomla! 3.6 pacote completo em http://www.joomla.org/download.html
2. Crie uma nova pasta intitulada "Joomla36" na pasta "htdocs" na pasta XAMPP. Normalmente ele
será localizado em "C: \ xampp \ htdocs"
3. Descompacte o arquivo de pacote baixado na pasta "Joomla36"
4. Vá para a URL "http://localhost/Joomla36 em seu navegador"
5. Siga todos os passos no Joomla! instalação:
Etapa 1. Configuração principal
Selecione Idioma: Escolha seu próprio idioma no menu suspenso, por exemplo, "Inglês (Estados
Unidos)"
Nome do site: digite o nome do seu site
Descrição: Insira a descrição do seu site
Site off-line: Escolha o status do seu site quando acessar seu site: Clique em "Sim" para "offline" e
"Não" para "on-line"
E-mail do administrador: digite o endereço de e-mail válido que você deseja usar para seu site
Nome de usuário do administrador: insira "admin" como padrão
Senha de Administrador: Digite sua própria senha
Confirmar senha de administrador: digite novamente sua senha
Clique em "Next" para continuar o Passo 2
Etapa 2. Configuração do banco de dados
Tipo de Banco de Dados: Selecione MySQLi
Nome do Host: Digite "localhost"
Nome de usuário: insira "root"
Senha: deixe em branco
Nome do banco de dados: digite o nome do banco de dados que você criou "Joomla3"
Prefixo de Tabela: permite gerar automaticamente
Processo de banco de dados antigo: Clique em "Backup" para fazer backup de tabelas do antigo
Joomla! Instalação, ou "Remover" para excluir essas tabelas
Clique em "Next" para continuar o Passo 3
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 30
Passo 3. Visão Geral
Instalar dados de exemplo: quando você escolhe instalar dados de amostra, você terá um site
básico do Joomla com conteúdo pronto para você começar a aprender o Joomla. Existem 5 pacotes
de dados de amostra para você escolher.
Visão Geral: Esta etapa é para rever todas as informações que você configurou na etapa 1. Se
você quiser verificar toda a configuração por e-mail após a instalação, você pode selecionar Sim
no parâmetro Configuração de e-mail. Depois de analisar todas as configurações, clique no botão
Instalar.
Quando a instalação terminar, basta clicar no botão "Remover pasta de instalação" para concluir o
processo de instalação. Depois disso, você pode clicar em "Site" para ver seu recém-criado ou
"Administrador" para acessar a área de administração.
Agora você tem seu primeiro Site Joomla instalado com sucesso! Não é muito difícil, certo?
Agora que seu site está pronto, vamos preenchê-lo com o conteúdo.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 31
Passo 3: Criar conteúdo para o seu Joomla! Local
Então, naturalmente, o elemento mais importante de cada site é o conteúdo. Nesta etapa, você
verá:
1. Preparar a estrutura de conteúdo
2. Criar conteúdo
3. Fazer artigos
Preparar uma estrutura de conteúdo
Criar conteúdo é como organizar os produtos em uma mercearia. Em Joomla! Artigos são como
produtos, as categorias são como as prateleiras segurando produtos e menus são como corredores
para as prateleiras. Agora, vamos imaginar que você tem um site vendendo itens de luxo. A
estrutura de conteúdo pode se parecer com a seguinte:
1. Sobre
A. Sobre o meu site
B. Como comprar / encomendar produtos
C. Como efetuar o pagamento
2. Notícias
A. Últimas notícias
B. Novidades
C. Venda
D. Cupons
E. Promoção
3. Suporte
A. Informação do Produto
B. Serviços ao cliente on-line
C. Entre Em Contato Conosco
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 32
Criar conteúdo
Quando a estrutura de conteúdo estiver pronta, você pode replicá-la no Joomla! Vamos começar
com a criação de categorias.
Categorias
1. Vá para "Conteúdo" => "Categorias" e clique em "Adicionar Nova Categoria"
Adicionando uma nova “Categoria”
2. Em seguida, insira o título da categoria "Sobre", introduza a descrição para esta categoria.
Na guia Opções de Publicação, você deve inserir informações para Meta Descrição. Isso será
útil para SEO. Clique no botão "Salvar e fechar" na barra de ferramentas.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 33
Depois de salvar, você pode ver sua nova categoria "Sobre" aparecendo na Lista de Categorias.
Você pode criar o resto de suas categorias da mesma maneira.
Seis novas categorias
Quando as categorias estiverem prontas, é hora de criar artigos.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 34
Artigos
Vamos adicionar um novo artigo na categoria "Sobre"
1. Vá para "Conteúdo" => "Artigos" e clique em "Criar novo artigo"
Adicionando novo artigo
2. Em seguida, você precisa configurar três parâmetros:
Título: "Sobre meu site".
Categoria: Selecione a categoria "Sobre" na lista.
Texto do artigo: inserir o conteúdo do artigo. Por agora, vamos assumir que você tem um artigo
simples com texto simples.
Conteúdo do artigo
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 35
3. Se pretender que um artigo seja apresentado na primeira página, localize o parâmetro
"Destaque" e defina-o como "Sim". Isso fará com que este artigo apareça na primeira página do
site.
Clique em "Sim" para mostrar o seu artigo na primeira página
Se você quiser adicionar marcadores ao artigo, basta digitar suas palavras-chave para o parâmetro
"Marcadores".
Adicione tags ao artigo com sua palavra-chave
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 36
4. Na guia "Publicação", você precisa configurar os parâmetros de Meta Descrição. O texto que você inserir
aqui será exibido nos motores de busca em seu link. Você deve escrevê-lo para fins de SEO.
Introduza a descrição meta para o efeito SEO
5. Quando terminar, clique no botão "Salvar e fechar" na barra de ferramentas para salvar o artigo.
Agora, você tem um novo artigo no Gerenciador de artigos
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 37
O novo artigo "Sobre o meu site"
Criar outros dois artigos "Como comprar / encomendar produtos" e "Como fazer o pagamento" na
categoria "Sobre".
Três novos artigos criados
Agora que você concluiu o processo de criação de conteúdo, há uma última coisa a fazer: criar
itens de menu com links para esses artigos.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 38
Menus
Em Joomla! Um menu é uma coleção de links para certos elementos como artigos. No painel
administrativo, todos os menus estão localizados na seção "Menus". Por padrão, do Joomla! É pré-
instalado com um menu chamado "Menu Principal".
Apresentação do " Menu principal" no front-end
Vamos adicionar novos itens de menu ao menu "Menu Principal".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 39
1. Clique no menu principal no menu suspenso "Menus".
Clique em "Menu Principal" para ver todos os itens de menu associados
2. Em seguida, clique no botão "Novo" para criar um novo item de menu.
Clique no botão "Novo" para criar um novo item de menu
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 40
3. Em seguida, clique no botão "Selecionar" para escolher o tipo de item de menu.
Clique em “Selecionar” para escolher o tipo de menu
4.Como resultado, é exibida uma tela pop-up. Há muitos elementos diferentes aos quais você pode
criar um link, como "Contatos", "Artigos", "Pesquisa inteligente", "URL Externa" e assim por diante.
Neste caso, você precisa criar um link para um artigo, então clique em "Artigo Único ou Artigo
Específico".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 41
Selecione artigo especifico
5. Em seguida, você precisa preencher o parâmetro "Título do Menu", por exemplo "Sobre o meu
site".
6. Em seguida, você tem que escolher o artigo que você deseja exibir. À direita da tela, clique
no botão "Selecionar" para selecionar um artigo.
Clique no botão “Selecionar”
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 42
7.Uma tela pop-up será exibida. Selecione o artigo "Sobre meu site".
Clique no artigo que deseja selecionar
8.Clique em "Salvar e Novo" para criar mais dois links de menu para os outros dois artigos "Como
comprar / encomendar produtos" e "Como fazer um pagamento".
Clique em “Salvar & Fechar”
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 43
Depois de criar estes, você terá três novos itens de menu.
Três itens de menu recém-criados
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 44
Tags (marcadores)
Você pode criar um menu ou módulo para exibir suas tags.
Para criar um Menu de Etiqueta: Vá para "Menus" => "Menu Principal" => "Adicionar Novo Item de
Menu" e escolha o tipo de "Tags".
Criar novo menu para exibir suas tags
Para criar um módulo de tag: Vá para "Extensões" => "Módulos" => "Novo" => escolha "Marcadores
- Populares".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 45
Criar novo módulo para exibir suas tags
Agora, você pode ir para o front-end e ver o resultado.
Ao clicar em um link dos marcadores ele leva para o artigo especifico
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 46
Tornar os artigos bonitos
Você já sabe como criar artigos. É hora de ficar mais avançado e criar artigos que são mais
atraentes. Há várias maneiras que você pode usar para fazer isso, como: formatação de texto,
adição de imagens, links, etc.
Joomla 3 permite que você insira um módulo Joomla em artigos com apenas cliques. Assim, você
pode ter incrível capacidade de fazer seus artigos ficarem muito mais atraentes e bonitos.
Formatar texto
Se você trabalhou com o Microsoft Word ou qualquer outro processador de texto, então formatação
de texto no Joomla! vai parecer familiar para você. No entanto, é muito mais simples do que o
Microsoft Word, pois existem apenas algumas opções básicas de formatação de texto.
Vamos para o artigo e clique no artigo "Sobre o meu site" para abri-lo. Agora, concentre-se na área
do editor de artigos. É aqui que você edita seu artigo:
Editando artigo
Dê uma olhada nas opções de formatação - a maioria dos ícones parece muito familiar, com ícones
para tornar o texto em negrito, itálico ou sublinhado e ícones para alinhar seu texto. Basta selecionar
o texto que deseja criar e clicar no ícone correspondente.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 47
Você pode criar cabeçalhos de diferentes níveis selecionando o texto a ser estilizado e clicando no
menu suspenso ao lado de "Parágrafo". Role para baixo o menu drop-down e escolha um título
adequado de "Título 1" para "Título 6".
Escolher estilos de cabeçalho para texto
Adicionar imagens
O Joomla 3.6 permite que você adicione imagens simplesmente arrastando e soltando-as no editor
de texto. Desta forma, você pode economizar muito tempo com o upload de imagens, mas pode
ser difícil gerenciar todas as imagens enviadas.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 48
Ainda recomendamos que você organize imagens em pastas específicas antes de adicionar artigos.
Isso torna mais fácil encontrar e atualizar a imagem quando você quiser.
Criar pastas de imagem
1. Vá para "Conteúdo" => "Mídia", clique em "Criar Nova Pasta" na barra de ferramentas
2. Digite o nome da pasta e clique no botão "Criar Pasta".
Criar nova pasta
Agora você tem sua nova pasta criada no gerenciador de mídia.
A pasta "sobremeusite" no gerenciador de mídia
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 49
Enviar imagens
Agora é hora de carregar as imagens em sua pasta de imagem recém-criada "sobremeusite".
1. Clique na pasta "sobremeusite" e, em seguida, clique no botão verde "Enviar"
Clique em “Enviar”
2. Em seguida, clique em "Escolher arquivos" para procurar arquivos de imagem disponíveis.
“Escolha os arquivos”
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 50
3.Selecione os arquivos para envio.
Selecione as imagens
Iniciar o Envio
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 51
Agora, sua imagem recém-carregada está na pasta "sobremeusite".
A imagem exibida na pasta "sobremeusite"
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 52
Adicionar imagens ao artigo
Depois que as imagens são enviadas para o servidor, você pode adicioná-las a um artigo. Vamos
usar o mesmo artigo "Sobre meu site".
1. Com o artigo aberto, coloque o cursor no ponto no texto onde deseja inserir uma imagem e
clique no botão "Imagem" abaixo do painel de texto do artigo.
Adicionando imagem abaixo do texto
2. Escolha a imagem apropriada para inserir.
Abra a pasta “sobremeusite”
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 53
3.Introduza os parâmetros Descrição da imagem e Titulo da Imagem para descrever a imagem e
clique no botão "Inserir" na parte superior da tela para concluir a inserção da imagem.
Escolha a imagem clicando nele e depois adicione os parâmetros
4.A imagem é inserida no artigo.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 54
Agora, você pode sentir que a imagem é muito grande ou muito pequena e quer mudar suas
dimensões ou alinhamento. Clique na imagem primeiro e, em seguida, clique no botão "Inserir /
editar imagem" nas opções de formatação acima do editor do artigo para editá-lo. Você ainda pode
clicar e arrastar a imagem pelas beiradas para redimensionar.
O botão para editar / inserir imagem
Uma tela pop-up será exibida. Aqui, você pode editar a imagem como desejar. Por exemplo, vamos
alterar as dimensões e a entrada "Melhor vendedor" como "Descrição da imagem" e, em seguida,
clicar no botão "OK" abaixo.
Editando a imagem
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 55
Clique no botão "Salvar e fechar" na barra de ferramentas no Gerenciador de artigos e vá para o
site para ver seu novo artigo com imagem.
O novo artigo com imagem no site
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 56
Adicionar links
Adicionar links internos
É muito comum a necessidade de criar links internos entre artigos. Esses links não são apenas
úteis para os usuários navegarem no conteúdo, mas também são úteis para o Search Engine
Optimization (SEO). Vamos ver como criar links internos dentro de um artigo.
1. Abra o artigo ao qual deseja adicionar links internos
2. Selecione o texto que deseja ser vinculado (chamado de texto âncora)
3. Clique no botão "Artigo" na barra do editor
Inserir um link no artigo
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 57
4. Agora você verá uma janela pop-up com a lista de todos os seus artigos. Encontre o artigo que
deseja vincular e clique no título.
Selecione um artigo apropriado
Como resultado, o título do artigo selecionado é usado como texto de link / âncora.
Novo link adicionado no texto
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 58
3. Clique no botão "Salvar" e vá para o seu site para ver o artigo com o novo link.
O artigo com link no site
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 59
Se você quiser editar um link, basta selecioná-lo e clicar no ícone "Inserir / editar link" como
mostrado abaixo.
Edite o link
Ou você pode remover o link do texto usando o ícone "Remover link".
Remova o link do artigo
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 60
Adicionar links externos
Na seção anterior, você aprendeu a criar links internos, ou seja, aqueles que vinculam artigos no
seu próprio site. Nesta seção, você descobrirá como criar links externos para qualquer página na
Internet.
1. Selecione o texto ao qual deseja aplicar um link e clique no ícone "Inserir / editar link".
Adicionando link externo
Uma janela pop-up será mostrada como abaixo:
Adicionando url externa
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 61
2.Introduza os seguintes valores para os 4 parâmetros nesta tela:
Link URL O endereço de destino (ou seja, o url) de onde você quer que o link vá para
Alvo Há duas opções para você escolher: "Nenhum" ou "Nova janela"
Título Texto curto que descreve o link
3.Clique no botão "OK" para inserir este link. Depois disso, você pode ver que seu texto está
vinculado ao site externo.
Texto Linkado
Adicione "Quebra de página" e "Leia mais"
Em casos de artigos longos, você pode querer dividir o artigo em pequenas seções separadas.
Com Joomla! você tem duas opções para ajudar seus visitantes a ler artigos mais longos.
1.Quebra de página - Este elemento divide um artigo em páginas separadas como Página 1, Página
2, Página 3, etc. As quebras de página são ideais para artigos muito longos.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 62
2.Leia mais - Este elemento divide um único artigo completo em um texto teaser e no resto do
artigo. Se você quiser ler o resto do artigo, você tem que clicar no link "Leia mais".
Agora, vamos aprender a trabalhar com cada um.
Adicionar um "quebra de página"
1. Coloque o cursor de texto no seu artigo, na posição onde deseja dividir o artigo.
2. Clique no botão "Quebra de página" abaixo do editor de artigos.
Adicionando quebra de página
3. Adicione o título que deseja dar a esta nova página no campo "Título da página" e clique no
botão "Inserir Quebra de página ".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 63
4. Isso é tudo que há para ele. Agora você verá uma linha pontilhada mostrando uma quebra de
página dentro de seu artigo como na imagem abaixo.
Linha pontilhada mostrando uma quebra de página
5.Clique no botão Salvar
6.Veja seu site para ver o resultado. Você verá uma lista ao lado do artigo - basta clicar no título ou
em "Avançar" para ver a página.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 64
Adicione um link "Leia mais"
Adicionar um link "Leia mais" é um processo semelhante ao adicionar uma quebra de página.
1.Coloque o cursor de texto na posição dentro do artigo onde você deseja que ele seja dividido na
introdução e nas partes do conteúdo principal.
2.Clique no botão "Leia mais" no editor de artigos.
Inserir um link para ler mais
Você verá uma linha em vermelho.
3. Clique no botão "Salvar" para concluir.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 65
Aqui está o seu artigo com um link de ler mais no front-end. Você só precisa clicar no botão "Leia
mais ..." para ler o artigo completo.
O artigo com mais informações
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 66
Modelos de administrador
Os temas de administrador alteram a aparência da interface do painel administrativo.
Um tema da administração
Se você está construindo um site para si mesmo, então você provavelmente nunca precisará alterar
seu tema do administrador. Ao criar sites para clientes, talvez seja necessário personalizar um
pouco o modelo de administrador para refletir a marca do cliente.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 67
Escolha um Tema Joomla!
Recursos de temas
A maneira mais rápida e fácil de melhorar o design do seu site é usar um tema Joomla. Existem
muitos disponíveis na Internet.
Recursos de temas gratuitos
A comunidade Joomla cria milhares de modelos gratuitos para você escolher. Verifique os
seguintes sites:
http://www.joomla24.com/
http://www.joomlaos.de/
http://www.bestofjoomla.com
Temas comerciais
Se você tiver orçamento suficiente para comprar um tema, recomendamos que você dê uma olhada
nos seguintes fornecedores de temas.
http://www.joomlashine.com/
http://www.joomlart.com
http://www.rockettheme.com
http://www.yootheme.com
http://www.gavick.com
Pesquisar na Internet
Você pode pesquisar no Google com as palavras-chave: "Joomla! temas" ou "temas para Joomla!"
e você receberá cerca de 60 milhões de resultados!
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 68
Critérios para escolher o modelo certo
Há um monte de temas Joomla para escolher. Aqui estão alguns critérios que podem ajudá-lo a
escolher o modelo certo
Compatibilidade
Você precisa escolher um modelo que suporta Joomla! 3
Comercial ou não comercial
Você quer ter um modelo de alta qualidade e suporte ou você está em orçamento apertado e,
portanto, precisa ir com um modelo gratuito? Normalmente, modelos comerciais são mais flexíveis,
têm maior qualidade, documentação mais abrangente e melhor apoio do que não comercial.
Documentação
A documentação ajuda você a entender todos os recursos do modelo? Mostra-lhe maneiras de
personalizar o modelo.
Suporte
Existe suporte contínuo para o modelo? De que maneiras você pode obter apoio? - Via fórum,
sistema de suporte, etc. Quanto tempo levará para obter respostas? 12 horas, 24 horas ou vários
dias?
Design
Corresponde à aparência que você deseja para seu site? Se é semelhante ao seu design desejado,
você não terá que gastar muito tempo para personalizá-lo. Caso contrário, é fácil personalizá-lo
como quiser?
Recursos
Modelos profissionais fornecem muitos recursos, enquanto muitos modelos gratuitos oferecem
recursos limitados.
Se você é um usuário comum, um tema livre pode ser uma escolha adequada. No entanto, se você
estiver criando um site de negócios, vale a pena gastar em um tema comercial de um provedor
profissional. Não pense que você está desperdiçando dinheiro, além de design de alta qualidade e
código; você também irá obter boa documentação e suporte. O tempo que você economizar será
mais do o dinheiro gasto.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 69
Instale um tema Joomla!
Depois de ter selecionado um tema Joomla, é hora de instalá-lo.
1.Vá para "Extensões" => "Gerenciar" => "Instalar"
"Extensões" => "Gerenciar"
Clique no botão "Procurar", localize o arquivo de tema que você baixou e clique no botão "Upload
e instalação". Depois disso, você receberá uma notificação informando que o tema foi instalado
com êxito.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 70
Procure o arquivo de tema no seu computador
2.Agora que você tem seu novo modelo instalado, é hora de aplicá-lo ao seu site. Vá para "Extensões" =>
"Modelos"
Escolha "Temas"
3.Marque a caixa de seleção ao lado de seu novo tema joomla, em seguida, a partir do menu
superior esquerdo, clique no ícone "Padrão" e ele irá definir o modelo selecionado para ser o projeto
padrão para o seu site.
Ou você pode definir rapidamente um modelo para ser padrão, clicando para o ícone de estrela na
coluna padrão.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 71
Escolha “Padrão”
4.Agora, você visualiza o design do front-end clicando no nome do site da parte superior do painel
administrativo do seu site.
Clique para visualizar seu site
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 72
Aparência do site após aplicar o tema
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 73
Criar vários estilos de modelo a serem atribuídos a vários itens de
menu
Você pode usar temas diferentes em páginas diferentes em seu site.
Por exemplo, você tem um site usando o tema Protostar, mas você deseja que outra página use o
tema Beez3. Você pode fazê-lo facilmente seguindo as instruções abaixo:
Nesse caso, criamos um novo item de menu no menu superior e chamamos-lhe Beez3.
Para fazer isso, vá para Menus -> Menu Principal -> Adicionar Novo Item de Menu. Você pode
selecionar qualquer tipo de item de menu desejado. Por exemplo, vamos escolher o tipo de item de
menu: Artigo Único, defina o título do menu como "Beez3" e selecione o artigo "Como fazer o
pagamento". Em seguida, salve o menu.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 74
Criar um novo item de menu chamado "Beez3"
Então você vai para Extensões -> Temas-> Beez3. Na seção "Atribuição de menus", selecione o item de
menu Beez3.
Escolha item de menu "Beez3"
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 75
Agora, salve o menu e vá para o front-end para ver o resultado.
Nota:
Você pode atribuir apenas um estilo de modelo a um item de menu. Se você atribuir mais de um,
somente a atribuição mais recente será aplicada.
Passo 5: Organize os módulos nas posições
O que é um módulo Joomla e posição?
Como mencionado anteriormente, um módulo executa tarefas simples e exibe o conteúdo como
pequenos blocos posicionados ao redor da página. Cada módulo está localizado numa posição
específica. E o módulo "Menu principal" é colocado na posição "esquerda". Cada posição é
projetada para ocupar um lugar no layout de uma página, ou seja, a posição "esquerda" é colocada
no lado esquerdo do conteúdo principal. Cada modelo pode ter muitas posições diferentes
ocupando vários lugares na página.
Aqui está outra maneira de pensar sobre este conceito. Imagine sua página como uma parede.
Naquela parede, há várias placas de pinos (posições de módulo) penduradas em vários lugares.
Em cada placa de pinos, existem várias notas (módulos) fixadas. Então, no final você tem a parede
cheia de notas (módulos) dispostos em placas de pinos (posições) pendurados na parede.
Existem dois tipos de módulos: "Site módulo" a ser utilizado no front-end e "Administrator módulo"
para o back-end.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 76
Módulos no Site
Como posso ver as posições do módulo disponíveis em um modelo?
É difícil ver todas as posições do módulo disponíveis em um modelo, olhando para a página da
web. Felizmente, o Joomla! fornece uma ferramenta para que os usuários vejam um esboço de
todas as posições. Veja como usá-lo:
1. Vá para "Extensões" => "Temas".
2. Na página Modelos, clique no ícone "Opções" na barra de ferramentas.
3. Em seguida, defina o parâmetro "Visualizar Posições do Módulo" para "Ativado" e clique em
"Salvar e Fechar".
Módulos Site
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 77
Ative a Visualização de Posições de Módulos
4. Agora, clique na guia "Estilos".
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 78
Clique em Temas
5.Nesta tela pop-up, todos os modelos instalados são mostrados, então vá até o modelo Beez3 e
clique em Visualizar para ver as posições do módulo deste modelo.
Clique em “Visualizar”
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 79
Uma nova página será aberta em uma nova guia. Esta página mostra todas as posições do módulo
do tema, como a figura abaixo.
Posições para módulos no site
Agora você pode ver todas as posições do módulo do tema. Isso ajudará você a escolher a posição
correta quando adicionar um novo módulo.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 80
Adicionar um novo módulo a uma página
Agora que você está familiarizado com o Módulo e conceito de posição, vamos aprender sobre
como adicionar um novo módulo à sua página da web.
Familiarize-se com os módulos padrão
Por padrão, o Joomla! vem com um monte de módulos prontos para uso. Vamos dar uma olhada:
Módulos de usuário
Módulos projetados para apresentação e serviço ao usuário.
Quem está online
Este módulo exibe o número de convidados e usuários registrados que estão atualmente no site.
Usuários mais recentes
Este módulo exibe os usuários registrados mais recentes.
Login
Este módulo exibe um formulário de login com nome de usuário, campos de senha e alguns outros
links.
Módulos de conteúdo
Módulos desenhados para apresentação de artigos.
Últimas Notícias
Este módulo mostra uma lista dos artigos publicados e artigos mais recentes.
Conteúdo mais lido
Este módulo mostra uma lista dos artigos atualmente publicados que têm o maior número de
visualizações de página.
Artigo - Notícias flash
Este módulo exibe um número fixo de artigos de uma categoria específica.
Artigo - Artigos Relacionados
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 81
Este módulo exibe outros artigos relacionados ao que está sendo visualizado.
Artigos do Arquivo
Este módulo mostra uma lista dos meses de calendário contendo artigos arquivados.
Categorias de artigos
Este módulo exibe categorias de uma categoria pai.
Artigos categoria
Este módulo permite exibir os artigos em uma determinada categoria.
Módulos de exibição
Módulos projetados para apresentação de conteúdo rico.
HTML personalizado
Este módulo permite que você crie seu próprio Módulo HTML personalizado usando um editor
WYSIWYG.
Exibição de alimentação
Este módulo exibe um feed RSS.
Rodapé
Este módulo Joomla! mostra as informações sobre direitos autorais.
Imagem aleatória
Este módulo exibe uma imagem aleatória de um diretório de imagem escolhido.
Weblinks
Este módulo exibe a lista de links da web em uma categoria.
Banner
O módulo banner é usado para exibir os banners no Componente Banners.
Módulos de utilidade
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 82
Módulos projetados para realizar mini tarefas.
Módulo de Pesquisa Inteligente
Este módulo fornece pesquisa usando o componente Smart Search.
Wrapper
Este módulo mostra uma janela do iFrame para o local especificado.
Comutador de idiomas
Este módulo exibe linguagens de conteúdo disponíveis para alternar entre elas.
Pesquisa
Este módulo exibirá uma caixa de pesquisa.
Estatísticas
Este módulo mostra informações estatísticas sobre o servidor, usuários do site, artigos, links da
web, etc.
Sindicar feeds
O módulo de sindicato exibirá um link que permite aos usuários tomar um feed do seu site.
Módulos de utilidade
Módulos projetados para apresentar navegação no website.
Menu
Este módulo exibe um menu no site
Breadcrumbs
Breadcrumbs dá aos usuários o caminho para navegar pelo site
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 83
Adicionar um novo módulo
Agora, vamos ver como você adiciona um novo módulo.
1.Vá para "Extensões" => "Módulos", clique no botão "Novo" na barra de ferramentas.
Clique em “Novo” para adicionar um novo módulo
2.Em uma janela pop-up, escolha o módulo que deseja adicionar. Por exemplo, vamos adicionar
um módulo "Acessar" para permitir que os usuários façam login no site.
Selecione o módulo “Acessar”
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 84
3.Agora você precisa inserir informações para o novo módulo. Não se esqueça de escolher a
posição onde deseja colocar o módulo.
Adicione as informações no módulo
Finalmente, clique no botão "Salvar e fechar" para concluir o processo. Vamos ver como ele se
apresenta na nossa página.
Módulo de Login no site
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 85
Você pode adicionar mais módulos usando o mesmo processo.
Configurar definições de módulos
Ordem de módulos
Agora você aprendeu que todos os módulos são colocados em uma posição como notas fixadas
em uma placa de pinos. E assim como na vida real, você pode reordenar os módulos usando uma
função de arrastar e soltar. Vamos ver como fazer isso.
1. Vá para "Gerenciador de módulos".
2. Clique no ícone para ativar a reordenação.
3. Clique no ícone para arrastar e soltar o módulo para a nova posição.
Clique para arrastar e soltar o módulo para a nova posição.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 86
Editar módulos do front-end
1. Faça o login na sua conta do front-end
2. Clique no ícone para editar o módulo
Etapa 6: Amplie a funcionalidade do site com o Joomla! Extensões
Como mencionado anteriormente, as extensões são software especialmente escrito para ser
conectado ao Joomla! Para estender a funcionalidade de um site. Por exemplo, se você quiser ter
um slideshow de fotos, galeria de vídeos ou um formulário de contato avançado, então você
precisará instalar extensões para essas finalidades.
Por padrão Joomla! É fornecido com várias extensões que cobrem as necessidades básicas.
Banners
Extensão para gerenciamento e apresentação de banners.
Contatos
Extensão para gerenciamento de contatos e apresentação de formulários de contato
Newsfeeds
Extensão para gerenciamento e apresentação de feeds RSS
Redirecionamento
Extensão para gerenciamento de redirecionamentos de URL
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 87
Weblinks
Extensão para gerenciamento e apresentação de links
Vamos dar uma olhada em uma das extensões padrão para entender como trabalhar com o Joomla!
Extensões em geral.
Trabalhe com a extensão padrão "Contatos"
Nesta seção, aprenderemos como usar a Extensão "Contatos" do Joomla. Esta extensão permite
que você crie formulários de contato para que as pessoas possam enviar mensagens de e-mail
para você.
Criar categoria de contato
Precisamos criar contatos antes que os usuários possam entrar em contato conosco através de um
formulário. Mas para organizar melhor os contatos, precisamos criar primeiro categorias de
contatos.
1. Vá para "Componentes" => "Contatos" => "Categorias"
Clique nas categorias de contato
Em seguida, clique no botão "Novo" na barra de ferramentas para criar uma nova categoria de
contato.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 88
Clique em “Novo” para criar uma nova categoria
3.Em seguida, preencha o título da sua nova categoria de contato, por exemplo, "Administradores
de sites" e salve-o clicando em "Salvar e fechar".
Nova categoria de contato
Criar um novo contato
Quando as categorias de contatos estiverem prontas, você poderá criar contatos individuais.
1. Vá para "Componentes" => "Contatos" => "Contatos"
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 89
Clique no item de menu "Contatos"
2.Em seguida, clique no botão "Novo" na barra de ferramentas para criar um novo contato.
Clique no botão "Novo" para criar um novo contato
3. Em seguida, preencha os campos a seguir na seção "Editar contato":
Nome
Digite o nome do contato - pode ser o seu nome
Categoria
Escolha a categoria que criou anteriormente
Digite seu e-mail - todos os dados coletados do formulário de contato serão enviados para este
endereço de e-mail.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 90
Insira as informações de contato
4.Finalmente, clique em "Salvar e fechar" para salvar este contato.
Criar um item de menu para mostrar o formulário de contato
Agora que criamos um contato, é hora de criar o formulário para que os usuários concluam quando
eles querem entrar em contato.
1.Selecione o item de menu "Menus" => "Menu Principal" => "Adicionar novos itens de menu"
Adicionar novo item de menu
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 91
2.Em seguida, clique em "Selecionar" para selecionar o tipo de item de menu.
Clique no botão de seleção para selecionar o tipo de item de menu
3.Em seguida, escolha "Contato Único".
Selecione “Contato Único”
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 92
4.Em seguida, você precisa selecionar o contato desejado clicando no botão "Selecionar".
Clique em “Selecionar”
5.Em seguida, clique no contato que você criou anteriormente.
Clique em cima para escolher o contato
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 93
6.Em seguida, preencha o campo "Título do menu" com o título que você deseja, por exemplo,
"Contato".
Preencha o campo "Título do menu"
7.Finalmente, clique em "Salvar e fechar" para salvar este item de menu.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 94
Agora, vamos ao site front-end para ver o resultado. Olhe para o "Menu Principal" e você verá um
item de menu
"Contato". Clique nele e você verá um formulário de contato.
Formulário de Contato no site
Acabamos de adicionar formulário de contato básico para o site. Para ajustes adicionais, há uma
abundância de opções fornecidas.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 95
Mais ajustes
Vá para "Contatos" ou "Categorias" e clique no ícone "Opções" na barra de ferramentas.
Clique no botão de “Opções”
Na página exibida, você pode configurar todos os tipos de parâmetros conforme necessário.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 96
Conclusão
Um bom livro é como um tesouro e eu espero que você pense isso ao ler este E-book. Todo o
nosso conhecimento sobre Joomla! 3 foi editado da maneira mais cuidadosa para lhe trazer
informações úteis para ajudá-lo a criar seu próprio site passo a passo com o Joomla!. Você vai
conhecer todos os aspectos básicos do Joomla! assim você pode construir um site completo: como
instalá-lo e trabalhar com ele.
Sinta-se livre para compartilhar o que você aprendeu com outra pessoa. Trazendo-lhe
conhecimento valioso é o nosso propósito e nossa honra também.
Embora tentemos o nosso melhor, alguns erros são inevitáveis. Agradecemos todas as ideias e
comentários de nossos leitores para torná-lo melhor!
Atenciosamente,
Rafael Carmo
Desenvolvedor de sites e aplicativos
www.rafaelcarmo.com.br
Conheça um pouco mais sobre Rafael Carmo
- Diretor e programador de agência
- Mais de 10 anos de experiência
- Mais de 700 projetos entregues
- PHP, HTML, CSS, Java Script
- Android Apps, IOS Apps
- Especialista em Google Adwords
- Social Media
- Técnicas de SEO
- Técnicas de vendas
- Amplo conhecimento do mercado
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 97
SOBRE
Sou Diretor e Programador da Informatiza, agência de marketing digital especializada em
desenvolvimento de sites, e-commerce e aplicativos, a Informatiza ainda trabalha com hospedagem
de sites e possui um grande número de clientes em vários estados brasileiros e no exterior, a
Informatiza ainda conta com um dos maiores Portfólios de projetos entregues da região e se
destaca pela qualidade dos seus serviços ao longo de mais de 10 anos de existência. Conheça a
Informatiza
Trabalho com Marketing Digital desde 2006 e sou especializado em desenvolvimento de Sites e E-
commerce em Joomla. Além disso ainda trabalho com desenvolvimento de aplicativos que são
integrados ao Joomla, ou seja, utilizam o Joomla como back-end, atualiza o site e o aplicativo de
uma só vez na mesma plataforma de administração.
Sou empreendedor e já trabalhei em diversas outras áreas, tais como, contabilidade, departamento
pessoal, financeiro e administração. Minha experiência na parte administrativa e contábil somada
ao conhecimento em programação e da plataforma Joomla me deram uma base para abrir minha
agência e expandir o meu número de clientes rapidamente.
Rafael Carmo - E-Book Joomla - www.rafaelcarmo.com.br 98
Contato
E-mail: [email protected]
Site: www.rafaelcarmo.com.br
Skype: rafael.carmo
Siga pelas Redes Sociais
Inscreva-se no meu Canal no Youtube
https://www.youtube.com/channel/UCVYYBnZjV_OtMgKiyRf0p1Q
Curta e me siga no Facebook
https://www.facebook.com/rafaelinformatiza/
Siga pelo Twitter
https://twitter.com/rafainformatiza/
Siga pelo Instagram
https://www.instagram.com/rafaelinformatiza/
Siga pelo Linkedin
https://www.linkedin.com/in/informatiza
Cadastre-se em Nossa Newsletter
Receba dicas, notícias e vídeos sobre o Joomla e desenvolvimento de sites e aplicativos.
http://www.rafaelcarmo.com.br/cadastre-se-em-nossa-newsletter