Joomla - Tutorial

Embed Size (px)

Citation preview

  • Universidade Federal de Santa Maria

    Centro de Tecnologia

    Programa de Educao Tutorial - Sistemas de Informao

    TUTORIAL

    Guia Prtico de Utilizao do Sistema de Gerenciamento de Contedo

    Joomla 3.4.1

    Por:

    Camila da Luz Nogueira

    Emerson Pinto Homrich

    Josu Furlan Machado

    Leonardo Cancian Steffenello

    Otvio Bergmann Cassel

  • 2

    Sumrio

    1 Introduo................................................................................................3

    2 Instalao.................................................................................................3

    2.1 Instalao no computador pessoal..............................................4

    2.2 Instalao do Joomla!..................................................................5

    2.3 Menu de Administrao................................................................9

    3 Escolhendo e instalando Temas...........................................................11

    4 Gerenciamento de Menus......................................................................13

    4.1 Menus.............................................................................................13

    4.2 Itens de Menu................................................................................15

    5 Gerenciamento de Mdias......................................................................16

    6 Gerenciamento de Usurios..................................................................17

    6.1 Usurios.........................................................................................17

    6.2 Grupos............................................................................................21

    6.3 Nveis de Acesso de Visualizao...............................................22

    6.4 Notas...............................................................................................24

    6.5 Categoria das Notas......................................................................25

    7 Gerenciamento de Categorias...............................................................25

    8 Gerenciamento de Artigos.....................................................................26

    8.1 Criao de Artigos.........................................................................27

    8.2 Modificao de Artigos..................................................................29

    8.3 Excluso de Artigos.......................................................................30

    9 Adicionando Extenses..........................................................................30

    10 Algumas dicas e sites teis....................................................................34

    11 Referncias...............................................................................................34

  • 3

    1. Introduo

    O Software Joomla! um gerenciador de contedo dinmico (Content Management

    System - CMS1) sendo um dos mais eficientes da atualidade, permitindo uma grande facilidade

    e flexibilidade na construo de sites. Alm da possibilidade de utilizao de templates2

    prontos, o Jommla oferece a oportunidade da customizao e a criao de templates prprios.

    A separao entre design, programao e contedo permite um melhor controle e

    personalizao por parte do desenvolvedor - sem a necessidade de ser um especialista na

    rea - e a concepo de um site extremamente interativo para o usurio final.

    O Joomla! pode ser empregado para a criao de sites pessoais, blogs, portais de

    contedo, lojas virtuais, catlogos de produtos entre outros diversos formatos de contedo. Por

    ser um CSM de cdigo aberto, existem milhares de templates e extenses (gratuitas e pagas)

    disponveis no mercado, permitindo at mesmo a integrao com redes sociais, o que garante

    a criao de sua prpria pgina, sem grandes problemas, utilizando um design profissional e

    personalizado para a sua necessidade.

    Neste tutorial voc encontrar o passo a passo desde a instalao, at o

    gerenciamento, de contedo e extenses, para a elaborao de websites com o Joomla 3.4.1 -

    ultima verso estvel (em 21 de Maro de 2015).

    2. Instalao

    Para iniciar a construo de seu site, voc deve fazer o download do pacote de

    instalao do Joomla!, o qual pode ser encontrado no seguinte endereo:

    http://www.joomla.org/download. Neste site voc tambm pode encontrar toda a

    documentao e tpicos de ajuda caso esteja com algum problema ou dvida.

    A instalao do Joomla pode ser feita de duas formas: 1) No seu computador, onde

    voc iniciar a construo de seu site em um ambiente de desenvolvimento prprio. Aps

    finalizada a construo, voc poder envi-lo para hospedagem em um servidor contratado por

    voc; 2) Ou a instalao pode tambm ser feita diretamente em um servidor de hospedagem.

    Nos dois casos recomendamos a instalao em servidor Apache, por possuir maior

    compatibilidade com este CMS.

    1 Aplicativos utilizados para criar, editar, gerenciar e publicar contedo de forma consistentemente organizada permitindo que o mesmo seja modificado, removido e adicionado com facilidade. Permite a criao, armazenamento e administrao de contedo de forma dinmica, atravs de uma interface de acesso via Internet.

    2 Instrumento utilizado para separar a apresentao do contedo - design do site.

  • 4

    Abaixo mostraremos a instalao do Joomla em um computador pessoal. No final deste

    tutorial disponibilizamos alguns links para a instalao em servidores online.

    2.1 Instalao no computador pessoal

    Para o desenvolvimento do site no seu computador ser necessrio fazer o download

    de um ambiente de desenvolvimento para criao de um servidor local, ou localhost. Neste

    tutorial utilizaremos o XAMPP o qual gratuito e pode ser encontrado no seguinte endereo:

    https://www.apachefriends.org/pt_br.

    Aps o download, instale o XAMPP em seu computador, selecionando um local de

    instalao de fcil acesso (C:\xampp). Ao concluir a instalao, inicie o programa e clique em

    Start nos mdulos Apache e MySQL como indicados na figura 1:

    Figura 1 - Iniciando o XAMPP

    Clique em Config e selecione um Browser (Utilizamos aqui o Google Chrome) e

    marque em Autostart of modules as opes Apache e MySQL. Deste modo, sempre que

    iniciar o programa, estas opes sero executadas automaticamente. Aps, clique em Save.

  • 5

    Figura 2 - Configurando o XAMPP

    Pronto, o seu XAMPP est instalado e configurado, agora podemos iniciar a instalao

    do Joomla!. Lembre-se de sempre iniciar o XAMPP quando necessitar trabalhar ou visualizar o

    seu site Joomla! no seu localhost.

    2.2 Instalao do Joomla!

    Depois de concludo o download do Joomla! (http://www.joomla.org/download) crie

    uma pasta com o nome do seu site dentro da pasta htdocs do XAMPP (C:\xampp\htdocs ou no

    diretrio onde voc instalou). Neste tutorial nosso site ser chamado tutorial_joomla

    (necessrio deixar o nome sem espaos ou acentos). Descompacte o arquivo que voc fez o

    download dentro desta pasta, devendo ficar semelhante figura 3:

    Figura 3 - Descompactando os arquivos do joomla!

  • 6

    Aps a descompactao digite em seu browser: localhost/tutorial_joomla onde

    tutorial_joomla o nome que voc deu para a pasta (lembre que o XAMPP dever estar

    aberto).

    Nesta primeira etapa voc configurar o Joomla, e deve selecionar o idioma, preencher

    o nome e uma descrio para seu site, alm de preencher seu e-mail e um nome e senha de

    administrador do site. Mais abaixo h um boto Site Offline, esta opo serve para quem est

    desenvolvendo em um servidor online, e caso esteja ativado no permite que outras pessoas

    possam visualizar o site. Preencha conforme a figura 4, e passe para o prximo passo.

    Figura 4 - Configurao do Joomla

    A segunda etapa ser a configurao do Banco de Dados que armazenar todas as

    informaes do nosso site. Preencha os campos como a imagem abaixo, deixando o campo

    Nome de Usurio como root e Senha como vazio (ou como preencheu na instalao do

    XAMPP, pois esta nossa conexo com o Banco de Dados), mas em Nome do Banco de

    Dados, voc pode preencher como quiser. E em Prefixo das Tabelas, deixe como est, pois

    o Joomla gera isso automaticamente. O preenchimento ficar semelhante imagem abaixo:

  • 7

    Figura 5 - Configurao do Banco de Dados do Joomla

    Na terceira etapa, voc pode instalar um contedo de exemplo, caso deseje iniciar seu

    site sem nenhum contedo pode selecionar a opo Nenhum. Neste tutorial instalaremos o

    Contedo de exemplo Blog, em ingls (CB). Abaixo da aba Finalizao podemos visualizar as

    informaes gerais do site, confira se est tudo correto, e siga para a instalao.

  • 8

    Figura 6 - Configurao Geral do Joomla

    Nesta parte voc deve apenas aguardar. Aps aparecer uma tela de sucesso da

    operao e voc deve remover as pastas de instalao do joomla, clicando no boto marcado

    na figura 7.

    Figura 7 - Remoo das pastas de instalao do Joomla

  • 9

    Pronto! O Joomla! foi instalado com sucesso! Agora nesta mesma pgina voc pode,

    visualizar o site (ou pela barra de endereo do browser localhost/tutorial_joomla), ou ir para o

    painel de controle de administrao (localhost/tutorial_joomla/administrator), onde seguiremos

    a construo de nosso site.

    2.3 Menu de Administrao

    Atravs do endereo localhost/tutorial_joomla/administrator, onde tutorial_joomla o

    nome do seu site, voc pode acessar o painel de controle de administrao. Preencha com o

    usurio e senha que voc preencheu na primeira etapa de instalao do Joomla!

    Figura 8 Acesso ao painel de controle do Joomla!

    Abaixo voc pode visualizar uma imagem do Painel de Controle do Joomla. Atravs

    deste painel voc poder gerenciar todas as ferramentas, gerenciar artigos, arquivos, mdias e

    usurios. A partir deste painel executaremos todas as outras atividades deste tutorial.

    Figura 9 Painel de Controle do Joomla!

  • 10

    Para facilitar a construo do nosso site, vamos trocar a lngua padro do sistema de

    ingls para portugus brasileiro, seguindo os seguintes passos:

    No menu lateral selecione o boto ( )

    Figura 10 Selecionando o Language Manager.

    Aps selecione no canto superior esquerdo. Busque pelo idioma

    selecione o idioma na tabela que aparecer, clique no

    boto . Volte ao menu Language Manager, que pode ser acessado tambm pelo

    menu superior.

  • 11

    Figura 11 Selecionando o Language Manager no menu superior.

    Marque o cone para selecionar o idioma padro que voc deseja para o sistema,

    deixando da seguinte forma:

    Figura 12 Selecionando o Language Manager no menu superior.

    Perceba que voc alterou apenas a linguagem para o site, o sistema de administrao

    continua com a linguagem padro como Ingls. Ento no menu esquerdo selecione a opo

    e siga os mesmos passos da instalao da linguagem para o site.

    Pronto! O seu Joomla! est totalmente em portugus agora, caso o idioma padro no

    se altere automaticamente, feche o seu browser e acesse novamente o Painel de Controle.

    3. Escolhendo e instalando Temas

    A escolha e personalizao de Temas (templates) permite voc alterar o modo e o

    formato como seu site visualizado. Aqui mostraremos como fazer o download e instalar novos

    templates. Voc pode encontrar o menu de gerenciamento de temas na tela inicial, no meu

    esquerdo ( ) ou na barra de menu superior( ) do painel

    de controle.

    Neste menu voc poder ver todas os templates instalados no sistema. Observe que

    existem dois tipos: Site e Administrador. O primeiro refere-se ao tema que o site est

    utilizando e o segundo ao tema do painel de controle do administrador. Altere entre os temas

    disponveis, da mesma forma que o idioma padro, atravs da seleo do cone ,

    visualize a mudana do template do site acessado (localhost/tutorial_jommla) e atualize a

    pgina para verificar a mudana.

  • 12

    Figura 12 Gerenciador de Temas.

    Por ser um CMS gratuito e muito popular possvel encontrar diversos sites online com

    templates gratuitos para o Joomla! no item 10. Algumas dicas e sites teis deste tutorial

    oferecemos uma lista com alguns destes sites. Procure um template que mais o agrade, e faa

    o download, no se esquea de conferir a verso do template, esta deve ser compatvel com o

    Joomla que estamos utilizando (verso 3.4.1).

    Aps o download, no painel de controle do seu site, acesse o menu gerenciador de

    extenses, no menu esquerdo da tela inicial ( ) ou no menu superior em

    Extenses ( ). Atravs do boto ( ), selecione o arquivo de

    tema o qual voc fez o download, no necessrio a descompactao do mesmo, aps

    selecione ( ).

    Figura 13 Instalando extenso Tema

    Se tudo der certo, uma mensagem de sucesso aparecer na tela e o seu tema foi

    instalado! Voc tambm pode instalar os temas atravs de uma URL, ou colocando o caminho

    do diretrio do arquivo.

  • 13

    Volte ao menu de Gerenciamento de Temas ( ) e seu novo template

    ir aparecer na lista de temas. Agora, voc tambm pode selecion-lo atravs do cone .

    Figura 14 Selecionando novo tema

    Voc pode possuir vrios temas instalados em seu site, mas ter sempre apenas um

    como padro. Usurios mais experientes podem utilizar o boto ( ) para fazer

    alteraes no template atravs de seu cdigo fonte.

    4. Gerenciamento de Menus

    O Joomla permite a personalizao dos menus que temos no topo da pgina. Logo,

    voc pode editar, remover e acrescentar seus prprios menus. A ideia permitir que as opes

    mais usadas por voc estejam em um lugar apenas, agilizando e facilitando o processo de

    gerncia do site.

    4.1 Menus

    Para acessar este gerenciador de menus, clique em , na parte superior da

    pgina. Voc ser redirecionado para o Gerenciador de Menus. Realizado isto, voc ter uma

    tela como mostrada na figura 15:

  • 14

    Figura 15 Gerenciador de Menus

    Nesta pgina ser possvel gerenciar seus menus, com as opes Novo, Editar,

    Eliminar e Reconstruir. Ao clicar em , voc ver uma nova pgina, onde

    ser possvel adicionar um novo menu como na figura 16:

    Figura 16 Adicionar novo menu

    Nesta pgina voc preencher um ttulo para o novo menu, o tipo de menu desejado e

    uma possvel descrio. Por conseguinte, clicar em para salvar o novo

    menu. Se clicar em , voc ser remetido pgina anterior. Se clicar em

    , os dados sero salvos e voc poder adicionar um novo menu. Dessa

    forma, um novo menu ser adicionado. Criado esse novo menu, ser possvel visualiz-lo ao

    posicionar o mouse sobre a opo . Assim, teremos a possibilidade de adicionar

    novos itens a esse menu criado.

  • 15

    4.2 Itens de Menu

    Seguindo os passos acima, foi possvel criar um novo menu. Agora, veremos como ser

    possvel gerenciar os itens desse menu. Para isso, voc deve clicar em

    , no lado esquerdo da pgina. Realizado isto, voc ter uma

    tela como mostrada na figura 17:

    Figura 17 Gerenciador de Itens de Menus

    Nesta pgina, voc poder visualizar todos os itens correspondentes a cada menu de

    seu site. Alm disso, voc pode gerenciar estes itens atravs das opes Novo, Editar,

    Publicar, Despublicar, Validar, Entrada, Reconstruir, Em lote e Reciclagem. Ao clicar em

    , possvel criar um novo item de menu, como na figura 18:

    Figura 18 Adicionar novo item de menu

    Aqui ser possvel adicionar um novo item de menu. As opes marcadas com

    asterisco devem ser preenchidas obrigatoriamente. So elas, um ttulo para o item de menu e o

  • 16

    tipo de item de menu, que voc poder selecionar ao clicar no boto . Logo, voc

    ter uma nova janela, onde haver algumas opes para que voc a escolha. Alm disso, voc

    tambm pode preencher os campos Hiperligao, com a localizao do item do menu, Janela

    Alvo e Tema de Estilo, alm de outras configuraes de aparncia da pgina.

    Feito isso, basta clicar em alguma das opes de Guardar. Com o item criado, voc

    pode gerenci-lo de vrias maneiras. Uma forma ajustar a ordem na qual os itens aparecero

    no menu, devendo voc clicar no item e

    arrast-lo para cima ou para baixo, reposicionando-o. Pode-se tambm ou

    um item, selecionado o item e clicando sob a opo desejada.

    5. Gerenciamento de Mdias

    Ao criar artigos e public-los em nosso site em Joomla, devemos sempre ter como

    objetivo chamar ateno do nosso leitor. A melhor maneira de fazer isso inserindo imagens,

    que representem o assunto no qual falaremos e que sirvam para ilustrar o texto. O Joomla

    possui um timo gerenciador de multimdia que pode ser utilizado em qualquer parte editvel

    do CMS. Vamos aprender uma maneira simples de organizar vrias imagens, videos e links e

    utiliz-las em nossos artigos.

    Para trabalhar com mdias, vamos abrir o painel do Joomla e vamos clicar no cone

    Administrar Mdia. Ou em Contedo -> "Gerenciador de Mdias".

    Aparecer uma pagina como a figura 19:

    Figura 19 Gerenciador de Mdias.

  • 17

    Nesta pgina voc criar uma pasta nova e/ou adicionar mdias de acordo com sua

    preferncia. Para adicionar uma imagem basta selecionar a pasta e clicar em

    e enviar a imagem a sua escolha. A partir deste passo a

    imagem estar dentro de seu Joomla pronta pra ser usada em qualquer artigo. Como adicionar

    imagens em artigos ser mostrado na sesso 8 (Gerenciamento de Artigos).

    6. Gerenciamento de Usurios

    O gerenciador de usurios permite a organizao do acesso s configuraes do site.

    Voc poder criar e gerenciar usurios, definindo as permisses e configuraes de cada um.

    O gerenciador de usurios pode ser acessado pelo menu lateral ( ) ou na

    barra de menus superior ( ).

    Este gerenciador permite a configurao de usurios, grupos, nveis de acesso, notas

    de usurio e categoria das notas. As abas de configurao podem ser encontradas na barra

    lateral esquerda da pgina, e sero explicadas individualmente.

    Figura 20 Gerenciador de Usurios.

    6.1 Usurios

    Aba acessada ao entrar no gerenciador (ver figura 20). Aqui voc poder ver todos os

    usurios cadastrados e alterar suas configuraes.

    Para criar um novo usurio, basta clicar em . Voc ter uma tela de

    cadastro como a figura 21:

  • 18

    Figura 21 Tela de cadastro: detalhes da conta

    Aqui so inseridos os dados bsicos da conta, como nome, nome de usurio, senha e

    email. possvel tambm definir se o usurio receber ou no emails do sistema, bloque-lo e

    exigir redefinio de senha. Os itens marcados com * so obrigatrios, e os com campo

    acinzentado so gerados automaticamente.

    Concluda esta aba, partimos para as prximas. Na aba Grupos de Usurios

    Atribudos, podemos definir a que grupo esse usurio pertencer. O grupo Registered vem

    selecionado por padro.

    Na aba Configuraes Bsicas, podem ser definidos o idioma e estilo da interface da

    administrao, idioma do site, fuso horrio, editor e site de ajuda. Estes itens afetam apenas

    este usurio e recomendado usar o padro.

    Abas preenchidas, basta clicar em algum dos botes no topo da tela, como:

    para salvar e continuar na tela de cadastro; para salvar e

    voltar para a tela inicial do gerenciador de usurios; ou para salvar e iniciar

    outro cadastro. De volta tela inicial, voc j ver o novo usurio listado.

  • 19

    Figura 22 Lista de usurios cadastrados.

    Clicando no nome de algum usurio (Super User, por exemplo), possvel editar as

    informaes da conta. A checkbox do primeiro item Ativado serve para bloquear ou

    desbloquear um usurio, e a checkbox do segundo item Ativado se refere ao estado da conta

    (estar desativada se o usurio no tenha redefinido a sua senha caso seja exigido, por

    exemplo).

    As mesmas aes citadas acima podem ser feitas tambm pelos botes: ,

    , e . Para excluir usurios, basta selecion-los e clicar

    em .

    O boto permite o processamento de vrios usurios simultaneamente. Uma

    aba suspensa ser aberta, onde possvel adicionar, remover ou definir os usurios

    selecionados na lista outros grupos, alm de poder modificar a exigncia de redefinio da

    senha.

    Figura 23 Aba de processamento em Lote.

    Outra grande funcionalidade no Gerenciador de Usurios a possibilidade de permitir

    que os usurios se cadastrem no seu site. Para isso, v na tela inicial do Gerenciador de

    Usurios e clique em no canto superior direito para ser redirecionado para as

    configuraes do gerenciador de usurios.

  • 20

    Figura 24 Configuraes do Gerenciador de Usurios.

    Nesta tela, voc poder permitir o cadastro de usurios, definir um grupo para o novo

    usurio cadastrado, enviar a senha do usurio como parte do email de registro, notificar os

    administradores sobre o novo cadastro, entre outras opes. No item Ativao de Cadastro de

    Novo Usurio, podemos definir se a conta do usurio ser ativada imediatamente ou no. Este

    item conta com trs opes:

    Nenhum: o usurio ativado imediatamente aps o cadastro;

    Usurio: o usurio receber um email link para ativar sua conta;

    Administrador: o usurio receber um link para verificar seu email. Os

    administradores com permisso para criar usurios sero notificados para ativar

    a conta.

    Para salvar quaisquer alteraes, basta clicar em ou

    . Se a opo Permitir Cadastro de Usurio for ativada, um link para cadastro

    adicionado tela de login do seu site, como pode ser visto na figura 25.

  • 21

    Figura 25 Tela de login com link para cadastro.

    6.2 Grupos

    Nessa aba, o administrador pode criar novos grupos para associar usurios. possvel

    visualizar a hierarquia dos grupos pr-definidos e a quantidade de usurios em cada um.

    Figura 26 Hierarquia de grupos de usurios.

  • 22

    Para criar um novo grupo, basta clicar em no menu superior. Na

    tela de criao, basta inserir o nome do grupo e definir de qual outro grupo este novo ser filho.

    O grupo filho herdar as permisses do grupo pai.

    Figura 27 Tela de criao de novo grupo.

    Na imagem acima, criamos um grupo denominado Leitor que filho do grupo Public.

    Para concluir, basta clicar em: , ou . Para

    cancelar, basta clicar em . Ao retornar para a aba de Grupos, o novo grupo j

    dever ter sido alocado na hierarquia.

    Para editar o nome de um grupo ou mudar sua filiao, basta clicar em cima do nome

    ou selecionar o grupo que se deseja editar e clicar em . A tela de edio a mesma

    da criao de grupos. Para excluir, basta selecionar os grupos e clicar em .

    As permisses dos grupos podem ser visualizadas e editadas em na

    pop-up na barra de menu superior. No item 10. Algumas dicas e sites teis, voc

    encontrar a documentao sobre Access Control List (listas de controle de acesso), onde

    poder entender um pouco melhor sobre grupos, nveis e permisses de aes.

    6.3 Nveis de Acesso de Visualizao

    Aqui o administrador pode definir o nvel de acesso em que cada grupo fica restrito.

  • 23

    Figura 28 Aba de Nveis de Acesso de Visualizao.

    Para criar um novo nvel, basta clicar em . Na tela de criao do

    nvel, deve-se informar um nome e selecionar os grupos. Feito isso, basta clicar em alguma das

    opes para salvar.

    Figura 29 Exemplo de criao de um nvel de acesso de visualizao.

    Na figura acima, criamos um nvel chamado Auxiliar, que possui as permisses de

    Public, Author, Editor e Publisher.

  • 24

    Para editar algum nvel, basta ir at a aba de Nveis de Acesso de Visualizao, clicar

    no nome ou selecionar o desejado e clicar em . Para excluir, basta selecionar e clicar

    em .

    6.4 Notas

    Nessa aba, o administrador pode adicionar e gerenciar anotaes sobre cada usurio.

    Figura 30 Aba de Notas de Usurio.

    Para criar uma nota, clique em , selecione um usurio clicando em

    , preencha os campos e escolha uma das opes de salvamento no topo.

    Figura 31 Tela de criao de nota.

  • 25

    Para editar, publicar notas existentes ainda no publicadas, despublicar, arquivar ou

    excluir notas, basta ir na tela inicial da aba Notas, selecionar as notas que se deseja realizar

    alguma ao e utilizar os botes no topo da aba.

    As notas tambm podem ser adicionadas pela aba Usurio, no boto

    abaixo do nome de cada usurio.

    6.5 Categoria das Notas

    Nessa aba possvel categorizar as notas. O sistema oferece por padro a categoria

    Uncategorised, para quando se cria uma nota sem ter outras categorias existentes.

    Figura 32 Aba de Categoria das Notas.

    Assim como nas abas anteriores, a criao bem como todas as aes sobre as

    categorias j criadas, como editar, publicar, arquivar, entre outras, podem ser feitas pelos

    botes de funo no topo da aba.

    7. Gerenciamento de Categorias

    Essa rea permite a criao de categorias para os artigos, que auxiliam na classificao do

    contedo do site. As categorias funcionam como pastas, e servem para identificar artigos com

    contedo semelhante (que possuem o mesmo assunto, por exemplo).

    A arquitetura Joomla exige que todos os artigos pertenam a uma categoria. Por isso, antes

    de comear criando as categorias, preciso pensar nos nomes que voc pode precisar. Pense

    em uma categoria como uma pasta e os artigos como os documentos dentro da pasta.

    Para criar uma nova categoria selecione "Gerenciador de Categorias" na pgina inicial, ou

    navegue: Contedo - > Gerenciador de Categorias" -> "Nova Categoria".

  • 26

    Figura 33 Aba de categorias.

    8. Gerenciamento de Artigos

    Artigos esto entre as propriedades mais importantes do seu site, pois eles so o

    contedo propriamente dito do seu site, sero as noticias e o que voc gostaria de passar ao

    usurio. Para criar um artigo, v em "Contedo" -> "Gerenciador de artigos" e clique em

    "Novo".

    Clicando na opo Gerenciador de artigos, o usurio ir para a seguinte pgina:

    Figura 34 Pgina de artigos.

  • 27

    8.1. Criao de Artigos

    Ao clicar em novo aparecer uma tela como a da figura 35:

    Figura 35 Novo de artigo.

    Para cada campo na criao do artigo deve-se saber o que estes significam.

  • 28

    1. Ttulo - Ttulo do artigo (e consequentemente da pgina);

    2. Apelido - Nome utilizado para identificao interna do artigo, facilitando sua

    busca dentro do Joomla!;

    3. Categoria - Categoria qual o artigo pertence;

    4. Estado - Define a situao atual do artigo (se j est publicado, por exemplo);

    5. Nvel de acesso - Escolhe quem tem acesso esse artigo (se ele pblico,

    apenas para usurios registrados ou apenas para administradores do site);

    6. Permisses - Encaminha para a configurao de permisso da pgina;

    7. Destaque - Define se o artigo ser destacado ou no;

    7.1. Nesta sesso tambm ser determinado a relevncia do artigo, ou seja, se

    ele estar no topo de seu site.

    8. Idioma- Seleciona em qual idioma o artigo foi escrito;

    9. ID - Valor sequencial usado para identificao do artigo;

    10. Contedo do artigo - Nesse grande campo texto deve ser redigido o contedo

    propriamente dito do artigo;

    Outras duas opes interessantes so os botes abaixo do artigo: "Leia mais" e

    "Imagem":

    - O primeiro voc utiliza se voc deseja que as pessoas vejam uma pequena previso do

    artigo e, clicando em "Leia mais" sejam transferidas para o artigo para ler todo seu

    contedo. Precisamente, basta selecionar onde voc quer a pr-visualizao termine e,

    em seguida, clique no boto "Leia mais";

    - J o segundo basta voc clic-lo para que o um meno familiar com o gerenciador de

    mdias se abra e voc selecione a imagem desejada.

  • 29

    Figura 36 Seleo de imagem para artigo.

    Aps finalizado o artigo, voc deve salv-lo, selecionando uma das quatro opes de

    salvar que o Joomla nos proporciona.

    Importante: Tome cuidado com a opo "Salvar Como", pois esta salva uma duplicata

    do artigo se este j estiver sido salvo anteriormente, o que resultar em problemas de

    visualizao no seu site.

    Figura 37 Salvar artigo.

    8.2. Modificao de Artigos

    Toda vez que voc desejar alterar um artigo basta voc navegar novamente at o menu

    de artigos. E inserir o nome do artigo ou parte do nome no campo filtrar e clicar em buscar.

    Figura 38 Buscar artigo.

  • 30

    Esta busca retornar todos os artigos relacionados com a busca, basta selecionar o

    desejado e efetuar as alteraes pretendidas em seguida salve novamente como mostrado na

    Figura 8.1.3.

    8.3 Excluso de Artigos

    A excluso de artigos pode se dar de duas maneiras, a primeira e mais recomendada

    a despublicao do mesmo do site, e a segunda o enviando para a lixeira. Em ambas o artigo

    no aparecer mais para as pessoas visitantes do shopping, mas ao enviar um artigo a lixeira

    voc corre o risco de exclu-lo permanentemente.

    Para excluir um artigo basta selecionar o desejado e no menu superior clicar em lixeira

    ou despublicar de acordo com o seu objetivo para com o artigo. Conforme a figura 39:

    Figura 39 Excluir artigo.

    9. Adicionando Extenses

    O Joomla! conta com uma grande quantidade de extenses, que so pequenas

    aplicaes desenvolvidas para adicionar caractersticas ao seu site, como data e hora,

    calendrio, previso do tempo, redes sociais, entre outras. Voc pode encontrar extenses

    testadas e aprovadas pela comunidade Joomla! no Joomla! Extensions Directory (ver item

    10. Algumas dicas e sites teis).

    As extenses podem ser classificadas como componentes (aplicao para apresentar

    contedo na pgina principal), mdulos (aplicao para mostrada como parte da pgina),

    plugins (funo executada em resposta a eventos), temas e idiomas.

    O Gerenciador de Extenses pode ser acessado pelo menu lateral ( )

    ou em no menu pop-up , na barra superior. Voc ser

    redirecionado para uma tela como a figura 40.

  • 31

    Figura 40 Gerenciador de Extenses

    No menu lateral, voc tem acesso diferentes reas para tratar sobre as extenses.

    , e , como os prprios nomes sugerem, so reas para instalar,

    atualizar e gerenciar (ativas, desativar, excluir etc) as extenses. serve para tratar

    extenses existentes que podem no ter sido instaladas durante o processo normal de

    instalao. contm as informaes referentes ao banco de dados. contm

    os avisos de erros referentes as extenses e suas instalaes. Em , voc poder

    instalar outros pacotes de idiomas para o sistema. Por fim, em voc poder

    habilitar e desabilitar os sites de atualizao de cada extenso.

    Voltando questo de instalar extenses, h trs formas de se fazer isso:

    Enviar pacote de arquivos: voc pode fazer o upload do arquivo compactado (.zip) de

    alguma extenso baixada da web. Basta clicar em (ver Fig 9.1) para

    selecionar o arquivo .zip da extenso e depois em e pronto! O Joomla!

    cuidar de descompactar os arquivos e instal-los nas pastas corretas.

    Instalar de um diretrio: se voc tiver realizado o upload de pacotes de arquivos de

    extenso para o seu site, voc pode extrair e instalar a extenso por aqui. A pasta tmp

    vem definida como a pasta de instalao por padro.

  • 32

    Figura 41 Aba para instalao a partir de um diretrio.

    Instalar a partir de uma URL: se a extenso que voc deseja instalar est disponvel

    em uma URL, voc pode instal-la por esta aba. Basta inserir a URL e confirmar a

    instalao.

    Figura 42 Aba para instalao a partir de uma URL.

    Aps a instalao da extenso, voc provavelmente precisar configurar alguns

    parmetros, como textos, posio ocupada na pgina, se a extenso estar disponvel em

    todas as pginas do site, entre outras. Para tais configuraes, voc precisar acessar os

    gerenciadores especficos para cada tipo de extenso (mdulos, plugins, temas e idiomas), que

    podem ser encontrados no menu pop-up na barra de menus superior.

    Figura 43 Gerenciadores de extenses no menu superior.

  • 33

    Na tela inicial de cada gerenciador, estaro listadas todas as extenses daquele tipo.

    Para alterar as configuraes de uma extenso, clique no nome dela ou marque a(s)

    desejada(s) e clique em . Demais aes sobre as extenses podem ser feitas

    utilizando os botes na parte superior do gerenciador, como pode ser visto na imagem abaixo.

    Figura 44 Gerenciador de Mdulos.

    Aps a instalao e configurao de uma extenso, voc pode verificar como ficou o

    seu site. Abaixo, uma imagem de uma pgina exemplo com tema Blog e com uma extenso

    para visualizao de data e hora no site.

    Figura 45Pgina exemplo com uma extenso para data e hora.

  • 34

    10. Algumas dicas e sites teis

    1 - Instalao do Joomla! em um servidor online:

    http://wiki.locaweb.com.br/pt-br/Joomla_3

    2 - Templates de Joomla:

    2.1 http://www.freshjoomlatemplates.com//

    2.2 http://www.joomshaper.com/joomla-templates

    2.3 https://www.joomlashine.com/free-joomla-templates.

    2.4 http://www.joomlart.com/joomla/templates

    2.5 http://www.templatejoomla.com.br/

    3 - Tutorial sobre Listas de Controle de Acesso nas verses 3.x do Joomla:

    https://docs.joomla.org/J3.x:Access_Control_List_Tutorial

    4 - Extenses para o ambiente Joomla:

    http://extensions.joomla.org/

    5 - Migrao para o servidor

    http://www.joomlaclube.com.br/doc/index.php?title=Migrando_o_Joomla!_para_outro_S

    ervidor

    11. Referncias

    1. Tutorial Iniciantes - Documentao do Joomla - Encontrado em:

    https://docs.joomla.org/Tutorials:Beginners/pt-br - Acessado em Maro de 2015

    2. Joomla! 2.5 - Livro do Iniciante Encontrado em: http://cocoate.com/pt-br/j25pt -

    Acessado em Abril de 2015

    3. Tutoriais de Joomla Encontrado em: http://www.joomlabr.org/ - Acessado em Maro

    de 2015

    4. Joomla Tutorials Encontrado em: https://www.joomlatutorials.com/ - Acessado em

    Maro de 2015